@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-6">
                        <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-6">--}}
{{--                        <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>
                <!-- 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>