@extends('layouts.main')

@section('content')
<div class="row">
    <div class="col-md-2">
        <div class="list-group">
            <a href="{{route('quiq_users_edit_view',['user' => $user])}}" class="list-group-item">{{__('strings.user_profile')}}</a>
            <a href="{{route('quiq_users_nips_view',['user' => $user])}}" class="list-group-item">Nips</a>
            <a href="{{route('quiq_users_rates_view',['user' => $user])}}" class="list-group-item">{{__('strings.rates')}}</a>
            <a href="{{route('quiq_users_fixed_rates_view',['user' => $user])}}" class="list-group-item">{{__('strings.fixed_rates')}}</a>
            <a href="{{route('quiq_users_payments_view',['user' => $user])}}" class="list-group-item">{{__('strings.payments')}}</a>
            <a href="{{route('quiq_user_deductions_view',['user' => $user])}}" class="list-group-item">{{__('strings.deductions')}}</a>
            <a href="{{route('quiq_user_drivers_view',['user' => $user])}}" class="list-group-item active">{{__('strings.drivers')}}</a>

        </div>
    </div>

    <div class="col-md-10">
        <div class="card">  
            <div class="card-header">
                <h4 class="card-title">{{ __('strings.user_drivers') }}</h4>
            </div>
            <div class="card-body">                
                <form class="form" action="{{route('quiq_drivers_allocate',['user' => $user])}}" method="post">
                    {{ csrf_field() }}
                    <input type="hidden" name="user_token" value="{{$user->SECURE_TOKEN}}">
                    <div class="table-responsive" style="height:500px;">
                        <table id="drivers" class="table cell-borders">
                            <thead class="thead-inverse">
                                <tr>
                                    <th></th>
                                    <th>Id</th>
                                    <th>Nombre</th>
                                    <th>Email</th> 
                                </tr>
                            </thead>
                            <tbody>
                                @foreach(App\QuiQDriver::where('ID_ZONE',$user->ID_ZONE)->orderBy('ID_USER','desc')->get() as $driver)
                                @if ($user->drivers->contains($driver->ID_USER))
                                    <tr>                                                                   
                                        <td>
                                            <input type="checkbox"  name="drivers_id[]" value="{{$driver->ID_USER}}" checked >
                                        </td>
                                        <td>{{$driver->ID_USER}}</td>
                                        <td>{{$driver->NAME}} {{$driver->LAST_NAME}}</td> 
                                        <td>{{$driver->EMAIL}}</td> 
                                    </tr>
                                @else
                                    <tr>                                                                   
                                        <td>
                                            <input type="checkbox"  name="drivers_id[]" value="{{$driver->ID_USER}}" >
                                        </td>
                                        <td>{{$driver->ID_USER}}</td>
                                        <td>{{$driver->NAME}} {{$driver->LAST_NAME}}</td> 
                                        <td>{{$driver->EMAIL}}</td> 
                                    </tr>
                                @endif
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <hr>
                    <span class="float-sm-right">
                            <button type="submit" class="btn btn-primary btn-">
                                {{ __('strings.submit_update') }}
                            </button>
                        </span>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
var table;
$(document).ready( function () {
    table = $('#drivers').DataTable({
        paging: false,
        searching: false
    });
} );

</script>

@endpush