@php
    foreach ($Data['PermisosUsuario'] as $value) {
        $permisoCrear = $value->menuxusuarios_creacion;
        $permisoBorrar = $value->menuxusuarios_modificacion;
        $permisoModificar = $value->menuxusuarios_borrar;
    }
    $inactivar = 'disabled';
    if (Session::get('id_rol') == 'ADMIN') {
        $inactivar = '';
    }

@endphp
<form name="FormularioDatosPrincipales" id="FormularioDatosPrincipales" class="login100-form validate-form" method="POST"
    action="{{ URL::to('/') }}/{{ strtolower($Data['nombreMenu']) }}/crear">
    <div class="row">
        <!-- form start -->
        <div class="col-md-12">
            {{-- empieza el formulario --}}
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Crear</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-2">
                            <div class="form-group">
                                <label for="nrobl">Numero de BL</label>
                                <input type="text" class="form-control" id="nrobl" name="nrobl"  placeholder="Buscar...." value="" required>
                            </div>
                            <div id="suggestions"></div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <label for="buque">Motonave</label>
                                <input type="text" class="form-control" id="buque_info" name="buque_info" placeholder="buque" value="" disabled>
                                <input type="hidden" class="form-control" id="buque" name="buque" placeholder="buque" value="" >
                            </div>
                        </div>
                        <div class="col-sm-1">
                            <div class="form-group">
                                <label for="recalada">Recalada</label>
                                <input type="text" class="form-control" id="recalada_info" name="recalada_info" placeholder="Recalada" value="" disabled>
                                <input type="hidden" class="form-control" id="recalada" name="recalada" placeholder="Recalada" value="" >
                            </div>
                        </div>
                        <div class="col-sm-1">
                            <div class="form-group">
                                <label for="posbl">Pos Bl</label>
                                <input type="text" class="form-control" id="posbl_info" name="posbl_info" placeholder="Posicion Bl" value="" disabled>
                                <input type="hidden" class="form-control" id="posbl" name="posbl" placeholder="Posicion Bl" value="" >
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label for="consignatario">Consignatario</label>
                                <input type="text" class="form-control" id="consignatario_info" name="consignatario_info" placeholder="Consignatario" value="" disabled>
                                <input type="hidden" class="form-control" id="consignatario" name="consignatario" placeholder="Consignatario" value="" >
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <label for="fecha">Fecha Solvencia</label>
                                <input type="date" class="form-control" id="fecha" name="fecha" placeholder="Fecha" value="">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4">
                            <!-- text input -->
                            <div class="form-group">
                                <label>Patio</label>
                                <select name="patio" name="patio" class="form-control">
                                    @php
                                          foreach ($Data['cncenope'] as $variable) {
                                            print "<option value='" . $variable->cnncocen . "' >"  . $variable->cnnnomce.' - '.$variable->cnnrespo. "</option> \n ";
                                        }
                                    @endphp
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <!-- text input -->
                            <div class="form-group">
                                <label>Validez</label>
                                <input name="valido" id="valido" type="date" class="form-control"  value="" required>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <!-- text input -->
                            <div class="form-group">
                                <label>Tipo</label>
                                <select name="tipo" name="tipo" class="form-control">
                                    <option value="DES" >DESPACHO</option>
                                    <option value="DEV" >DEVOLUCION</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <!-- text input -->
                            <div class="form-group">
                                <label>Observaciones</label>
                                <input name="observaciones" id="observaciones" type="text" class="form-control" value=""  placeholder="observaciones" >
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                    <button type="submit" class="btn btn-primary {{ $inactivar }}" {{ $inactivar }}
                        onclick="this.form; return true;">Guardar</button>
                    <button type="submit" class="btn btn-secondary "
                        onclick="FormularioDatosPrincipales.action='{{ URL::to('/') }}/{{ strtolower($Data['titulo']) }} '; return true;">Salir</button>
                </div>
                @csrf
            </div>
        </div>
    </div>
    {{-- comment --}}
    <div class="row " id="equipos" name="equipos" style="display: none">
        <!-- form start -->
        <div class="col-md-12">
            {{-- empieza el formulario --}}
            <div class="card card-primary">
                <div class="card-header ">
                        <h3 class="card-title" >Contenedores</h3>
                        <!--
                        <div class="float-right">
                            <input name="buscarcnt" id="buscarcnt" type="text" class="form-control" value=""  placeholder="Buscar Contenedor" style="height: 60%; padding:1" >
                        </div>
                        -->
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    <div class='col-sm-12'>
                        <table id='tablaresultadosolvenciacnt' class='table table-bordered table-striped table-hover text-nowrap mt-0 dataTable dtr-inline collapsed' aria-describedby='tablaresultadofcobros_info'>
                            <thead>
                                <tr>
                                    <th>Contenedor</th>
                                    <th>Ult. Act.</th>
                                    <th>Fch. Est.</th>
                                    <th>Modo</th>
                                    <th>Ubicacion</th>
                                    <th>Descripcion</th>
                                    <th>Seleccion</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th>Contenedor</th>
                                    <th>Ult. Act.</th>
                                    <th>Fch. Est.</th>
                                    <th>Modo</th>
                                    <th>Ubicacion</th>
                                    <th>Descripcion</th>
                                    <th>Seleccion</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- fin formulario --}}
</form>
<script>
    function f_select_all() {
        $('.input-check-change').prop('checked', true);
    }

    function f_unselect_all() {
        $('.input-check-change').prop('checked', false);
    }

    function f_pre_submit_form() {

    }
</script>
@php
    //print_r($Data['v_menuxusuarios']);
@endphp
@if (Session::has('error'))
    <div class="modal fade" id="modalerror" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><strong>Valla Algo va mal... </strong></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ Session::get('error') }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endif
@if (Session::has('mensaje'))
    <div class="modal fade" id="modalmensaje" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle"><strong>En Hora Buena... </strong></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {{ Session::get('mensaje') }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endif


<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/bootstrap/js/popper.js"></script>
<script src="{{ URL::to('/') }}/vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/daterangepicker/moment.min.js"></script>
<script src="{{ URL::to('/') }}/vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/vendor/countdowntime/countdowntime.js"></script>
<!--===============================================================================================-->
<script src="{{ URL::to('/') }}/js/main.js"></script>

<script>
    $(document).ready(function() {
        @if (Session::has('mensaje'))
            $('#modalmensaje').modal('toggle');
            alert('entro mensaje');
        @endif
        @if (Session::has('error'))
            $('#modalerror').modal('toggle');
            alert('entro error');
        @endif
        $('#nrobl').on('keyup', function() {
            var key = $(this).val();
            var dataString = key.trim();
            var json = {};
            json["accion"] = "flblssolvencia";
            json["buscar"] = dataString;
            if (dataString.length > 8) {
                //alert('ENTRO '+dataString.length );
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    type: "POST",
                    url: "{{ URL::to('/') }}/{{ strtolower($Data['nombreMenu']) }}/ajax",
                    data: json,
                    success: function(data) {
                        //Escribimos las sugerencias que nos manda la consulta
                        $('#suggestions').fadeIn(1000).html(data);
                        //Al hacer click en alguna de las sugerencias
                        $('.suggest-element').on('click', function() {
                            //Obtenemos la id unica de la sugerencia pulsada
                            var id = $(this).attr('id');
                            //Editamos el valor del input con data de la sugerencia pulsada
                            $('#nrobl').val($('#' + id).attr('data'));
                            $('#consignatario').val($('#' + id).attr('rif'));
                            $('#buque').val($('#' + id).attr('buque'));
                            $('#recalada').val($('#' + id).attr('flbrecal'));
                            $('#posbl').val($('#' + id).attr('flbcodbl'));
                            $('#fecha').val($('#' + id).attr('fecha'));
                            //////////////////////////
                            $('#consignatario_info').val($('#' + id).attr('flbclien'));
                            $('#buque_info').val($('#' + id).attr('buque'));
                            $('#recalada_info').val($('#' + id).attr('flbrecal'));
                            $('#posbl_info').val($('#' + id).attr('flbcodbl'));
                            //Hacemos desaparecer el resto de sugerencias
                            $('#suggestions').fadeOut(1000);
                            //llamar a los contenedores asociados a ese bl
                            json["accion"] = "cntsolvencia";
                            json["recalada"] =  $('#recalada').val();
                            json["posbl"] =  $('#posbl').val();
                           // alert('entro');
                            $('#tablaresultadosolvenciacnt').DataTable( {
                                destroy: true,
                                ajax: {
                                    type: "POST",
                                    url: "{{ URL::to('/') }}/{{ strtolower($Data['nombreMenu']) }}/ajax",
                                    data: json,
                                    dataSrc: ''
                                },
                                columns: [  { data: 'cnzconte' },
                                            { data: 'cnzactac' },
                                            { data: 'cnzfcest' },
                                            { data: 'cnzmodin' },
                                            { data: 'cnzcenop' },
                                            { data: 'cnzdespr' },
                                            { data: 'seleccion', render: (data, type, row) =>type === 'display' ? '<input name="seleccion[]" type="checkbox" class="editor-active" value="'+data+'">' : data,className: 'dt-body-center'}
                                            //{ data: 'seleccion','<input type="checkbox" class="editor-active">' }
                                        ]
                            } );
                            //Hacemos aparecer la lista de contenedores
                            $('#equipos').fadeIn(1000);

                            //alert('Has seleccionado el ' + id + ' ' + $('#' + id).attr('data'));
                            return false;
                        });
                    }
                });
            }else{
                $('#consignatario').val('');
                $('#buque').val('');
                $('#recalada').val('');
                $('#posbl').val('');
                $('#fecha').val('');
                ///////////////////
                $('#consignatario_info').val('');
                $('#buque_info').val('');
                $('#recalada_info').val('');
                $('#posbl_info').val('');
                /////////////////
                $('#equipos').fadeOut(1000);
            }
        });
    });
</script>