{{-- Created by negutierrez on 04/05/2017 --}}
@extends('layouts.main')
@section('title', 'Reporte | Seguridad Modificación Guia')
@section('header')
    <style>
        .has-error {
            border: 0;
        }
        .fecha1{
            background-color: #fff;
        }

    </style>
@endsection
@section('content')
    <div class="row">
        <div class="col-xs-12 col-sm-10 col-sm-offset-1">
            <div class="modal fade" id="messageModal" tabindex="-1" role="dialog" aria-labelledby="Login"
                 aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <header class="modal-header bg-danger">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <h5 class="modal-title text-center"><strong>Advertencia</strong></h5>
                        </header>
                        <div class="modal-body">
                            <div id="errors" class="text-center"></div>
                        </div>
                        <footer class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </footer>
                    </div>
                </div>
            </div>
            @if ($errors->has())
                <div class="alert alert-danger">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </div>
            @endif
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <strong>
                        <h3 class="panel-title text-center">
                            <span class="glyphicon glyphicon-search"></span>
                            REPORTE MODIFICACIÓN DE PESO
                        </h3>
                    </strong>
                </div>
                <!--CODIGO MODIFICADO POR VICTOR MONCADA -->
                <!--INPUT ESTATUS-->
                <div class="panel-body">
                    {!! Form::open(['route' => 'reporte.reportemodpesoseg', 'autocomplete' => 'off','id' => 'listadoForm','method' => 'POST', 'accept-charset' => 'UTF-8', 'role' => 'form', 'enctype' => 'multipart/form-data']) !!}
                    <!--INPUT FECHA -->
                    <div class="row">
                        <div class="col-xs-3">
                            {!! Form::checkbox('opc_filtro_fecha', NULL, false, ['id' => 'opc_filtro_fecha', 'class' => 'opc_filtro']) !!}
                            {!! Form::label('opc_filtro_fecha', 'Fecha de Guia', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-xs-3" style="margin-left: 5%;">
                            <div class="form-group">
                                <div style="margin-bottom: 5px" class="input-group col-xs-12 col-md-12 col-sm-12">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar" data-toggle="tooltip" data-placement="left" title='Desde'></i></span>
                                    {!! Form::text('fechad','',['id'=>'fechad','disabled','placeholder'=>'Fecha Desde','class'=>'fecha form-control input-sm ', 'readonly'=>'false']) !!}
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-3">
                            <div class="form-group">
                                <div style="margin-bottom: 5px" class="input-group col-xs-12 col-md-12 col-sm-12">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-calendar" data-toggle="tooltip" data-placement="left" title='Hasta'></i></span>
                                    {!! Form::text('fechah','',['id'=>'fechah','disabled', 'placeholder'=>'Fecha Hasta','class'=>'form-control input-sm fecha', 'readonly'=>'true']) !!}
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--INPUT OFICINA-->
                    <div id="row" class="panel panel-default row" style="margin-top: 2%;">
                        <div class="col-xs-2">
                            {!! Form::checkbox('opc_filtro_oficina', null, false, ['id' => 'opc_filtro_oficina', 'class' => 'opc_filtro']) !!}
                            {!! Form::label('opc_filtro_oficina', 'Oficina', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-xs-10">
                            <div class="form-group">
                                <div class="input col-xs-5 col-md-5 col-sm-5">
                                    <span class="input-group-addon">
                                        <i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Debes Seleccionar una Oficina'></i>
                                    </span>
                                    <select multiple class="form-control input-sm inputs-inline show-tick" data-container="body" data-header="Selecciona una o varias oficinas" data-width=fit" data-size="10" data-live-search="true" size="10" data-live-search="true" disabled="disabled" name="codoficina_select[]" id="codoficina_select" data-placement="bottom" data-toggle="tooltip" title="Seleccione una oficina">
                                        @if(!empty($OficinasVzla['entidadRespuesta']) and $OficinasVzla['codrespuesta']=='COD_000')
                                            @foreach($OficinasVzla['entidadRespuesta'] as $key => $value)
                                                <option id="codoficina_{{ $value['codoficina']  }}" value="{{ $value['codoficina'] }}"> {{ $value['nombre'] }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>

                                <div class="col-xs-1 col-md-1 col-sm-1" style="margin-top: 60px;">
                                    <button type="button" id="btnAgregarOficina" class="btn btn-primary btn-sm" onClick="btn_onclick(1,'oficina')" aria-label="Left Align">
                                        <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
                                    </button>
                                    <button type="button" id="btnEliminarOficina" class="btn btn-primary btn-sm" onClick="btn_onclick(2,'oficina')" aria-label="Left Align">
                                        <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
                                    </button>
                                </div>

                                <div class="input col-xs-5 col-md-5 col-sm-5">
                                    <span class="input-group-addon">
                                        <i class="glyphicon glyphicon-home" data-toggle="tooltip" data-placement="left" title='Oficinas Seleccionadas'>
                                        </i>
                                    </span>
                                    <select multiple class="form-control input-sm inputs-inline" data-container="body" data-header="Selecciona una oficinas" data-width=fit" data-size="10" data-live-search="true" size="10" disabled="disabled" name="codoficina[]" id="codoficina" data-placement="bottom" data-toggle="tooltip" title="Seleccione una oficina a eliminar">
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--INPUT RUTA -->
                        <div id="row" class="panel panel-default row" style="margin-top: 2%;">
                            <div class="col-xs-2">
                                {!! Form::checkbox('opc_filtro_ruta', null, false, ['id' => 'opc_filtro_ruta', 'class' => 'opc_filtro']) !!}
                                {!! Form::label('opc_filtro_ruta', 'Ruta', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-xs-10">
                                <div class="form-group">
                                    <div class="input col-xs-5 col-md-5 col-sm-5">
                                    <span class="input-group-addon">
                                        <i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Debes Seleccionar una Ruta'></i>
                                    </span>
                                        <select multiple class="form-control input-sm inputs-inline show-tick" data-container="body" data-header="Selecciona una o varias rutas" data-width=fit" data-size="10" size="10" data-live-search="true" disabled="disabled" name="ruta_select[]" id="ruta_select" required data-placement="bottom">
                                        </select>
                                    </div>

                                    <div class="col-xs-1 col-md-1 col-sm-1" style="margin-top: 60px;">
                                        <button type="button" id="btnAgregarRuta" class="btn btn-primary btn-sm" onClick="btn_onclick(1,'ruta')" aria-label="Left Align">
                                            <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
                                        </button>
                                        <button type="button" id="btnEliminarRuta" class="btn btn-primary btn-sm" onClick="btn_onclick(2,'ruta')" aria-label="Left Align">
                                            <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
                                        </button>
                                    </div>

                                    <div class="input col-xs-5 col-md-5 col-sm-5">
                                        <span class="input-group-addon">
                                            <i class="glyphicon glyphicon-road" data-toggle="tooltip" data-placement="left" title='Rutas seleccionadas'>
                                            </i>
                                        </span>
                                        <select multiple class="form-control input-sm inputs-inline" size="10" selected="true" disabled="disabled" name="ruta[]" id="ruta" required data-placement="bottom" >
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <!--LAS CONDICIONES DE LOS FORMULARIOS VIENEN DESHABILITADOS POR DEFAULT-->
                    <!--BOTON AZUL-->
                    <div class="row">
                        <div class="col-xs-offset-6 col-sm-2">
                            {!! Form::button('Consultar',['id'=> 'btnSubmit', 'class' => 'btn btn-primary btn-sm']) !!}
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="pleaseWaitDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="vertical-alignment-helper">
            <div class="modal-dialog vertical-align-center">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Por favor espere</h4>
                    </div>
                    <div class="modal-body">
                        <div class="progress">
                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="40"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                <span class="sr-only">40% Complete (success)</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <input id="url_consumo" type="hidden" data-url="{{ route('getConsumirAjax') }}">
    <input type="hidden" name="session_t" id="session_t" value="{{ \Session::get('LoginUE.token') }}">
@endsection
@section('script')
    <script>

        var messageModal = $("#messageModal"),
            errors = $("#errors");

        function getMinDateFunction() {
            var d = new Date();
            var y = d.getFullYear();
            var m = d.getMonth() - 2;
            var da = d.getDate() - 1;
            var h = d.getHours();
            var mi = d.getMinutes() ;
            var se = d.getSeconds();
            var mDate = new Date(y, m, da, h, mi, se);
            return mDate;
        };

        $("#fechad").datetimepicker({
            format: 'DD-MM-YYYY',
            //minDate: moment().subtract(2,'M'),
            disabledDates: [
                moment(getMinDateFunction())
            ],
            minDate: getMinDateFunction(),
            maxDate : 'now',
            daysOfWeekDisabled: [0, 6]
        });
        $("#fechah").datetimepicker({
            format: 'DD-MM-YYYY',
            maxDate : 'now',
            useCurrent: true, //Important! See issue #1075
            daysOfWeekDisabled: [0, 6]
        });

        $("#fechad").on("dp.change", function (e) {
            $('#fechah').data("DateTimePicker").minDate(e.date);
        });
        /*$("#fechah").on("dp.change", function (e) {
            $('#fechad').data("DateTimePicker").maxDate(e.date);
        });*/

       // var select = $('#codoficina_select');
        var select = document.getElementById('codoficina_select');
        select.addEventListener('change',
            function(){
                var selectedOption = this.options[select.selectedIndex];
               // console.log(selectedOption.value + ': ' + selectedOption.text);
            });

        /***
         * funcion para seleccionar oficina (VICTOR MONCADA)
         *
         * */
        //ESTRUCTURAS DE CONTROL PARA VERIFICAR QUE ESTA CHEQUEADO EL "CHECKBOX"
        //<!--CODIGO JAVASCRIPT PARA HABILITAR Y DESHABILITAR LOS FORMULARIOS -->


            var codofii='