@extends('layouts.main')

@section('content')
<div class="row">
    <div class="col-md-2">
        <div class="list-group">
            <a href="{{route('quiq_drivers_users_edit_view',['user' => $user])}}" class="list-group-item">{{__('strings.user_profile')}}</a>
            <a href="{{route('quiq_drivers_users_nips_view',['user' => $user])}}" class="list-group-item active">Nips</a>           
            <a href="{{route('quiq_drivers_user_drivers_view',['user' => $user])}}" class="list-group-item">{{__('strings.drivers')}}</a>
        </div>
    </div>

    <div class="col-md-10">
        <div class="card">  
           <div class="card-body">
               <div class="card-header">
                   <h3 class="card-title">Nips
                       <button type="submit" class="btn btn-primary pull-right" onclick="$('#new-nip-form').toggle('slow');" >
                                       {{ __('strings.submit_register') }}
                       </button> 
                   </h3>                    
               </div>                             
               <div class="row" id="new-nip-form" style="display:none;">
                   <div class="col-md-12">
                       <div class="card-block">
                           <form class="form" action="{{route('quiq_user_add_nip',['user' => $user->ID_USER])}}" method="post">
                               {{ csrf_field() }}
                               {{ method_field('post') }}

                                   <div class="form-body">

                                       <div class="form-group  col-md-12">

                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text"><i class="fa fa-user"></i></span>
                                               </div>
                                               <input type="text" class="form-control" name="nip_name" placeholder="{{__('strings.name')}}" >
                                           </div>

                                       </div>

                                       <div class="form-group  col-md-12">
                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text"><i class="fa fa-key"></i></span>
                                               </div>
                                               <input type="text" class="form-control" name="nip" placeholder="Nip" autocomplete="new-password" >
                                           </div>

                                       </div>

                                       <div class="form-group  col-md-12">
                                           <div class="input-group">
                                               <div class="input-group-append">
                                                   <span class="input-group-text">#</span>
                                               </div>
                                               <input type="number" class="form-control" name="max_request" placeholder="Límite" value="0" >
                                           </div>
                                       </div>

                                       <div class="input-group col-md-6">
                                           <select name="department_id" class="form-control">
                                               @foreach(App\QuiQBussinessDepartment::all() as $department)
                                                   <option value="{{$department->id}}">{{$department->name}}</option>
                                               @endforeach
                                           </select>
                                       </div>
                                        <div class="form-group col-md-12">                                
                                            <label for="is_admin"></label>
                                            <div class="input-group">
                                                <label class="display-inline-block custom-control custom-checkbox ml-1">
                                                    <input name="is_admin" class="custom-control-input" type="checkbox">
                                                    <span class="custom-control-indicator"></span>
                                                    <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">Pide QuiQ</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-12">                                
                                            <label for="is_master"></label>
                                            <div class="input-group">
                                                <label class="display-inline-block custom-control custom-checkbox ml-1">
                                                    <input name="is_master" class="custom-control-input" type="checkbox">
                                                    <span class="custom-control-indicator"></span>
                                                    <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">Viajes/Listas</span>
                                                </label>
                                            </div>
                                        </div>
                                   </div>
                               <div class="col-md-6">
                                   <button type="submit" class="btn btn-block btn-primary">
                                       {{ __('strings.submit_update') }}
                                   </button>
                               </div>

                           </form>
                       </div>
                   </div>
               </div>

               <hr>
               <div class="table-responsive">
                   <table class="table cell-borders">
                       <thead class="thead-inverse">
                           <tr>
                               <th>Id</th>
                               <th>Nombre</th> 
                               <th>Nip</th> 
                               <th>Limite</th>
                               <th>Departamento</th> 
                               <th>Pide QuiQ</th> 
                               <th>Viajes/Listas</th> 
                           </tr>
                       </thead>
                       <tbody>
                           @foreach($user->nips as $nip)
                               <tr>
                                   <td>{{$nip->id}}</td>
                                   <td>{{$nip->nip_name}}</td>
                                   <td><a href="{{route('quiq_drivers_user_nip_update_view', ['nip'=>$nip->id])}}">{{$nip->nip}}</a></td>
                                   <td>{{$nip->count}} / {{$nip->max_request}}</td>
                                   <td>{{$nip->department->name}}</td>
                                   <td>{!!$nip->is_admin ? "<code>true</code>":"false"!!}</td>
                                   <td>{!!$nip->is_master ? "<code>true</code>":"false"!!}</td>
                               </tr>
                           @endforeach
                       </tbody>
                   </table>
               </div>                
           </div>
        </div>
    </div>
</div>
@endsection