@include('led/led_header')
<link href="{{asset('/css/modal/custom-modal.css')}}" rel="stylesheet">
<script type="text/javascript" src="{{ URL::asset('/js/modal/custom-modal.js') }}"> </script>

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

    <div class="row">
		<div class="col-md-8 col-md-offset-2">
            <form id="frmExcepcion" method="post" name="frmExcepcion" action='/imperium/confirmar-excepcion-acceso'>
            {{ csrf_field() }}
            <input type="Hidden" name="locacion" value="{{$loc->locacion}}">
            <input type="Hidden" name="tipo_acceso" value="{{$tipo_acceso}}">
            <!-- datos de la variable $data_acceso ,el contratista_1 es el contratista -->
            <input type="hidden" name="contratista_1" value="{{ $data_acceso->contratista_1 }}">
            <!-- datos de la variable $data_acceso ,el contratista es el sub contratista -->
            <input type="hidden" name="contratista" value="{{ $data_acceso->contratista }}">
            <input type="hidden" name="empleado" value="{{ $seccion == 'E' ? $data_acceso->empleado : '' }}">
            <input type="hidden" name="vehiculo" value="{{ !empty($data_vehiculo) ? $data_vehiculo->vehiculo : '' }}">
        
            
            <div class="row">
                <div class="col-md-12 h2">
                    @traducir('Control de Acceso', 'Control de Acceso')
                </div>
            </div>

            <div class="row">
                <div class="col-md-1">
                    <h2><i class="glyphicon glyphicon-map-marker"></i></h2>
                </div>
                <div class="col-md-10">
                    <div class="row">
                        <div class="col-md-12 h4">@traducir('Punto de acceso','Punto de acceso'): {{ $loc->nombre_locacion }}</h4></div>
                    </div>
                </div>
            </div>
        
            <div class="row">
                <div class="col-md-1">
                    <h2><i class="fa fa-hand-paper-o"></i></h2>
                </div>
                <div class="col-md-10">
                    <div class="row">
                        <div class="col-md-12 h4">@traducir('Tipo de acceso','Tipo de acceso'): @if($tipo_acceso == 'I') @traducir('Ingreso','Ingreso') @else @traducir('Egreso','Egreso') @endif</h4></div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-1">
                    <h2><i class="fa fa-building-o"></i></h2>
                </div>
                <div class="col-md-10">
                    <div class="row">
                        <div class="col-md-12 h4">@traducir('Contratista','Contratista'): {{ $data_acceso->nombre_contratista_1 }}</div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 h4">{{ $data_acceso->abreviatura_1 }} {{ $data_acceso->identificacion_1 }}</div>
                    </div>
                </div>
            </div>
    
            @if ($data_acceso->contratista != $data_acceso->contratista_1)
                <div class="row">
                    <div class="col-md-1">
                        <h2><i class="fa fa-building-o"></i></h2>
                    </div>
                    <div class="col-md-10">
                        <div class="row">
                            <div class="col-md-12 h4">@traducir('Subontratista','Subontratista'): {{ $data_acceso->nombre_contratista }}</div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 h4">{{ $data_acceso->abreviatura_0 }} {{ $data_acceso->identificacion_0 }}</div>
                        </div>
                    </div>
                </div>
            @endif
            @if ($seccion == 'E')				
                <div class="row">
                    <div class="col-md-1">
                        <h2><i class="fa fa-user"></i></h2>
                    </div>
                    <div class="col-md-10">
                        <div class="row">
                            <div class="col-md-12 h4">@traducir('Nombre','Nombre'): {{ $data_acceso->nombre_persona }}</div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 h4">{{ $data_acceso->abreviatura }} {{ $data_acceso->identificacion }}</div>
                        </div>
                    </div>
                </div>
            @endif
            
            @if (!empty($data_vehiculo) AND $data_vehiculo->contratista_1 == $data_acceso->contratista_1)

                <div class="row">
                    <div class="col-md-1">
                        <h2><i class="fa fa-truck"></i></h2>
                    </div>
                    <div class="col-md-10">
                        <div class="row">
                            <div class="col-md-12 h4">
                                {{ $data_vehiculo->nombre_vehiculo }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 h4">
                                @traducir('Dominio','Dominio') {{ $data_vehiculo->dominio }}
                            </div>
                        </div>
                    </div>
                </div>
            @endif

            <div class="row">
                <div class="col-md-12">
                    <label from="persona">@traducir('Destinatario','Destinatario')</label>
                    <select name="persona" id="persona" class="form-control">
                        <option value="">--- @traducir('Seleccionar','Seleccionar') ---</option>
                        @foreach($personal as $p)
                            <option value="{{$p->persona}}">{{$p->nombre_completo}} - E-mail: {{$p->email}}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <br>

            <div class="row">
				<div class="col-md-12">
					<label from="detalle">@traducir('Detalle de ingreso por excepción','Detalle de ingreso por excepción')</label>
					<textarea id="detalle" name="detalle_control" class="form-control" rows="6">@traducir('Contratista','Contratista'): {{$data_acceso->nombre_contratista_1}} ({{$data_acceso->abreviatura_1 . ' ' . $data_acceso->identificacion_1}})
@if ($data_acceso->contratista != $data_acceso->contratista_1)
@traducir('Subontratista','Subontratista'): {{ $data_acceso->nombre_contratista }} ({{ $data_acceso->abreviatura_0 }} {{ $data_acceso->identificacion_0 }})
@endif
@if ($seccion == 'E')
@traducir('Nombre','Nombre'): {{ $data_acceso->nombre_persona }} ({{ $data_acceso->abreviatura }} {{ $data_acceso->identificacion }})
@endif

@traducir('Detalle de documentación faltante del período','Detalle de documentación faltante del período'): {{ substr_replace($docs[0]->periodo,'-',4,0) }}
@foreach($docs as $documento)
@if ($documento->estado_doc != 'V')
- {{$documento->nombre_tipo_doc}} - @traducir('A verificar por','A verificar por') @if($documento->verificacion == 'F') Fidelitas @elseif($documento->verificacion == 'C') {{$documento->nombre_cliente}} @endif

@endif
@endforeach
@if (!empty($data_vehiculo))
@if($acceso_vehiculo->acceso == 0)
{{ $data_vehiculo->nombre_vehiculo }} - @traducir('Dominio','Dominio'): {{$data_vehiculo->dominio}}
@foreach($docs_veh as $documento)
@if ($documento->estado_doc != 'V')
- {{$documento->nombre_tipo_doc}} - @traducir('A verificar por','A verificar por') @if($documento->verificacion == 'F') Fidelitas @elseif($documento->verificacion == 'C') {{$documento->nombre_cliente}} @endif

@endif
@endforeach
@endif
@endif
                    </textarea>
				</div>
			</div>
			<br>
            
            <div class="row">
                <div class="form-group col-md-4">
                    <button type="button" class="form-control btn btn-info anterior" onclick="javascript:history.back();"><i class="glyphicon glyphicon-triangle-left"></i> @traducir('Anterior','Anterior')</button>
                </div>
               <!-- CAMBIO LA VERIFICACION DEL BOTON SOLICITAR EXCEPCION O AUTORIZAR EXCEPCION -->
                @if($data_acceso->acceso == 0)
                    <div class="form-group col-md-4">
                        <button type="Button" class="form-control btn btn-danger solicitar" ><i class="fa fa-danger"></i> @traducir('Solicitar excepción','Solicitar excepción')</button>
                    </div>
                @else
                    <div class="form-group col-md-4">
                        <button type="Button" class="form-control btn btn-danger autorizar" ><i class="fa fa-danger"></i> @traducir('Autorizar excepción','Autorizar excepción')</button>
                    </div>
                @endif
                <!-------------          ------------------>
                <div class="form-group col-md-4">
                    <button type="Button" class="form-control btn btn-fidelitas inicio" ><i class="fa fa-reply"></i> @traducir('Volver al inicio','Volver al inicio')</button>
                </div>
            </div>
            
            <!-- LOADING VERFICACION DE ENVIAR EL EMAIL-->
            <div class="text-center" id="loading" style="display:none;">
                <img src="/images/loading.gif" alt="loading" class="loading_img">
            </div>
            <!-- ALERT EMAIL ENVIADO CORRECTAMENTE -->
            <div class="alert alert-success text-center" id="alertEmailSucces" style="display:none;">
                <a href="#" class="alert-link mensaje-change"></a>
            </div>
            <!-- ALERT EMAIL NO ENVIADO -->
            <div class="alert alert-danger text-center" id="alertEmailDanger" style="display:none;">
                <a href="#" class="alert-link mensaje-change"></a>
            </div>
            </form>
        </div>
    </div>
</div>

<div rel="custom-modal:open" id="modalExcepcion" aria-labelledby="" style="display:none;width:750px" class="modal-exc" style="width:500px">
	<div class="modal-content">
     	<div class="modal-header">
			<h3 class="modal-title" id="exc-title">@traducir('Ingreso por excepción','Ingreso por excepción')</h3>
		</div>
		<div class="modal-body" id="exc-body"></div>
	</div>
</div>

<script>
    $(document).ready(function() {

        $('.inicio').on('click', function() {
            location.href = '/imperium/control-acceso';
        });

        /*---------- BOTON AUTORIZAR EXCEPCION ------------*/

        $('.autorizar').on('click', function() {
            $.ajax({
                    method: 'post',
                    url: '/imperium/ingreso-excepcion-confirm',
                    data: $('#frmExcepcion').serialize(),
                    beforeSend: function() {
                        $('#modalExcepcion').customModal('hide');
                    },
                    success: function(response) {
                        $('#exc-body').html(response)
                        $('#modalExcepcion').customModal('show');
                    }
            });
        });

        /*---------- BOTON SOLICITAR EXCEPCION ------------*/
       
        $('.solicitar').on('click', function() {
            if($('#persona').val() !== ''){
                $.ajax({
                    method: 'post',
                    url: '/imperium/ingreso-excepcion-solicitud',
                    data: $('#frmExcepcion').serialize(),
                    beforeSend: function(){
                        $('#loading').show();
                    },
                    success: function(response) {
                        if(response == 'ok'){
                            $('#loading').hide();
                            $('.mensaje-change').html('El email se ha enviado exitosamente!!');
                            $('#alertEmailSucces').show();
                            setTimeout(function() {
                                $('#alertEmailSucces').hide();
                            }, 3000);
                        } else if (response == 'campos vacios') {
                            alert('ERROR! Algun campo del store vino ¡VACIO!')
                        } else if (response == 'listar vacio') {
                            alert('ERROR! Al listar los datos del store')
                        } else{
                            $('.mensaje-change').html('El email no se pudo enviar!!');
                            $('#alertEmailDanger').show();
                            setTimeout(function() {
                                $('#alertEmailDanger').hide();
                            }, 2000);
                        }
                    }        
                });
            } else{
                alert('Selecione alguna opcion del campo DESTINATARIO')
            }
        });
    });
</script>

@include('led/led_footer')