{{--Vista Creada por Victor Moncada--}}
@extends('layouts/master')
@section('content')
<script type="text/javascript">
    $(document).ready(function(){

        $('#fechadesde').datetimepicker({
            format: 'DD-MM-YYYY',
//            maxDate : 'now' ----> Comentado para que no limite el calendario
        });
        $('#fechahasta').datetimepicker({
            format: 'DD-MM-YYYY',
            daysOfWeekDisabled: [0, 6],
//            maxDate : 'now', ----> Comentado para que no limite el calendario
            useCurrent: false //Important! See issue #1075
        });
        $("#fechadesde").on("dp.change", function (e) {
            $('#fechahasta').data("DateTimePicker").minDate(e.date);
        });
        $("#fechahasta").on("dp.change", function (e) {
            $('#fechadesde').data("DateTimePicker").maxDate(e.date);
        });
                    // Traducción al español del datespiker
        $(function($){
            $.datepicker.regional['es'] = {
                closeText: 'Cerrar',
                prevText: '<Ant',
                nextText: 'Sig>',
                currentText: 'Hoy',
                monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
                monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
                dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
                dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
                dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
                weekHeader: 'Sm',
                dateFormat: 'dd-mm-yy',
                firstDay: 1,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''
            };
            $.datepicker.setDefaults($.datepicker.regional['es']);
        });

        var ckbox = $('#opc_filtro_fechad');

        $('input').on('click',function () {
            if (ckbox.is(':checked')) {

                $("#fechadesde").prop('disabled', false);
                $("#fechahasta").prop('disabled', false);
            } else {
                $("#fechadesde").prop('disabled', true);    //DESHABILITA
                $("#fechahasta").prop('disabled', true);
            }
        });

        var ckbox2 = $('#opc_filtro_casillero'); // CODIGO NOTA ENTREGADA

        $('input').on('click',function () {
            if (ckbox2.is(':checked')) {
                $("#casillero").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
            } else {
                $("#casillero").prop('disabled', true);    //DESHABILITA
            }
        });

        var ckbox3 = $('#opc_filtro_notaent'); // CODIGO NOTA ENTREGADA

        $('input').on('click',function () {
            if (ckbox3.is(':checked')) {
                $("#notaent").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
            } else {
                $("#notaent").prop('disabled', true);    //DESHABILITA
            }
        });

        var ckbox4 = $('#opc_filtro_guias'); // CODIGO NOTA ENTREGADA

        $('input').on('click',function () {
            if (ckbox4.is(':checked')) {
                $("#guias").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
            } else {
                $("#guias").prop('disabled', true);    //DESHABILITA
            }
        });
    });
</script>
    <div class="col-xs-12 col-sm-6 col-sm-offset-3">
        <br>
        <div align=center class="panel panel-primary">
            <div style="margin-bottom: 15px" class="panel-heading"><strong><h3 class="panel-title" style="text-align:center;">Listado Soporte al Cliente</h3></strong></div>
            <div style="margin-right:20px"align="Right"><p><i class="glyphicon glyphicon-chevron-left" data-toggle="tooltip" ></i>&nbsp;&nbsp;<a href="http://desarrollo3.grupozoom.com/faaszoom/public/canguroazul/selectreportes"> Regresar</a></p></div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xs-6">
                        <div class="col-xs-2">
                            {!! Form::checkbox('opc_filtro_fechad', null, false, ['id' => 'opc_filtro_fechad', 'class' => 'opc_filtro']) !!}
                            {!! Form::label('', '', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-xs-10">
                            <div class="input-group"> <!-- Fecha desde -->
                                <span class="input-group-addon"><i class="glyphicon glyphicon-calendar" data-toggle="tooltip" data-placement="left" title='Desde' required></i></span>
                                <input class="form-control" id="fechadesde" name="fechadesde" disabled="disabled" placeholder="Fecha desde" type="text"/>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6"> <!-- Fecha Hasta-->
                        <div class="col-xs-12">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-calendar" data-toggle="tooltip" data-placement="left" title='Hasta'></i></span>
                                <input class="form-control" id="fechahasta"  name="fechahasta" disabled="disabled" placeholder="Fecha hasta" type="text"/>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-xs-12"> <!--Casillero-->
                        <div class="col-xs-1">
                            {!! Form::checkbox('opc_filtro_casillero', null, false, ['id' => 'opc_filtro_casillero', 'class' => 'opc_filtro']) !!}
                            {!! Form::label('', '', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-xs-11">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-sound-5-1" data-toggle="tooltip" data-placement="left" title='Ingrese codigo de Casillero'></i></span>
                                <input class="form-control" id="casillero"  name="casillero" disabled="disabled" placeholder="Codigo Casillero" type="text"/>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-xs-12"> <!--Nota Entrega-->
                        <div class="col-xs-1">
                            {!! Form::checkbox('opc_filtro_notaent', null, false, ['id' => 'opc_filtro_notaent', 'class' => 'opc_filtro']) !!}
                            {!! Form::label('', '', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-xs-11">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-sound-5-1" data-toggle="tooltip" data-placement="left" title='Nota Ent'></i></span>
                                <input class="form-control" id="notaent"  name="notaent" disabled="disabled" placeholder="Codigo Nota-Ent" type="text"/>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-xs-12"> <!--Guías-->
                        <div class="col-xs-1">
                            {!! Form::checkbox('opc_filtro_guias', null, false, ['id' => 'opc_filtro_guias', 'class' => 'opc_filtro']) !!}
                            {!! Form::label('', '', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-xs-11">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-file" data-toggle="tooltip" data-placement="left" title='Para consultar varias guias coloque coma ","'></i></span>
                                <input class="form-control" id="guias"  name="guias" disabled="disabled" placeholder="Ingrese uno o más guías" type="text"/>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <div style="margin-bottom:8px; text-align:center;">
                    <button type="submit" class="btn btn-primary" id="buscar"
                            data-loading-text="<i class='glyphicon glyphicon-refresh spinning '></i> Procesando.."
                            data-style="expand-right">Buscar
                    </button>
                </div>
            </div>
            <br><br>
            <div class="panel-footer"><span class="glyphicon glyphicon-info-sign color"></span> <b>Nota:</b> Al
                posicionar el mouse sobre los iconos del formulario, podra ver una breve descripci&oacute;n del campo
            </div>
        </div>
    </div>
@endsection