@extends('layout.master')
@section('parentPageTitle', 'Profesionales')
@section('title', 'Configurar horario')
@section('page-style')
    <!-- <link rel="stylesheet" href="{{asset('assets/plugins/bootstrap-select/css/bootstrap-select.css')}}"> -->
    <link rel="stylesheet" href="{{asset('assets/plugins/jquery-timepicker/jquery.timepicker.css')}}">
    <link rel="stylesheet" href="{{asset('assets/bootstrap.min.css')}}">
@stop

@section('content')

    

    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="card">
                <!-- <div class="header">
                    <h2 align="center"><strong>Configurar horario</strong></h2>

                </div> -->
                <div class="body">
                    <form action="{{ route('profesionales.guardar_horario') }}" id="formConfigHorario" method="post">

                        

                        
                        {{ csrf_field() }}
                        <!-- <div class="row clearfix">
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <h5>
                                        Marcar días de trabajo, seleccionar hora inicio y fin.
                                    </h5>
                                </div>
                            </div> 
                        </div> -->

                        <div class="row clearfix">
                            <div class="col-sm-12">                                
                                <div class="form-group">
                                    <h5 style="text-transform: uppercase;">{{$dataProfesional[0]->nombre}} {{$dataProfesional[0]->apaterno}} {{$dataProfesional[0]->amaterno}}</h5>
                                    <label>{{$dataProfesional[0]->rut}}</label>
                                </div>
                            </div>
                        </div>


                        <div class="row">
                            <div class="col-sm-2">
                                <label>Habilitar día</label>
                            </div>
                            <div class="col-sm-2" align="center">
                                <label>Primera hora de trabajo</label>
                            </div>
                            <div class="col-sm-2" align="center">
                                <label>Última hora de trabajo</label>
                            </div>
                            <div class="col-sm-2" align="center">
                                <label>Habilitar colación</label>
                            </div>
                            <div class="col-sm-2" align="center">
                                <label>Desde</label>
                            </div>
                            <div class="col-sm-2" align="center">
                                <label>Hasta</label>
                            </div>
                        </div>



                        <div class="row">
                            <div class="col-sm-2">
                                Lunes <input type="checkbox" name="lun_estado" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="lun_ini" class="form-control timepicker" value="{{$lun_ini}}" autocomplete="off"> 
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="lun_fin" class="form-control timepicker" value="{{$lun_fin}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2" align="center">
                                <input type="checkbox" name="lun_colacion" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="lun_col1" class="form-control timepicker" value="{{$lun_col1}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="lun_col2" class="form-control timepicker" value="{{$lun_col2}}" autocomplete="off">
                            </div>
                        </div>

                        <hr>

                        <div class="row">
                            <div class="col-sm-2">
                                Martes <input type="checkbox" name="mar_estado" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="mar_ini" class="form-control timepicker" value="{{$mar_ini}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="mar_fin" class="form-control timepicker" value="{{$mar_fin}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2" align="center">
                                <input type="checkbox" name="mar_colacion" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="mar_col1" class="form-control timepicker" value="{{$mar_col1}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="mar_col2" class="form-control timepicker" value="{{$mar_col2}}" autocomplete="off">
                            </div>
                        </div>

                        <hr>

                        <div class="row">
                            <div class="col-sm-2">
                                Miercoles <input type="checkbox" name="mie_estado" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="mie_ini" class="form-control timepicker"  value="{{$mie_ini}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="mie_fin" class="form-control timepicker"  value="{{$mie_fin}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2" align="center">
                                <input type="checkbox" name="mie_colacion" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="mie_col1" class="form-control timepicker" value="{{$mie_col1}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="mie_col2" class="form-control timepicker" value="{{$mie_col2}}" autocomplete="off">
                            </div>
                        </div>

                        <hr>

                        <div class="row">
                            <div class="col-sm-2">
                                Jueves <input type="checkbox" name="jue_estado" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="jue_ini" class="form-control timepicker" value="{{$jue_ini}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="jue_fin" class="form-control timepicker" value="{{$jue_fin}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2" align="center">
                                <input type="checkbox" name="jue_colacion" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="jue_col1" class="form-control timepicker" value="{{$jue_col1}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="jue_col2" class="form-control timepicker" value="{{$jue_col2}}" autocomplete="off">
                            </div>
                        </div>

                        <hr>

                        <div class="row">
                            <div class="col-sm-2">
                                Viernes <input type="checkbox" name="vie_estado" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="vie_ini" class="form-control timepicker" value="{{$vie_ini}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="vie_fin" class="form-control timepicker" value="{{$vie_fin}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2" align="center">
                                <input type="checkbox" name="vie_colacion" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="vie_col1" class="form-control timepicker" value="{{$vie_col1}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="vie_col2" class="form-control timepicker" value="{{$vie_col2}}" autocomplete="off">
                            </div>
                        </div>

                        <hr>

                        <div class="row">
                            <div class="col-sm-2">
                                Sábado <input type="checkbox" name="sab_estado" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="sab_ini" class="form-control timepicker" value="{{$sab_ini}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="sab_fin" class="form-control timepicker" value="{{$sab_fin}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2" align="center">
                                <input type="checkbox" name="sab_colacion" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="sab_col1" class="form-control timepicker" value="{{$sab_col1}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="sab_col2" class="form-control timepicker" value="{{$sab_col2}}" autocomplete="off">
                            </div>
                        </div>

                        <hr>

                        <div class="row">
                            <div class="col-sm-2">
                                Domingo <input type="checkbox" name="dom_estado" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="dom_ini" class="form-control timepicker" value="{{$dom_ini}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="dom_fin" class="form-control timepicker" value="{{$dom_fin}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2" align="center">
                                <input type="checkbox" name="dom_colacion" value="1" >
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="dom_col1" class="form-control timepicker" value="{{$dom_col1}}" autocomplete="off">
                            </div>
                            <div class="col-sm-2">
                                <input type="text" name="dom_col2" class="form-control timepicker" value="{{$dom_col2}}" autocomplete="off">
                            </div>
                        </div>

                        <hr>
                        <input type="hidden" name="id" id="id" value="{{$idhorario}}">

                        

                        <div class="row clearfix" align="right">          
                            <div class="col-sm-12">
                                <button type="submit" class="btn btn-primary btn-round">Grabar</button>
                                <a  class="btn btn-default btn-round btn-simple" href="{{route('profesionales.listado')}}">Volver</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>




@stop



@section('page-script')




<!-- <script src="{{asset('assets/plugins/bootstrap-datetimepicker/moment.js')}}"></script>
<script src="{{asset('assets/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js')}}"></script> -->
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="{{asset('assets/plugins/jquery-timepicker/jquery.timepicker.js')}}"></script>
<script type="text/javascript">

$(function () {

    
    var tempArray = null;
    //console.log(tempArray[0].valor);

    $('.timepicker').timepicker({ 

        'timeFormat': 'H:i',   
        'scrollDefault': 'now',
        //'minTime': '00:00',
        //'maxTime': '24:00',
        'step': tempArray[0].valor,
        'dynamic': true,
        'dropdown': true,
        'scrollbar': true
    });

    /*$( ".sucursal" ).change(function() {
        $('.div_profesional').show();
        var token = $('meta[name="csrf-token"]').attr('content');
        var url='ajax_obtener_profesional';
        var sucursal_id = $(this).val();
        var data={"id" : sucursal_id};



        $.ajax({
            type:'POST',
            url: url,
            data: data,
            headers: {
                'X-CSRF-TOKEN': token
            },
            success:function(data){
                var opciones="";
                for (var k = 0; k < data.length; k++) {
                    opciones = opciones + "<option value='"+data[k].user_id+"'>"+data[k].descripcion+"</option>";
                }

                $("#profesional").append(opciones);
            }
        });         
        
    });*/


});
    




</script>





@stop