@include('led/led_header')

<link rel="stylesheet" href="/components/jquery-autocomplete/css/jquery-ui-autocomplete.min.css">
<script src="/components/jquery-autocomplete/js/jquery-ui-autocomplete.min.js"></script>

<div class="container" style="padding:20px">  



    <form id="frmAcceso" method="post" name="frmAcceso" action='/imperium/control-acceso-check'>

        {{ csrf_field() }}
        <input type="Hidden" name="locacion" @if(!empty($locac)) value="{{$locac[0]->locacion}}" @endif>
        <!--input type="hidden" name="tipo_registro" value="" id="tipoReg"-->
        <!--input type="hidden" name="id_padron" value="" id="idPadron"-->
        <!--input type="hidden" name="identificador" value="" id="identificador"-->
	
		<div class="row">
			<div class="col-md-8 col-md-offset-2">

                <div class="row">
                    <div class="col-md-12 h3">
                        @traducir('Control de Acceso', 'Control de Acceso')
                    </div>
                </div>

                @if(!empty($locac))
                    <div class="row">
                        <div class="col-md-8 h4"><i class="glyphicon glyphicon-map-marker"></i> @traducir('Punto de acceso','Punto de acceso'): {{$locac[0]->nombre_locacion}}</div>
                        @if (sizeof($locac) > 1)
                            <div class="col-md-3 col-md-offset-1">
                                <button type="button" class="btn btn-info form-control">@traducir('Cambiar punto de acceso', 'Cambiar punto de acceso')</button>
                            </div>
                        @endif
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <h4><i class="fa fa-hand-paper-o"></i> @traducir('Tipo de acceso','Tipo de acceso')</h4>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-5">                            
                            <select name="tipo_acceso" class="form-control" id="tipo_acceso">
                                <option value="I">@traducir('Ingreso','Ingreso')</option>
                                <option value="E">@traducir('Egreso','Egreso')</option>
                            </select>
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-md-12">
                            <h4><i class="fa fa-user"></i> @traducir('Personas','Personas')</h4>
                        </div>
                    </div>
            
                    <div class="row">						
                        <div class="col-md-5">
                            <div class="form-group">
                                <label for="inputNumero">@traducir('CUIL/CUIT','CUIL/CUIT')</label>
                                <input placeholder="CUIL/CUIT" id="inputNumero" name="numero" type="text" value="" class="form-control" required="required">
                            </div>
                        </div>
                        <div class="col-md-7">
                            <div class="form-group">
                                <label for="inputName">@traducir('Apellido y nombre','Apellido y nombre')</label>
                                <input placeholder="Apellido y nombre" id="inputName" name="nombre" type="text" value="" class="form-control" required="required">
                                <input id="tipoReg" name="tipo_registro" type="hidden" value="">
                                <input id="idPadron" name="id_padron" type="hidden" value="">
                                <input id="identificador" name="identificador" type="hidden" value="">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <h4><i class="fa fa-truck"></i> @traducir('Vehículos','Vehículos')</h4>
                        </div>
                    </div>
            
                    <div class="row">		
                        <div class="col-md-5">
                            <div class="form-group">
                                <label for="inputDominio">@traducir('Dominio del vehículo','Dominio del vehículo')</label>
                                <input placeholder="" id="inputDominio" name="dominio" type="text" value="" class="form-control">
                            </div>
                        </div>
                        <div class="col-md-7">
                            <div class="form-group">
                                <label for="inpuVtName">@traducir('Denominación del vehículo','Denominación del vehículo')</label>
                                <textarea id="inputVName" name="vnombre" class="form-control" rows="3" readonly style="resize: vertical;"></textarea>
                            </div>
                        </div>
                    </div>
            
            
                    <div class="row">
                        <div class="col-md-3">
                        </div>
                        <div class="col-md-3">
                            <button type="Button" class="form-control btn btn-info accesoNominas" data-seccion="E"><i class="fa fa-user"></i> @traducir('Personas','Personas')</button>
                        </div>
                        <div class="col-md-3">
                            <button type="Button" class="form-control btn btn-info accesoNominas" data-seccion="V"><i class="fa fa-truck"></i> @traducir('Vehículos','Vehículos')</button>
                        </div>
                        <div class="col-md-3">
                            <button type="submit" class="form-control btn btn-success" >@traducir('Siguiente','Siguiente') <i class="glyphicon glyphicon-triangle-right"></i></button>
                        </div>
                    </div>
			
                @else

                    <div class="row">
                        <div class="col-md-12 h4 text-center">
                            @traducir('Usted no posee permiso para realizar control de acceso', 'Usted no posee permiso para realizar control de acceso')<br />
                            @traducir('o no se le han asignado puntos de acceso para el mismo.', 'o no se le han asignado puntos de acceso para el mismo.')<br />
                        </div>
                    </div>

                @endif

			</div>
		</div>		
	
	</form>    

</div>

<form id="frmNominas" method="post" action="/imperium/control-acceso-nominas" name="frmNominas">
    {{csrf_field()}}
    <input type="hidden" name="cliente" value="{{$cli}}">
    <input type="hidden" name="locacion" @if(!empty($locac)) value="{{$locac[0]->locacion}}" @endif>
    <input type="hidden" name="seccion" value="">
</form>
<script>

$(document).ready(function() {

    $(document).on('click', '.accesoNominas', function() {
        $('#frmNominas [name="seccion"]').val($(this).data('seccion'));
        $('#frmNominas').submit();
    });

    //Limpiamos el input de nombre si comenzamos a escribir en el de número

    $('#inputNumero').on('input',function()
    { 
        $('#inputName').val('');
    });

    //Limpiamos el input de número si comenzamos a escribir en el de nmbre

    $('#inputName').on('input',function()
    { 
        $('#inputNumero').val('');
    });

    //Limpiamos el input readonly de nombre del vehículo a media que escribimos el dominio
    /*
    $('#inputDominio').on('input',function()
    { 
        $('#inputVName').val('');
    });
    */


    var ajax;
    //Cambiar a vehículos
    
    if(jQuery('#inputDominio').length > 0) 
    {
        jQuery("#inputDominio").autocomplete({
            search: function () {},
                    source: function (request, response) {
                                if (ajax) {
                                    ajax.abort();
                                }
                    ajax = jQuery.ajax({
                                        method: 'post',
                                        url: "/imperium/buscar-dominio-acceso",
                                        data: $('#frmAcceso').serialize(),
                                        dataType: "json",
                                        cache:true,
                                        success: function (data,status,jqXHR) {
                                                    var resp = {};
                                                    if(jqXHR.responseText =='[]') {
                                                        resp = {
                                                                label: 'No se encontraron resultados para la búsqueda solicitada'
                                                                };
                                                    }
                                                    else {
                                                        resp = jQuery.map(data, 
                                                                            function(v, i) {
                                                                                if(!v.vehiculo) { v.vehiculo="" }
                                                                                return {
                                                                                    label: v.dominio + " - " + v.descripcion_vehiculo,
                                                                                    value: v.dominio,
                                                                                    datos_vehiculo: v.datos_vehiculo,
                                                                                    dominio: v.dominio
                                                                                };
                                                                            });
                                                    }
                                                    response (resp); 
                                        }
                    });
                },
            minLength: 4,
            select: function (event, ui) {
                        datos_vehiculo = (ui.item.datos_vehiculo); 
                        datos_vehiculo = datos_vehiculo.replaceAll("<br>","\r\n"); 
                        jQuery('#inputDominio').val(ui.item.dominio);
                        jQuery('#inputVName').html(datos_vehiculo);
            }
        });
    }
    if(jQuery('#inputName').length > 0) 
    {
        jQuery("#inputName").autocomplete({
            search: function () {},
            source: function (request, response) {
                        if (ajax) {
                            ajax.abort();
                        }
                        ajax = jQuery.ajax({
                                        method: 'post',
                                        url: "/imperium/buscar-empleado-acceso",
                                        dataType: "json",
                                        cache:true,
                                        data: $('#frmAcceso').serialize(),
                                        success: function (data,status,jqXHR) {
                                                    var resp = {};
                                                    if(jqXHR.empleados =='[]') {
                                                        resp = {
                                                            label: 'No se encontraron resultados para la búsqueda solicitada',
                                                        };
                                                    }
                                                    else 
                                                    {
                                                        resp = jQuery.map(data,
                                                                        function(v,i) {
                                                                            if(!v.pre_clave) { v.pre_clave="" }
                                                                            if(!v.suf_clave) { v.suf_clave="" }
                                                                            return {
                                                                                label: v.nombre_persona + " - " + v.abreviatura + " " + v.pre_clave + v.cuerpo_clave + v.suf_clave,
                                                                                value: v.nombre_persona,
                                                                                nombre_persona: v.nombre_persona,
                                                                                identificador: v.abreviatura,
                                                                                pre_clave: v.pre_clave,
                                                                                cuerpo_clave: v.cuerpo_clave,
                                                                                suf_clave: v.suf_clave,
                                                                                id_padron: v.id_padron,
                                                                                cuit: v.pre_clave + v.cuerpo_clave + v.suf_clave,
                                                                                tipo_reg: v.tipo_reg
                                                                            };
                                                                        });
                                                    }
                                                    
                                                    response (resp); 
                                        }
                    });
            },
            minLength: 4,
            select: function (event, ui) {
                        jQuery('#inputName').val(ui.item.nombre_persona);
                        jQuery('#inputNumero').val(ui.item.cuit);
                        jQuery('#tipoReg').val(ui.item.tipo_reg);
                        jQuery('#idPadron').val(ui.item.id_padron);
                        jQuery('#identificador').val(ui.item.identificador);
            }
        });
    }


    if(jQuery('#inputNumero').length > 0) 
    {
        jQuery("#inputNumero").autocomplete({
            search: function () {},
                    source: function (request, response) {
                                if (ajax) {
                                    ajax.abort();
                                }

                    ajax = jQuery.ajax({
                                        method: 'post',
                                        url: "/imperium/buscar-empleado-acceso",
                                        data: $('#frmAcceso').serialize(),
                                        dataType: "json",
                                        cache:true,
                                        success: function (data,status,jqXHR) {
                                                    var resp = {};
                                                    if(jqXHR.responseText =='[]') {
                                                        resp = {
                                                                label: 'No se encontraron resultados para la búsqueda solicitada'
                                                                };
                                                    }
                                                    else {
                                                        resp = jQuery.map(data, 
                                                                            function(v, i) {
                                                                                //console.log(v.pre_clave);

                                                                                if(!v.pre_clave) { v.pre_clave="" }
                                                                                if(!v.suf_clave) { v.suf_clave="" }
                                                                                return {
                                                                                    label: v.nombre_persona + " - " + v.abreviatura + " : " + v.pre_clave  + v.cuerpo_clave + v.suf_clave,
                                                                                    value: v.pre_clave + v.cuerpo_clave + v.suf_clave,
                                                                                    nombre_persona: v.nombre_persona,
                                                                                    identificador: v.abreviatura,
                                                                                    pre_clave: v.pre_clave,
                                                                                    cuerpo_clave: v.cuerpo_clave,
                                                                                    suf_clave: v.suf_clave,
                                                                                    id_padron: v.id_padron,
                                                                                    cuit: v.pre_clave + v.cuerpo_clave + v.suf_clave,
	                                                                                tipo_reg: v.tipo_reg
                                                                                };
                                                                            });
                                                    }
                                                    response (resp); 
                                        }
                    });
                },
            minLength: 4,
            select: function (event, ui) {
                        jQuery('#inputName').val(ui.item.nombre_persona);
                        jQuery('#inputNumero').val(ui.item.cuit);
                        jQuery('#tipoReg').val(ui.item.tipo_reg);
                        jQuery('#idPadron').val(ui.item.id_padron);
                        jQuery('#identificador').val(ui.item.identificador);
            }
        });
    }

});

</script>

@include('led/led_footer')