@extends('layouts.app')
@section('content')
<!-- Header -->
<div class="header bg-gradient-danger pb-8 pt-5 pt-md-6">
  <div class="container-fluid">
    <div class="header-body">
      <div class="row align-items-center py-4">
        <div class="col-lg-6 col-7">
          <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
              <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                 <li class="breadcrumb-item"><a href="{{url('admin/home')}}"><i class="fas fa-home"></i></a></li>
                 <li class="breadcrumb-item"><a href="{{url('driver')}}">Drivers</a></li>
                 <li class="breadcrumb-item active" aria-current="page">List</li>
              </ol>
          </nav>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container-fluid mt--7">
<!-- Table -->
<div class="row">
   <div class="col">
      <div class="card shadow">
         <div class="card-header bg-white">
              <div class="row align-items-center">
                <div class="col-8">
                  <h4 class="mb-0">Drivers</h4>
                </div>
                <!-- <div class="col-4 text-right">
                  <a href="javascript:" title="Advanced Search" data-toggle="modal" data-target="#filterModal" data-whatever="@mdo" class="btn btn-primary btn-sm"><i class="fa fa-search" aria-hidden="true"></i></a>
                </div> -->

              </div>
            </div>
            <div class="col-12 text-left">
              <a href="{{ URL::to('drivers/add') }}" style="margin-bottom: 10px" class="btn btn-danger btn-sm">Add <i class="fas fa-plus" aria-hidden="true"></i></a>
            </div>         
            
         <div class="table-responsive">
            @if(Session::has('message'))
            <div class="alert {{ Session::get('alert-class', 'alert-info') }}" role="alert">
                {{ Session::get('message') }}
            </div>
            @endif

               
                
                <table class="table table-hover table-bordered table-striped datatable" id="driver">
               <thead class="thead-light">
                  <tr>
                     <th scope="col">Sl.No</th>
                     <th scope="col">Driver ID</th>
                     <th scope="col">Name</th>
                     <th scope="col">Email</th>
                     <th scope="col">Password</th>
                     <th scope="col" class="noExport">Status</th>
                     <th scope="col" class="noExport">Action</th>
                  </tr>
               </thead>
               <tbody>
            @if($i=1)@endif
              @foreach ($drivers as $driver)

            <tr>
              <td>{{$i}}</td>
              <td>{{$driver->uid }}</td>
              <td>{{$driver->name }}</td>
              <td>{{$driver->email }}</td>
              <td>{{$driver->password }}</td>
              <td id="driver_status_tr_{{$driver->id}}">
                          @if ($driver->is_activated == 1)
                              <span class="label label-success">Active</span>
                          @elseif ($driver->is_activated == 0)
                             <span class="label label-info">Pending</span>
                          @else
                  <span class="label label-danger">Blocked</span>
                @endif
              </td>
              <td> 

                <div class="modal fade bs-example-modal-lg" id="change_password_modal_{{$driver->id}}" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
                      <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                          <form id="change_status_form_{{$driver->id}}" action="#" method="post">
                            <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">Change Password</h4>
                            </div>
                            <div class="modal-body">
                              <input type="hidden" name="user_id" value="{{$driver->id}}" class="change_status_user_id" />
                              <div class="form-group">
                                <label for="recipient-name" class="control-label">Driver:</label>
                                {{{ $driver->name }}} 
                              </div>
                              <div class="form-group">
                                <label>Password</label>
                                <div class="row">
                                                <div class="col-xs-12 col-sm-12">
                                                  <div class="form-group">
                                                    <input type="text" name="password" class="form-control" placeholder="new password"  />
                                                  </div>
                                                </div>
                                            </div>
                              </div>
                              <div class="form-group">
                                <label>Confirm Password</label>
                                <div class="row">
                                                <div class="col-xs-12 col-sm-12">
                                                  <div class="form-group">
                                                    <input type="text" name="Cpassword" class="form-control" placeholder="confirm password"  />
                                                  </div>
                                                </div>
                                            </div>
                              </div>
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn pull-left" data-dismiss="modal">Close</button>
                              <button type="submit" class="btn btn-primary save_password">Save</button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div> 

                <div class="btn-group" style="width:100%;">
                  <a data-toggle="tooltip"  class="btn btn-link btn-sm"title="Edit" href="{{URL::to('drivers/edit/' . $driver->id )}}" ><i class="fas fa-edit text-orange"></i></a>

                  <a data-placement="bottom" class="btn btn-link btn-sm change_password_button" data-toggle="modal" id="change_password_button{{$driver->id}}" data-target="#change_password_modal_{{$driver->id}}" title="Change password"><i class="fa fa-key text-orange"></i></a>

                   {!! Form::open(array('method'=> 'DELETE', 'route' => array('admindriverdestroy', $driver->id))) !!}
                  <button  data-placement="left" data-toggle="tooltip" title="Delete " type="submit" class="btn btn-link btn-sm" onclick="return confirm('Do you want to delete ?')"><i class="fa fa-trash text-orange" aria-hidden="true"></i></button>
                  {!! Form::close() !!}                
                </div>
              </td>
            </tr>
            @if($i++)@endif
            @endforeach 
                   
          </tbody>                           
            </table>    
                
         </div>
      </div>
   </div>
</div>
</div>
<style type="text/css">
  
</style>
<script type="text/javascript">
  jQuery(function($) {
    
    $('.change_password_button').tooltip()
    /*************** Change password *****************/
    $(".save_password").on("click", function(){
      
      var formdata = $(this).closest('form').serialize();
      var token = "{{csrf_token()}}";
      $.ajax({
        method: "POST",
        url: "{{URL::to('drivers/changepassword/')}}",
        data: {  '_token':token, data: formdata } 
      }).done(function( data ) {
        var obj = jQuery.parseJSON(data);
        if(data != 0){
          
          alert("Success: Changed password of the Driver.");
        }else{
          alert("Error : Failed to change password. Please try later.");
        }       
        $("#change_password_modal_"  + obj.user_id).modal("hide");
      });
      return false;
    })
  })
  
</script>

@endsection