@extends('layouts.AdminMaster')
@yield('sessions')
@section('content')

<div class="panel panel-default">
    <div class="panel-heading">
<h1>{{$Rider->name}}</h1>
    <a href="{{url('/Admin/rider/approve/'.$Rider->idRider)}}" class="btn btn-primary">Approve</a>
<a href="{{url('Admin/rider/reject/'.$Rider->idRider)}}" class="btn btn-danger">Reject</a>
    </div>
    <div class="panel-body">

<div class="container">
    <div class="row">
           

        <div class="col-md-12">
                
    
<table>
<tr>
    <td></td>
    <td> <img src="/Deliveryimages/profile/{{$Rider->Photo}}" alt="" width="100px" height="100px" ></td>
</tr>
<tr>
    <td>Name</td>
    <td>{{$Rider->name}}</td>
</tr>
<tr>
    <td>email</td>
    <td>{{$Rider->email}}</td>
</tr>
<tr>
    <td>Address</td>
    <td>{{$Rider->Address}}</td>
</tr>
<tr>
    <td>D/L No</td>
    <td>{{$Rider->DL_No}}</td>
</tr>
<tr>
    <td>Vehicle No</td>
    <td>{{$Rider->Vehicle_No}}</td>
</tr>
<tr>
    <td>Licence</td>
    <td>

@for ($i = 0; $i < count($name); $i++)
    <img src="/Deliveryimages/Licence/{{$name[$i]}}" alt="" height="100px" width="100px">
@endfor




    </td>
</tr>
<tr>
    <td>insurance</td>
    <td>

@for ($i = 0; $i < count($insurance); $i++)
    <img src="/Deliveryimages/insurance/{{$insurance[$i]}}" alt="" height="100px" width="100px">
@endfor




    </td>
</tr>





<tr>
        <td>Nic</td>
        <td>
    
        @for ($i = 0; $i < count($nic); $i++)
        <img src="/Deliveryimages/nic/{{$nic[$i]}}" alt="" height="100px" width="100px">
    @endfor
    
    
    
    
        </td>
    </tr>





<tr>
    <td>Vehicle_document</td>
    <td>

@for ($i = 0; $i < count($Vehicle_document); $i++)
    <img src="/Deliveryimages/Document/{{$Vehicle_document[$i]}}" alt="" height="100px" width="100px">
@endfor




    </td>
</tr>


</table>
        </div>
        
    </div>
</div>









    </div>
  </div>


  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
            <img src="" alt="" id="slide" width="100%" height="auto">
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              {{-- <button type="button" class="btn btn-primary">Save changes</button> --}}
            </div>
          </div>
        </div>
      </div>

@endsection
@section('scripts')
<script>


$( document ).ready(function() {
    

$('img').click(function () {
    
$('#slide').attr('src',$(this).attr('src'));

$('#exampleModal').modal();
});




});

</script>
@endsection