@extends('admin.layout.master')
@push('css')
    <link rel="stylesheet" type="text/css" href="{{asset('dashboard/app-assets/css-rtl/pages/invoice.css')}}">

@endpush
@section('content')

    <!-- BEGIN: Content-->
    <div class="content-body">
        <!-- invoice functionality start -->
        <section class="invoice-print mb-1">
            <div class="row">

                <fieldset class="col-12 col-md-5 mb-1 mb-md-0">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Email" aria-describedby="button-addon2">
                        <div class="input-group-append" id="button-addon2">
                            <button class="btn btn-outline-primary" type="button">Send Invoice</button>
                        </div>
                    </div>
                </fieldset>
                <div class="col-12 col-md-7 d-flex flex-column flex-md-row justify-content-end">
                    <button class="btn btn-primary btn-print mb-1 mb-md-0"> <i class="feather icon-file-text"></i> Print</button>
                    <button class="btn btn-outline-primary  ml-0 ml-md-1"> <i class="feather icon-download"></i> Download</button>
                </div>
            </div>
        </section>
        <!-- invoice functionality end -->
        <!-- invoice page -->
        <section class="card invoice-page">
            <div id="invoice-template" class="card-body">
                <!-- Invoice Company Details -->
                <div id="invoice-company-details" class="row">
                    <div class="col-sm-6 col-12 text-left pt-1">
                        <div class="media pt-1">
                            <img src="{{asset(\Illuminate\Support\Facades\Storage::url('images/settings/'.setting('image')))}}" alt="{{setting('site_name')}}"  style="width: 200px"/>
                        </div>
                    </div>
                    <div class="col-sm-6 col-12 text-right">
                        <h1>الفاتوره</h1>
                        <div class="invoice-details mt-2">
                            <h6>رقم الطلب .</h6>
                            <p>{{$order->order_number}}</p>
                            <h6 class="mt-2">تاريخ الطلب</h6>
                            <p>{{$order->created_at}}</p>
                        </div>
                    </div>
                </div>
                <!--/ Invoice Company Details -->
                <div class="row">
                    <div class="col-md-4">
                        <div class="status_order_print">@lang('admin.order_status'):
                            <select class="form-control" id="status_order">
                                <option value="wait" {{$order->status == 'wait' ? 'selected': ''}}>@lang('admin.wait')</option>
                                <option value="refused" {{$order->status == 'refused' ? 'selected': ''}}>@lang('admin.refused')</option>
                                <option value="accepted" {{$order->status == 'accepted' ? 'selected': ''}}>@lang('admin.accepted')</option>
                                <option value="shipped" {{$order->status == 'shipped' ? 'selected': ''}}>@lang('admin.shipped')</option>
                                <option value="complete" {{$order->status == 'complete' ? 'selected': ''}}>@lang('admin.complete')</option>
                            </select>
                        </div>
                    </div>


                    <div class="col-md-4">
                        <div class="status_order_print">@lang('admin.drivers'):
                            <select class="form-control" id="driver_order" data-slug="driver">
                                <option value=" ">@lang('admin.choose')</option>
                                @foreach(\App\Models\User::whereRoleIs(['Driver'])->get() as $driver)
                                    <option  {{ $order->Driver != null && $order->Driver->user_id == $driver->id ? 'selected':''}} value="{{$driver->id}}">{{$driver->name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="">وقت التوصيل المتوقع:
                            <input type="text" name="time_arrival" id="time_arrival" data-slug="arrival" data-id="{{$order->id}}" value="{{$order->time_arrival}}" class="form-control">
                        </div>
                    </div>



                </div>
                <!-- Invoice Recipient Details -->
                <div id="invoice-customer-details" class="row pt-2">
                    <div class="col-sm-6 col-12 text-left">
                        <h5>Recipient</h5>
                        <div class="recipient-info my-2">
                            <p>{{$order->user->name}}</p>
                            <p>{{\App\Models\Government::findOrFail($orderShipping->government_id)->name}}  , {{\App\Models\Region::findOrFail($orderShipping->region_id)->name}}</p>
                            <p> @lang('admin.block') : {{$orderShipping->block}}    -    @lang('admin.street_name') : {{$orderShipping->gada}}</p>
                            <p> @lang('admin.Jade') : {{$orderShipping->jada}}    -    @lang('admin.building') : {{$orderShipping->building}}</p>
                            <p> @lang('admin.floor') : {{$orderShipping->floor}}    -    @lang('admin.room_number') : {{$orderShipping->room_number}}</p>
                            <p></p>
                        </div>
                        <div class="recipient-contact pb-2">
                            <p>
                                <i class="feather icon-mail"></i>
                                {{$order->user->email}}
                            </p>
                            <p>
                                <i class="feather icon-phone"></i>
                                {{$order->user->phone}}
                            </p>

                            @if($order->orderDuplicated != null)
                                <span class="badge badge-danger" style="font-size:20px">
طلب معاد من طلب رقم
                                 #{{$order->related?->order_number}}
                            </span>
                            @endif
                        </div>
                    </div>
                </div>
                <!--/ Invoice Recipient Details -->

                <!-- Invoice Items Details -->
                <div id="invoice-items-details" class="pt-1 invoice-items-table">
                    <div class="row">
                        <div class="table-responsive col-12">
                            <table class="table table-borderless">
                                <thead>
                                <tr>
                                    <th>الاسم</th>
                                    <th>الكميه</th>
                                    <th>السعر</th>
                                    <th>الخيارات</th>
                                    <th>المجموع</th>
                                    <th>حاله المنتج</th>
                                </tr>
                                </thead>
                                <tbody>
                                                                @foreach($order->products as $product)