@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> @lang('admin.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: 100px"/>
                        </div>
                    </div>
                    <div class="col-sm-6 col-12 text-{{app()->getLocale() == 'ar' ? 'right' : 'left'}}">
                        <h2 style="text-align: center;"> @lang('admin.invoice')</h2>
                        <div class="invoice-details mt-2" style="text-align: {{app()->getLocale() == 'ar' ? 'right' : 'left'}}">
                            <h6> @lang('admin.order_number') .</h6>
                            <p>{{$order->order_number}}</p>
                            <h6 class="mt-2">@lang('admin.order_date')</h6>
                            <p>{{$order->created_at}}</p>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="status_order_print">@lang('admin.order_status'):
                            <select class="form-control" id="status_order">
                                <option value="pending" {{$order->status == 'pending' ? 'selected': ''}}>@lang('admin.pending')</option>
                                <option value="confirm" {{$order->status == 'confirm' ? 'selected': ''}}>@lang('admin.confirm')</option>
                                <option value="delivered" {{$order->status == 'delivered' ? 'selected': ''}}>@lang('admin.delivered')</option>
                                <option value="postponed" {{$order->status == 'postponed' ? 'selected': ''}}>@lang('admin.postponed')</option>
                                <option value="cancel" {{$order->status == 'cancel' ? 'selected': ''}}>@lang('admin.cancel')</option>
                            </select>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="status_order_print">@lang('admin.Service_Provider'):
                            <select class="form-control select2"   id="status_Brach_user_data" data-id="{{$order->id}}">
                                <option>@lang('admin.Service_Provider')</option>
                                @if(auth()->user()->hasRole('super_admin') == true)
                                    @foreach(\App\Models\User::whereRoleIs('Branch_User')->get() as $user)
                                        <option value="{{$user->id}}" {{$user->id == $order->service_branch_user ? 'selected':" "}}>{{$user->name}}</option>
                                    @endforeach
                                @else
                                    @foreach(\App\Models\User::whereRoleIs('Branch_User')->where('company_id' , auth()->user()->id)->get() as $user)
                                        <option value="{{$user->id}}" {{$user->id == $order->service_branch_user ? 'selected':" "}}>{{$user->name}}</option>
                                    @endforeach
                                @endif

                            </select>
                        </div>
                    </div>
                </div>
                <!--/ Invoice Company Details -->

                <!-- Invoice Recipient Details -->
                <div id="invoice-customer-details" class="row" style="    padding: 30px;">
                    @if($order->name_gift != null || $order->phone_gift != null)

                    <div class="col-sm-4 col-4" style="    text-align: center;
    border: 1px solid #ddd;
    padding-top: 43px;">

                        @else
                            <div class="col-sm-6 col-6" style="    text-align: center;
    border: 1px solid #ddd;
    padding-top: 43px;">

                        @endif
                        <h5>@lang('admin.Times')</h5>

                        <p style="color: red">
                            @lang('admin.date') :  {{$order->delivery_time}}
                        </p>
                        <p style="color: red">
                            @lang('admin.Times') :  {{\Carbon\Carbon::createFromFormat('h:i:s a', date('h:i:s a' , strtotime($order->delivery_date_time)))->format('h:i:s a')}}
                        </p>

                    </div>

                @if($order->name_gift != null || $order->phone_gift != null)
                    <div class="col-sm-4 col-4" style="    text-align: center;
    border: 1px solid #ddd;
    padding-top: 43px;">
                        <h5>@lang('admin.ReservationGift')</h5>

                        <p style="color: red">
                            @lang('admin.name') :  {{$order->name_gift}}
                        </p>
                        <p style="color: red">
                            @lang('admin.phone') :  {{$order->phone_gift}}
                        </p>

                    </div>
                    @endif



                            @if($order->name_gift != null || $order->phone_gift != null)

                    <div class="col-sm-4 col-4" style="    text-align: center;
border: 1px solid #ddd;
padding-top: 43px;">

                        @else
                            <div class="col-sm-6 col-6" style="    text-align: center;
border: 1px solid #ddd;
padding-top: 43px;">
                                @endif

                            <h5>@lang('admin.user_details')</h5>

                        <p>
                            @lang('admin.email'):

                            {{$order->user?->email}}
                        </p>
                        <p>
                            @if($order->user_id != null)
                                @lang('admin.name'):

                                {{$order->user?->name}}

                            @else
                                @lang('admin.name'):

                                {{$order?->guess_name}}

                            @endif
                        </p>
                        <p>
                         @lang('admin.phone'):