@include('Admin.layouts.app')
@include('Admin.layouts.sidebar')
@section('title', 'Rider View')

         <!-- Begin Page Content -->
         <div class="container-fluid">

<!-- Page Heading -->
<h1 class="h3 mb-2 text-gray-800">Rider Details</h1>
<!-- DataTales Example -->
<div class="innerpagedetails card shadow mb-4">
    <div class="card-header">
        <h6 class="m-0 font-weight-bold text-primary"><a href="{{route('admin.riders')}}"><i class="fa fa-chevron-left"></i></a> Rider Details</h6>
    </div>
  
    <section  class="user-page" >
    <div class=" mt-4">
    

    <div class=" mb-4">
     
      <div class="card-body">
        @if(Session::has('success'))
           <div class="alert alert-success">{{Session::get('success')}}</div>
        @endif
        <div class="row my-3">
        <div class="col-md-12  text-right">
       
       <button  class="btn theme-btn" data-toggle="modal" data-target="#inventoryModal" style="text-decoration:none;" >Add Inventory</button>
       </div>
         
        
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Name</h4>
                                            <p class="text-18-black">{{$rider->name}}</p>
                                        </div>
                                        <div class="col-lg-8">
                                            <h4 class="mb-0">Email</h4>
                                            <p class="text-18-black">{{$rider->email}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Phone</h4>
                                            <p class="text-18-black">{{$rider->phone}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Emirates ID</h4>
                                            <p class="text-18-black">{{$rider->rider_details ? $rider->rider_details->emirates_id : '---'}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">License ID</h4>
                                            <p class="text-18-black">{{$rider->rider_details ? $rider->rider_details->license_id : '---'}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Vehicle No</h4>
                                            <p class="text-18-black">{{$rider->rider_details ? $rider->rider_details->vehicle_no : '---'}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Total Inventory Today</h4>
                                            <p class="text-18-black">{{$rider->rider_inv ? $rider->rider_inv->total_order_today : '---'}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Remaining Inventory Today</h4>
                                            <p class="text-18-black">{{$rider->rider_inv ? $rider->rider_inv->remaining_order_today : '---'}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Delivered Order Today</h4>
                                            <p class="text-18-black">{{$rider->TotalTodayOrderDelivered ?? '---'}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Total Completed Orders</h4>
                                            <p class="text-18-black">{{$rider->TotalCompletedOrders ?? '---'}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Total Rejected Orders</h4>
                                            <p class="text-18-black">{{$rider->TotalRejectedOrders ?? '---'}}</p>
                                        </div>
                                        @php
    $roundedRating = round($rider->average_rating);
@endphp
<div class="col-lg-4">
                                            <h4 class="mb-0">Rider Average Rating</h4>
<p>
    @for ($i = 1; $i <= 5; $i++)
        @if ($i <= $roundedRating)
            <i class="fas fa-star" style="color: gold;"></i>
        @else
            <i class="fas fa-star" style="color: gray;"></i>
        @endif
    @endfor
</p>
</div>                              @if($rider->rider_details !=null)
                                        <div class="card-header">
        <h6 class="m-0 font-weight-bold text-primary"> Rider Documents Image</h6>
    </div>
                                        <div class="container mt-5">
    <div class="row">
        <div class="col-md-6 mb-4">
            <h4>License - Front</h4>
            <img src="{{$rider->rider_details->license_front}}" class="img-fluid" alt="Rider License - Front">
        </div>
        <div class="col-md-6 mb-4">
            <h4>License - Back</h4>
            <img src="{{$rider->rider_details->license_back}}" class="img-fluid" alt="Rider License - Back">
        </div>
        <div class="col-md-6 mb-4">
            <h4>CNIC/Passport - Front</h4>
            <img src="{{$rider->rider_details->passport_cnic_front}}" class="img-fluid" alt="Passport - Front">
        </div>
        <div class="col-md-6 mb-4">
            <h4>CNIC/Passport - Back</h4>
            <img src="{{$rider->rider_details->passport_cnic_back}}" class="img-fluid" alt="Passport - Back">
        </div>
    </div>
</div>
         @endif                               
        </div>
      </div>
    </div>

    </section>

</div>

</div>
<!-- /.container-fluid -->
    </div>
    <!-- End of Main Content -->
 
              <!-- Inventory Entry Modal -->
              <div class="modal fade" id="inventoryModal" tabindex="-1" role="dialog" aria-labelledby="inventoryModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="inventoryModalLabel">Enter Inventory</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <form method="post" action="{{route('admin.add.inventory')}}">
                                @csrf
                                <input type="hidden" name="rider_id" value="{{ $rider->id }}">
                                <div class="modal-body">
                                    <div class="form-group">
                                        <label for="inventoryInput">Inventory Name</label>
                                        <input type="number" name="inv" class="form-control" id="inventoryInput" placeholder="Enter inventory" required>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                    <button type="submit" style="background-color: #f37121; color: white;" class="btn" id="saveInventory">Save</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>


@include('Admin.layouts.footer')
@include('Admin.layouts.modal')