@extends('admin.layout.master')
@section('css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" integrity="sha512-H9jrZiiopUdsLpg94A333EfumgUBpO9MdbxStdeITo+KEIMaNfHNvwyjjDJb+ERPaRS6DpyRlKbvPUasNItRyw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
@endsection
@section('content')
<!-- // Basic multiple Column Form section start -->
<section id="multiple-column-form">
    <div class="row match-height">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">{{awtTrans('عرض طلب مندوب ')}}</h4>
                </div>
                <div class="card-content">
                    <div class="card-body">
                        <form  class="store form-horizontal" >
                            <div class="form-body">

                                <div class="row">
                                    @if ($row->status == 'pending')
                                        <div class="w-100 d-flex justify-content-center m-3 text-danger font-medium-2">
                                            @if ($row->user_id != null)
                                                <span>{{awtTrans('طلب مقدم من العميل رقم  ')}} {{$row->user_id}}</span>
                                            @elseif($row->company_id != null )
                                                <span>{{awtTrans('طلب مقدم من شركه المناديب  رقم  ')}} {{$row->company_id}}</span>
                                            @endif
                                        </div>
                                    @endif

                                    <div class="row">

                                        <div class="col-3">
                                            <div class="imgMontg col-12 text-center">
                                                <div class="dropBox">
                                                    <div class="textCenter">
                                                        <div class="imagesUploadBlock">
                                                            <label class="uploadImg">
                                                                <span><i class="feather icon-image"></i></span>
                                                            </label>
                                                            <div class="uploadedBlock">
                                                             <a href="{{ $row->personal_image ? asset('assets/uploads/users/'.$row->personal_image) : $row->user?->avatarPath }}" data-fancybox="gallery" >

                                                                <img src="{{$row->personal_image ? asset('assets/uploads/users/'.$row->personal_image) : $row->user?->avatarPath}}">
                                                                <button class="close"><i class="la la-times"></i></button>
                                                                </a>
                                                                </div>
                                                        </div>
                                                    </div>
                                                    <span>{{awtTrans('الصورة الشخصية ')}}</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-3">
                                            <div class="imgMontg col-12 text-center">
                                                <div class="dropBox">
                                                    <div class="textCenter">
                                                        <div class="imagesUploadBlock">
                                                            <label class="uploadImg">
                                                                <span><i class="feather icon-image"></i></span>
                                                            </label>
                                                            <div class="uploadedBlock">
                                                                <a href="{{asset('assets/uploads/users/'.$row->driving_license)}}" data-fancybox="gallery">

                                                                <img src="{{asset('assets/uploads/users/'.$row->driving_license)}}">
                                                                <button class="close"><i class="la la-times"></i></button>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <span>{{awtTrans('صورة رخصه القيادة')}}</span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-3">
                                            <div class="imgMontg col-12 text-center">
                                                <div class="dropBox">
                                                    <div class="textCenter">
                                                        <div class="imagesUploadBlock">
                                                            <label class="uploadImg">
                                                                <span><i class="feather icon-image"></i></span>
                                                            </label>
                                                            <div class="uploadedBlock">
                                                               <a href="{{asset('assets/uploads/users/'.$row->car_back)}}" data-fancybox="gallery">

                                                                <img src="{{asset('assets/uploads/users/'.$row->car_back)}}">
                                                                <button class="close"><i class="la la-times"></i></button>
                                                            </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <span>{{awtTrans('صورة السياره من الخلف')}}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-3">
                                            <div class="imgMontg col-12 text-center">
                                                <div class="dropBox">
                                                    <div class="textCenter">
                                                        <div class="imagesUploadBlock">
                                                            <label class="uploadImg">
                                                                <span><i class="feather icon-image"></i></span>
                                                            </label>
                                                            <div class="uploadedBlock">
                                                                 <a href="{{asset('assets/uploads/users/'.$row->identity_card_image)}}" data-fancybox="gallery">

                                                                <img src="{{asset('assets/uploads/users/'.$row->identity_card_image)}}" data-fancybox="gallery">
                                                                <button class="close"><i class="la la-times"></i></button>
                                                                </a>
                                                                </div>
                                                        </div>
                                                    </div>
                                                    <span>{{awtTrans('صورة الهوية الوطنية')}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                        <div class="col-3">
                                            <div class="imgMontg col-12 text-center">
                                                <div class="dropBox">
                                                    <div class="textCenter">
                                                        <div class="imagesUploadBlock">
                                                            <label class="uploadImg">
                                                                <span><i class="feather icon-image"></i></span>
                                                            </label>
                                                            <div class="uploadedBlock">
                                                                <a href="{{asset('assets/uploads/users/'.$row->car_front)}}" data-fancybox="gallery">

                                                                <img src="{{asset('assets/uploads/users/'.$row->car_front)}}">
                                                                <button class="close"><i class="la la-times"></i></button>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <span>{{awtTrans('صورة السياره من الامام')}}</span>
                                                </div>
                                            </div>
                                        </div>
                                         <div class="col-3">
                                        <div class="imgMontg col-12 text-center">
                                            <div class="dropBox">
                                                <div class="textCenter">
                                                    <div class="imagesUploadBlock">
                                                        <label class="uploadImg">
                                                            <span><i class="feather icon-image"></i></span>
                                                            <input type="file" accept="image/*" name="iban_image" class="imageUploader">
                                                        </label>
                                                        <div class="uploadedBlock">
                                                         <a href="{{ asset('assets/uploads/users/'.$row->iban_image) }}" data-fancybox="gallery" >
                                                            <img src="{{asset('assets/uploads/users/'.$row?->iban_image)}}">
                                                            <button class="close"><i class="la la-times"></i></button>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <span>{{awtTrans('صورة الايبان')}}</span>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-3">
                                        <div class="imgMontg col-12 text-center">
                                            <div class="dropBox">
                                                <div class="textCenter">
                                                    <div class="imagesUploadBlock">
                                                        <label class="uploadImg">
                                                            <span><i class="feather icon-image"></i></span>
                                                            <input type="file" accept="image/*" name="car_liscense" class="imageUploader">
                                                        </label>
                                                        <div class="uploadedBlock">
                                                     <a href="{{ asset('assets/uploads/users/'.$row->car_license) }}" data-fancybox="gallery" >
                                                            <img src="{{asset('assets/uploads/users/'.$row?->car_license)}}">
                                                            <button class="close"><i class="la la-times"></i></button>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <span>{{awtTrans('صورة الاستماره ')}}</span>
                                            </div>
                                        </div>
                                    </div>

                                       

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('الاسم بالكامل بالعربية')}}</label>
                                            <div class="controls">
                                                <input type="text" name="name" class="form-control" value="{{$row->getTranslation('fullname', 'ar') ?? $row->getTranslation('fullname')['ar']}}" placeholder="{{awtTrans('اكتب الاسم')}}" required data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}" >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('الاسم بالكامل الانجليزية ')}}</label>
                                            <div class="controls">
                                                <input type="text" name="name" class="form-control" value="{{$row->getTranslation('fullname', 'en') ?? $row->getTranslation('fullname')['en']}}" placeholder="{{awtTrans('اكتب الاسم')}}" required data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}" >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('الجنسية')}}</label>
                                            <div class="controls">
                                                <input type="text" class="form-control" value="{{$row->nationality?->name}}" >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('تاريخ ميلاد السائق')}}</label>
                                            <div class="controls">
                                                <input type="text" class="form-control" value="{{$row->driver_date_of_birth??''}}" >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('اسم الكفيل')}}</label>
                                            <div class="controls">
                                                <input type="text" class="form-control" value="{{$row->sponsor_name??''}}" >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('المنطقة')}}</label>
                                            <div class="controls">
                                                <input type="text" class="form-control" value="{{$row->region?->name}}" >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('المدينة')}}</label>
                                            <div class="controls">
                                                <input type="text" class="form-control" value="{{$row->city?->name}}" >
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('البريد الالكتروني')}}</label>
                                            <div class="controls">
                                                <input type="email" name="email" class="form-control" value="{{$row->email??''}}"  >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('رقم الهاتف')}}</label>
                                            <div class="controls">
                                                <input class="form-control" style="width: 20% ; position: absolute; left: 3%;"  value="{{$row->user->country_key??''}}"  >
                                                <input type="number" name="phone" class="form-control" value="{{$row->phone??''}}" placeholder="{{awtTrans('اكتب رقم الهاتف')}}" required data-validation-required-message="{{awtTrans('هذا الحقل مطلوب')}}" >
                                            </div>

                                        </div>
                                    </div>


                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('العنوان')}}</label>
                                            <div class="controls">
                                                <input type="" name="password" value="{{$row->address??''}}" class="form-control"   >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('رقم الايبان ')}}</label>
                                            <div class="controls">
                                                <div class="controls">
                                                    <input class="form-control" style="width: 20% ; position: absolute; left: 3%;"  value="SA"  >
                                                    <input type="" name="password" value="{{$row->bank_iban_number??''}}" class="form-control"   >
                                            </div>
                                        </div>
                                    </div>
                                    </div>
                                    
                                    @if($row->insurance == 'true')
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('تامين السياره')}}</label>
                                            <div class="controls">
                                                <div class="controls">
                                                    <input type="" name="password" value="{{awtTrans('المندوب لديه تأمين سيارة')}}" class="form-control"   >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                    

                                    <!--    <div class="col-md-6 col-12">-->
                                    <!--    <div class="form-group">-->
                                    <!--        <label for="first-name-column">{{awtTrans('رقم الحساب البنكي ')}}</label>-->
                                    <!--        <div class="controls">-->
                                    <!--            <input type="" name="password" value="{{$row->bank_acc_number??''}}" class="form-control"   >-->
                                    <!--        </div>-->
                                    <!--    </div>-->
                                    <!--</div>-->

                                        <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('اسم البنك')}}</label>
                                            <div class="controls">
                                                <input type="" name="password" value="{{$row->bank_name??''}}" class="form-control"   >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('نوع السيارة ')}}</label>
                                            <div class="controls">
                                                <input type="" name="password" value="{{$row->carType->name??""}}" class="form-control"   >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('ارقام لوحة السيارة بالانجليزية')}}</label>
                                            <div class="controls">
                                                <input type="" name="password" value="{{$row->getTranslation('car_numbers', 'en')??''}}" class="form-control"   >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('ارقام لوحة السيارة بالعربية')}}</label>
                                            <div class="controls">
                                                <input type="" name="password" value="{{$row->getTranslation('car_numbers', 'ar')??''}}" class="form-control"   >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('حروف لوحة السيارة بالعربية')}}</label>
                                            <div class="controls">
                                                <input type="" name="password" value="{{$row->getTranslation('car_letters', 'ar')??''}}" class="form-control"   >
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('حروف لوحة السيارة بالانجليزية')}}</label>
                                            <div class="controls">
                                                <input type="" name="password" value="{{$row->getTranslation('car_letters', 'en')??''}}"  class="form-control"   >
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-md-6 col-12">
                                        <div class="form-group">
                                            <label for="first-name-column">{{awtTrans('المحفظه')}}</label>
                                            <div class="controls">
                                                <input type="text" name="wallet" value="{{$row->user->wallet}}" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    @if ($row->status == 'pending')
                                        <div class="col-12 d-flex justify-content-center mt-3">
                                            <a href="{{ url('admin/delegates/accept-refuse/approved/'.$row->id)}}" class="btn btn-primary mr-1 mb-1">{{awtTrans('قبول')}}</a>
                                            <a data-url="{{ url('admin/delegates/accept-refuse/rejected/'.$row->id)}}" class="btn btn-danger mr-1 mb-1 refuse-row">{{awtTrans('رفض')}}</a>
                                            <a href="{{ url()->previous() }}" type="reset" class="btn btn-outline-warning mr-1 mb-1">{{awtTrans(' رجوع ')}}</a>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        
  <script src="{{asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
  <script src="{{asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js')}}"></script>
  <script>
             $(document).on('click' , '.refuse-row', function (e) {
      e.preventDefault()
      Swal.fire({
        title: "{{__('هل تريد الاستمرار ؟')}}",
        text: "{{__('هل انت متأكد انك تريد استكمال عملية الرفض')}}",
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: '{{awtTrans("تأكيد")}}',
        confirmButtonClass: 'btn btn-primary',
        cancelButtonText: '{{awtTrans("الغاء")}}',
        cancelButtonClass: 'btn btn-danger ml-1',
        buttonsStyling: false,
      }).then( (result) => {
        if (result.value) {
          Swal.fire({
            title: '{{awtTrans("سبب الرفض")}}',
            input: 'text',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: '{{awtTrans("تأكيد")}}',
            confirmButtonClass: 'btn btn-primary',
            cancelButtonText: '{{awtTrans("الغاء")}}',
            cancelButtonClass: 'btn btn-danger ml-1',
            buttonsStyling: false,
            closeOnConfirm: false,
            animation: "slide-from-top",
          }).then( (reason) => {
            if (reason.value) {
          $.ajax({
            type: "get",
            url: $(this).data('url'),
            data: {reason : reason.value },
            dataType: "json",
            success:  (response) => {
              Swal.fire(
                      {
                        position: 'top-start',
                        type: 'success',
                        title: '{{awtTrans('تم الرفض بنجاح')}}',
                        showConfirmButton: false,
                        timer: 1500,
                        confirmButtonClass: 'btn btn-primary',
                        buttonsStyling: false,
                      })
                                     location.assign(response.url);

            }
          });
        }
      })
      }
    })
    });
        </script>
    <script>
        $('.store input').attr('disabled' , true)
        $('.store textarea').attr('disabled' , true)
        $('.store select').attr('disabled' , true)

    </script>
@endsection