@extends('layouts.main')

    @push('styles')
    <!-- International Telephone Input-->
    <link rel="stylesheet" type="text/css" href="{{asset('css/intlTelInput.css')}}">
    
    <!-- Time Picker -->
    <link rel="stylesheet" type="text/css" href="{{asset('css/jquery.timepicker.min.css')}}" />

    @endpush

    @section('content')
    <div class="row">
      <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="card-block">
                    <form class="form" action="{{route('quiq_user_nip_update', ['nip' => $nip->id])}}" method="post">
                        {{ csrf_field() }}

                        <div class="form-body">
                        <div class="card-header">
                            <h4 class="card-title">Actualizar Nip</h4>
                        </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-user"></i></span>
                                    </div>
                                    <input type="text" class="form-control" name="nip_name" placeholder="{{__('strings.name')}}" value="{{$nip->nip_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" value="{{$nip->nip}}">
                                </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="{{$nip->max_request}}" >
                                </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}}" {{ $nip->department_id == $department->id ? "selected":"" }} >{{$department->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            
                            <div class="form-group col-md-12">                                
                                <div class="input-group mt-3">
                                    <label class="display-inline-block custom-control custom-checkbox ml-1">
                                        <input name="is_master" class="custom-control-input" type="checkbox"  {{ $nip->is_master  ? "checked":"" }}>
                                        <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">                                
                                <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"  {{ $nip->is_admin  ? "checked":"" }}>
                                        <span class="custom-control-indicator"></span>
                                        <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">Viajes/Listas/Admin.</span>
                                    </label>
                                </div>
                            </div>


                            <div class="form-group col-md-12">                                
                                <div class="input-group">
                                    <label class="display-inline-block custom-control custom-checkbox ml-1">
                                        <input name="store_preroutes" class="custom-control-input" type="checkbox"  {{ $nip->store_preroutes  ? "checked":"" }}>
                                        <span class="custom-control-indicator"></span>
                                        <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">Guardar Prerutas</span>
                                    </label>
                                </div>
                            </div>

                            <div class="form-group col-md-12">                                
                                <div class="input-group">
                                    <label class="display-inline-block custom-control custom-checkbox ml-1">
                                        <input name="import_excel" class="custom-control-input" type="checkbox"  {{ $nip->import_excel  ? "checked":"" }}>
                                        <span class="custom-control-indicator"></span>
                                        <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">Importar Excel Empleados</span>
                                    </label>
                                </div>
                            </div>

                            <div class="form-group col-md-12">  
                                <div class='dropdown-divider'></div> 
                                <div class="card-header">
                                    <h4 class="card-title">Bloquear Nip por dias</h4>
                                </div>
                            </div>

                            <div class="form-group col-md-12">                                
                                <div class="input-group">
                                    <label class="display-inline-block custom-control custom-checkbox">
                                        <input name="blocked_dow[]"  id="dow_0" class="custom-control-input" type="checkbox"   value="0"  {{ in_array("0",$nip->blocked_dow  ?? []) ? "checked": ""  }}>
                                        <span class="custom-control-indicator"></span>
                                        <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">Domingo</span>
                                    </label>
                                </div>
                            </div>


                            <div class="form-group col-md-12">  
                                <div class="input-group">
                                    <label class="display-inline-block custom-control custom-checkbox">
                                        <input name="blocked_dow[]"  id="dow_1" class="custom-control-input" type="checkbox"  value="1"   {{ in_array("1",$nip->blocked_dow  ?? []) ? "checked": ""  }}>
                                        <span class="custom-control-indicator"></span>
                                        <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">Lunes</span>
                                    </label>
                                </div>
                            </div>
                            

                            <div class="form-group col-md-12"> 
                                <div class="input-group">
                                    <label class="display-inline-block custom-control custom-checkbox">
                                        <input name="blocked_dow[]"  id="dow_2" class="custom-control-input" type="checkbox"  value="2"   {{ in_array("2",$nip->blocked_dow  ?? []) ? "checked": ""  }}>
                                        <span class="custom-control-indicator"></span>
                                        <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">Martes</span>
                                    </label>
                                </div>
                            </div>

                            <div class="form-group col-md-12"> 
                                <div class="input-group">
                                    <label class="display-inline-block custom-control custom-checkbox">
                                        <input name="blocked_dow[]"  id="dow_3" class="custom-control-input" type="checkbox"  value="3"   {{ in_array("3",$nip->blocked_dow  ?? []) ? "checked": ""  }}>
                                        <span class="custom-control-indicator"></span>
                                        <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">Miércoles</span>
                                    </label>
                                </div>
                            </div>


                            <div class="form-group col-md-12"> 
                                <div class="input-group">
                                    <label class="display-inline-block custom-control custom-checkbox">
                                        <input name="blocked_dow[]"  id="dow_4" class="custom-control-input" type="checkbox"  value="4"   {{ in_array("4",$nip->blocked_dow  ?? []) ? "checked": ""  }}>
                                        <span class="custom-control-indicator"></span>
                                        <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">Jueves</span>
                                    </label>
                                </div>
                            </div>


                            <div class="form-group col-md-12">  
                                <div class="input-group">
                                    <label class="display-inline-block custom-control custom-checkbox">
                                        <input name="blocked_dow[]"  id="dow_5" class="custom-control-input" type="checkbox"  value="5"   {{ in_array("5",$nip->blocked_dow  ?? []) ? "checked": ""  }}>
                                        <span class="custom-control-indicator"></span>
                                        <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">Viernes</span>
                                    </label>
                                </div>
                            </div>


                            <div class="form-group col-md-12"> 
                                <div class="input-group">
                                    <label class="display-inline-block custom-control custom-checkbox">
                                        <input name="blocked_dow[]"  id="dow_6" class="custom-control-input" type="checkbox"  value="6"   {{ in_array("6",$nip->blocked_dow  ?? []) ? "checked": ""  }}>
                                        <span class="custom-control-indicator"></span>
                                        <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">Sábado</span>
                                    </label>
                                </div>
                            </div>
                            

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

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="blocked_start" class="form-control-label" >Hora Inicio</label>
                                        <input class="form-control" id="blocked_start" name="blocked_start">
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="blocked_end" class="form-control-label">Hora Fin</label>
                                        <input class="form-control" id="blocked_end" name="blocked_end">
                                    </div>
                                </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>
    </div>
</div>

@endsection

@push('scripts')

<script src="{{asset('js/jquery.timepicker.min.js')}}" type="text/javascript"></script>
<script>
     let startAt, endAt;
    $(function () {
        startAt = $('#blocked_start').timepicker({
            timeFormat: 'HH:mm',
            interval: 30,
            minTime: '0',
            maxTime: '23:50',
            defaultTime: "{{ $nip->blocked_start  ?? '00:00' }}",
            dynamic: false,
            dropdown: true,
            scrollbar: true,
            change: function(time) {
            // the input field
            var element = $(this), text;
            // get access to this Timepicker instance
            var timepicker = element.timepicker();
            if(endAt) { 
                console.log('endAt',endAt.timepicker().option)
                endAt.timepicker().option("minTime", time);
            }
        }
        });
        endAt = $('#blocked_end').timepicker({
            timeFormat: 'HH:mm',
            interval: 30,
            minTime: '0',
            maxTime: '23:50',
            defaultTime: "{{ $nip->blocked_end  ?? '00:00' }}",
            dynamic: false,
            dropdown: true,
            scrollbar: true
        });
    });          
</script>
@endpush