@extends('layouts.admin')
@section('content')


<div class="main-content-wrap sidenav-open d-flex flex-column">
   <!-- ============ Body content start ============= -->
   <div class="main-content">
      <div class="row">
         <!-- ============Breadcrumb Pagination ============= -->
         <div class="col-sm-11">
            <ul class="breadcrumb">
               <li> <a href="{{url('/admin/instructors')}}">Instructors</a></li>
               <li>Vehicle Info</li>
            </ul>
         </div>
         <!-- ============Back Button ============= -->
         <div class="col-sm-1 back-arrow">
            <div class="text-center">
              <a href="javascript:history.back()"> <i class="fas fa-arrow-circle-left fa-1x">Back</i> </a>
            </div>
         </div>
      </div>
      <!-- ========================= -->
      <div class="row">
         <div class="card text-left">
            <div class="card-body">
               <div class="row">
                  <div class="col-md-3">
                     <h3 class="mb-3" style="font-weight:700"> {{ ucwords($user->first_name.' '.$user->last_name)}} @if($user->status=='1')<span class="badge badge-success status-css user-status-css">{{"Active"}}</span>@elseif($user->status=='0')<span class="badge badge-danger status-css user-status-css">{{"Inactive"}}</span>@else<span class="badge badge-warning status-css">{{"Pending"}}</span>@endif<br>
                        <small style="font-size: 66%;">Instructor ID: {{$user->id}}</small>
                     </h3>
                  </div>
               </div>
               <div class="row">
                  <div class="col-md-12" >
                     @include('admin.instructors.profile.submenu')
                  </div>
               </div>
               <form  method="post" id="updateContactInfo" >
                  @csrf
                  <div class="row py-3">
                     <div class="col-md-12">
                        <div class="row align-items-center">
                           <div class="col-md-9">
                              <div class="title">
                                 <h5 class="text-blue fw-700 py-3 mb-0">Driving Vehicle Info</h5>
                              </div>
                           </div>
                           <div class="col-md-3 text-right">
                              <div class="add-new">
                                 <a href="{{url('/admin/instructors/profile/vehicle-info/add',['id'=>base64_encode($user->id)])}}" class="btn"><i class="fa fa-plus"></i> NEW</a>
                              </div>
                           </div>
                        </div>
                        @if(count($vehicleInfo)>0)
                        <div class="row mt-3">
                           @foreach($vehicleInfo as $info)
                           <div class="col-md-3 mb-3 mt-md-0 mt-3">
                              <div class="address-box border p-3">
                                 <div class="icon mb-2 d-flex justify-content-between">
                                    <div class="left-side">
                                       <i class="fa fa-car"></i> <strong>@if($info->vehicle_type == '1') Auto @else Manual @endif</strong>
                                    </div>
                                    <div class="right-side">
                                       <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
                                       <div class="side-edit-menu">
                                          <ul class="nav flex-column p-2 pt-md-0 pb-md-0">
                                             <li class="nav-item border-bottom-gray-300">
                                                <a href="{{url('/admin/instructors/profile/vehicle-info/edit',['id'=>base64_encode($user->id),'info_id'=>base64_encode($info->id)])}}">Edit</a>
                                             </li>
                                             <li class="nav-item">
                                                <a href="javascript:void(0)" value="{{base64_encode($info->id)}}" class="deleteInfo">Delete</a>
                                             </li>
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="add pr-md-5">
                                    <p><strong>Make:</strong> {{ucwords($info->make)}}<br/><strong>Model:</strong> {{ucwords($info->model)}}<br/><strong>Fuel Type:</strong> @if($info->fuel_type == '1') Petrol @elseif($info->fuel_type == '2') Diesel @elseif($info->fuel_type == '3') Electric @endif <br/><strong>Vehicle Number:</strong> {{$info->vehicle_number}}<br/><strong>Rate less than 1 Hour:</strong> {{'$'.$info->lesson->zero_to_one_hour_rate}}<br/><strong>Rate 1-5 Hours:</strong> {{'$'.$info->lesson->one_to_five_hours_rate}}<br/><strong>Rate 6-9 Hours:</strong> {{'$'.$info->lesson->six_to_nine_hours_rate}}<br/><strong>Rate 10+ Hours:</strong> {{'$'.$info->lesson->ten_hours_rate}}</p>
                                 </div>
                              </div>
                           </div>
                           @endforeach
                        </div>
                        @else
                        <p class="text-center text-danger">No vehicle info found!</p>
                        @endif
                     </div>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </div>
</div>

<script>
   $(document).on('click', '.deleteInfo', function (event)
   {
    var id = $(this).attr('value');
      swal({
    // icon: "warning",
    type: "warning",
    title: 'Are you Want to Delete info!',
    text: "",
    dangerMode: true,
    showCancelButton: true,
    confirmButtonColor: "#007358",
    confirmButtonText: "YES",
    cancelButtonText: "CANCEL",
    closeOnConfirm: false,
    closeOnCancel: false
    },
    function(e){
    if(e==true)
    {
      $.ajax({
       type:'POST',
       url: "{{url('/admin/instructors/delete-vehicleInfo')}}",
       data: {'id':id,"_token" : "{{ csrf_token() }}"},
       success: function (response) {
        if(response.success==true){
           toastr.success("Info has been deleted successfully");
           window.setTimeout(function() {
               window.location.reload();
           }, 5000);
        }
      swal.close();
    },
    error: function (xhr, textStatus, errorThrown) {
    // alert("Error: " + errorThrown);
    }
   });
   }else
    {
    swal.close();
    }
   });
   });

</script>
@endsection