@extends('dashboard.layout.app')
@section('style')
@endsection
@section('content')

<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-color panel-tabs panel-success">
            <div class="panel-heading panel-heading-custom">
                <ul class="nav nav-pills">
                    <li class="active">
                        <a href="#navpills-1" data-toggle="tab" aria-expanded="true">البيانات الأساسية</a>
                    </li>
                    <li class="">
                        <a href="#navpills-2" data-toggle="tab" aria-expanded="false">الطلبات</a>
                    </li>
                </ul>
            </div>
            <div class="panel-body">
                <div class="tab-content">
                    <div id="navpills-1" class="tab-pane fade in active">
                        <div class="row">
                            <div class="col-md-6">
                                <table class="table table-bordered table-striped text-center m-0">
                                    <thead>
                                        <tr>
                                            <th colspan="2" class="text-center">
                                                <img src=" {{ $user->image }}" style="width: 100px; height: 100px;border-radius: 50%;border: 2px solid #2c0d0d;" />
                                            </th>
                                        </tr>
                                        <tr>
                                            <th class="text-center" colspan="4">البيانات الأساسية</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>الاسم</td>
                                            <td>{{$user->name}}</td>
                                        </tr>
                                        <tr>
                                            <td>البريد الالكتروني</td>
                                            <td>{{$user->email}}</td>
                                        </tr>
                                        <tr>
                                            <td>رقم الجوال</td>
                                            <td>{{$user->phone}}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <div class="col-md-6">
                                {{--  <table class="table table-bordered table-striped text-center m-0">
                                                    <thead >
                                                        <tr>
                                                            <th class="text-center" colspan="4">بيانات أخرى</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>الطابق</td>
                                                            <td>1</td>
                                                        </tr>
                                                        <tr>
                                                            <td>عدد المداخل</td>
                                                            <td>1</td>
                                                        </tr>
                                                        <tr>
                                                            <td>وصف الوحدة</td>
                                                            <td>سكني عائلات</td>
                                                        </tr>
                                                        <tr>
                                                            <td>الغرف/الفتحات عدد</td>
                                                            <td>4</td>
                                                        </tr>
                                                        <tr>
                                                            <td>عدد دورات المياه</td>
                                                            <td>2</td>
                                                        </tr>
                                                        <tr>
                                                            <td>نموذج الوحدة</td>
                                                            <td>امامى</td>
                                                        </tr>
                                                    </tbody>
                                                </table>  --}}
                            </div>
                        </div>
                    </div>
                    <div id="navpills-2" class="tab-pane fade">
                        <div class="row">
                            <div class="col-md-12">
                                <table class="datatable-buttons table tab-pane-custom table-striped table-bordered"
                                    style="width: 100%;">
                                    <thead>
                                        <tr>
                                            <th># </th>
                                        <th> اسم المتجر </th>
                                        <th> رقم تليفون المتجر </th>
                                        <th> اسم العميل </th>
                                        <th> رقم جوال العميل</th>
                                        <th> نوع الطلب </th>
                                        <th> اسم مندوب التوصيل </th>
                                        <th> حالة الطلب </th>
                                        <th> تغيير حالةالطلب الي توصيل </th>
                                        <th> اجمالي الطلب</th>
                                        <th> طريقه الدفع </th>
                                        <th> تاريخ انشاء الطلب </th>
                                        <th> تاريخ اخر اجراء </th>
                                        <th> {{__('translation.actions')}} </th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @foreach($orders as $item)
                                        
                                    <tr>
                                        <td>
                                            {{$item->id}}
                                        </td>
                                        <td>{{$item->company->name ?? ''}} </td>
                                        <td>{{$item->company->phone ?? ''}} </td>
                                        <td>{{$item->owner->name ?? ''}} </td>
                                        <td>{{$item->owner->phone ?? ''}} </td>
                                        <td>{{$item->type}} </td>
                                        <td>
                                            @php
                                                $driver=false;
                                                if($item->currentDeliveryOrder()&& $deliverDriver = $item->currentDeliveryOrder()->DeliveryDriver()->first()){
                                                $driver=true;
                                                }
                                            @endphp
                                            {{ $driver?$deliverDriver->fullName : '' }}
                                            <br>
                                            {{ $driver?$deliverDriver->phoneNumber : '' }}
                                        </td>
                                        <td>
                                            <form action="{{ route('dashboard.orders-update-status', $item->id) }}" method="POST">
                                                <input type="hidden" name="_token" value="{{csrf_token()}}">
                                                <select name="status" class="select2" onchange="$(this).closest('form').submit()" >
                                                    @php
                                                        if($item->type == 'receive')
                                                        {
                                                            $statuses = ['processing', 'completed','returned','back'];
                                                        }else{
                                                            $statuses = ['processing', 'shipping', 'completed','returned','back'];
                                                        }
                                                    @endphp
                                                @foreach($statuses as $status)
                                                    <option value="{{$status}}"
                                                            @if($item->status ==  $status) selected @endif>{{__('translation.'.$status)}}</option>
                                                @endforeach
                                            </select>

                                            </form>
                                        </td>
                                        <td>
                                            @if($item->shipment()->first() || $item->type == 'receive')
                                            <form action="{{ route('dashboard.orders-update-type', $item->id) }}"
                                                method="POST">
                                                <input type="hidden" name="_token" value="{{csrf_token()}}">
                                                <button type="submit" class="btn btn-info">تحويل الي توصيل</button>
                                            </form>
                                            @else
                                                <button disabled="" class="btn btn-info">تحويل الي توصيل</button>
                                                @if($item->DeliveryOrder()->where('delivery_driver_id', null)->first())
                                                <!-- Button trigger modal -->
                                                <button type="button" data-route="{{ route('dashboard.orders-update-delivery-driver', $item->id) }}"
                                                    class="btn btn-primary btn-lg orders-update-delivery-driver"
                                                    data-toggle="modal" data-target="#myModal">
                                                    تخصيص مندوب توصيل
                                                </button>
                                                @elseif($delivery_order = $item->DeliveryOrder()->whereNotNull('delivery_driver_id')->first() )
                                                    <a href="{{ route('dashboard.orders-reset-delivery-order', $delivery_order->id) }}"
                                                        class="btn btn-primary">اعادة ارسال الي المندوب</a>
                                                @endif

                                            @endif
                                            
                                        </td>
                                        <td>{{$item->user_total}}</td>
                                        <td>{{$item->PaymentTransaction()->first() ? 'دفع الكتروني' : 'دفع عند الاستلام' }}</td>
                                        {{--  <td>{{$item->notes}}</td> --}}
                                        {{-- <td>
                                            {!!Form::model($item , ['url' => ['/dashboard/orders/'.$item->id] , 'method'
                                            => 'PATCH','files'=>true]) !!}
                                            {!! Form::select("status",[],null,['class'=>"form-control select2", "autocomplete"=> 'off', "onchange" => "$(this).closest('form').submit()"])!!}
                                            {!!Form::close() !!}
                                        </td> --}}
                                        <td>{{$item->created_at}}</td>
                                        <td>{{$item->updated_at}}</td>
                                        <td class="btns">

                                            <a href="/dashboard/orders/{{$item->id}}/edit" type="button"
                                                class="btn btn-info   waves-effect waves-light m-b-5 btn-xs"> <i
                                                    class="fa fa-pencil"></i> تعديل </a>
                                            <a href="{{route('dashboard.orders.destroy',$item->id)}}" type="button"
                                                class="btn btn-danger delete-btn  waves-effect waves-light m-b-5 btn-xs" id="delete-btn">
                                                <i class="fa fa-times"></i> {{__('translation.delete')}} </a>
                                            <a href="/dashboard/orders/{{$item->id}}" type="button"
                                                class="btn btn-info   waves-effect waves-light m-b-5 btn-xs"> <i
                                                    class="fa fa-eye"></i> {{__('translation.show')}} </a>
                                            <a href="{{ route('dashboard.order-report-by-id', $item->id) }}" type="button" class="btn
                                            btn-danger waves-effect waves-light m-b-5 btn-xs"> <i
                                                class="fa fa-print"></i> طباعه   </a>
                                            @if ($item->coupon != null)
                                                        <span class="badge badge-success">
                                                            <i class="voyager-check"></i>
                                                            تم استخدام الكوبون : {{$item->coupon}}
                                                        </span>
                                                        @endif
                                        </td>
                                    </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                                {!! $orders->links() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- end col -->

</div>
<!-- end row -->
<div class="modal fade text-right" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">تخصيص مندوب توصيل الي طلب</h4>
        </div>
        <div class="modal-body">
          <form action="" method="POST" id="orders-update-delivery-driver">
              <input type="hidden" name="_token" value="{{csrf_token()}}">
              <div class="form-group">
                  <label>choose driver</label>
                  <select name="delivery_driver_id" class="form-control">
                      @foreach($drivers as $driver)
                      <option value="{{$driver->id}}">{{$driver->fullName}} - {{$driver->LogisticCompanyService->service->name ?? ''}}</option>
                      @endforeach
                  </select>
              </div>
              <button class="btn btn-success" type="submit">حفظ</button>
          </form>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('script')


<script type="text/javascript">
    $(document).on('click', '.orders-update-delivery-driver', function(){
        $('#orders-update-delivery-driver').attr('action', $(this).attr('data-route'));
    });
</script>
@endsection