@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">

    <form id="frmAcceso" method="post" name="frmAcceso" action='/imperium/confirmar-acceso'>
        {{ csrf_field() }}
        <input type="Hidden" name="locacion" value="{{$loc->locacion}}">
        <input type="Hidden" name="tipo_acceso" value="{{$tipo_acceso}}">
        <input type="hidden" name="contratista_1" value="{{ $data_acceso->contratista_1 }}">
        <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 : '' }}">
        <input type="hidden" name="dominio" value="{{ !empty($dominio) ? $dominio : '' }}">

		<div class="row">
			<div class="col-md-8 col-md-offset-2">

                <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
                <!--- Información del acceso para contratista/subcontratista o empleado --->
                @if ($data_acceso->acceso == 0)
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <span class="h3">@traducir('Debe documentación requerida','Debe documentación requerida') ({{ $pendientes }} @traducir('documento','documento')s).</span>
                            <div class="alert alert-danger" style="width:100%;padding: 5px 10px 5px 10px;height:auto; border: 1px #000000 solid;">
                                <u class="h4">@traducir('Detalle de la documentación','Detalle de la documentación'):</u>
                                <div>&nbsp;</div>
                                <ul>
                                    @foreach($docs as $documento)
                                        @if ($documento->estado_doc != 'V')
                                            <li class="h5">{{ $documento->nombre_tipo_doc }} - @traducir('Período','Período') {{ substr_replace($documento->periodo,'-',4,0) }} - @traducir('A verificar por','A verificar por') @if($documento->verificacion == 'F') Fidelitas @elseif ($documento->verificacion == 'C') {{ $documento->nombre_cliente}} @endif</li>
                                        @endif
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                @else
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <span class="text-success h4">
                                @if ($seccion == 'E')
                                    @traducir('La persona se encuentra autorizada para el acceso','La persona se encuentra autorizada para el acceso').
                                @else
                                    @traducir('El contratista se encuentra autorizado para el acceso','El contratista se encuentra autorizado para el acceso').
                                @endif
                            </span>
                        </div>
                    </div>                    
                    <br />
                @endif


                <!--- Vehículo --->
                @if (!empty($dominio))
                    @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') {{ $dominio }}
                                    </div>
                                </div>
                            </div>
                        </div>

                        @if ($acceso_vehiculo->acceso == 0)
                            <div class="row">
                                <div class="col-md-10 col-md-offset-1">
                                    <span class="h3">@traducir('Debe documentación requerida','Debe documentación requerida') ({{ $pendientes_veh }} @traducir('documento','documento')s).</span>
                                    <div class="alert alert-danger" style="width:100%;padding: 5px 10px 5px 10px;height:auto; border: 1px #000000 solid;">
                                        <u class="h4">@traducir('Detalle de la documentación','Detalle de la documentación'):</u>
                                        <div>&nbsp;</div>
                                        <ul>
                                            @foreach($docs_veh as $documento)
                                                @if ($documento->estado_doc != 'V')
                                                    <li class="h5">{{ $documento->nombre_tipo_doc }} - @traducir('Período','Período') {{ substr_replace($documento->periodo,'-',4,0) }} - @traducir('A verificar por','A verificar por') @if($documento->verificacion == 'F') Fidelitas @elseif ($documento->verificacion == 'C') {{ $documento->nombre_cliente}} @endif</li>
                                                @endif
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        @else
                            <div class="row">
                                <div class="col-md-10 col-md-offset-1">
                                    <span class="text-success h4">@traducir('El vehículo se encuentra autorizado para el acceso','El vehículo se encuentra autorizado para el acceso').</span>
                                </div>
                            </div>                    
                        @endif

                    @else
                        <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">
                                        @traducir('Dominio','Dominio') {{ $dominio }}
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12 h4">
                                        <span class="text-danger">@traducir('El dominio indicado no pertenece al contratista','El dominio indicado no pertenece al contratista')</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                @endif

                <br>

                <div class="row">
                    @if ($reporte == "NO")
                        <div class="col-md-4 col-md-offset-4">
                            <button type="Button" class="form-control btn btn-info" onclick="javascript:history.back()"><i class="glyphicon glyphicon-triangle-left"></i> Anterior</a>
                        </div>
                        @if ( $data_acceso->acceso == 1 AND (!empty($data_vehiculo) &&  !empty($acceso_vehiculo) ? ($acceso_vehiculo->acceso == 1 AND $data_vehiculo->contratista_1 == $data_acceso->contratista_1 ? true : false) : true) )
                            <div class="col-md-4">
                                <button type="Button" class="form-control btn btn-success confirmar" ><i class="fa fa-check"></i> @traducir('Ingresar','Ingresar')</button>
                            </div>
                        @else
                            <div class="col-md-4">
                                @if ( !empty($data_vehiculo) ? ($data_vehiculo->contratista_1 == $data_acceso->contratista_1 ? true : false) : true) 
                                    <button type="Button" class="form-control btn btn-danger excepcion" ><i class="fa fa-warning"></i> @traducir('Ingreso por excepción','Ingreso por excepción')</button>
                                @else
                                    <button type="Button" class="form-control btn btn-fidelitas goback" ><i class="fa fa-reply"></i> @traducir('Regresar al formulario','Regresar al formulario')</button>
                                @endif
                            </div>
                        @endif
                    @else
                        <div class="col-md-4 col-md-offset-8">
                            <button type="Button" class="form-control btn btn-info" onclick="javascript:history.back()"><i class="glyphicon glyphicon-triangle-left"></i> Anterior</a>
                        </div>
                    @endif
                </div>



            </div>
		</div>		
	
	</form>    

</div>


<!--div rel="custom-modal:open" id="modalAcceso" aria-labelledby="" style="display:none;width:750px" class="modal-acc" style="width:500px">
    <div class="modal-content">
        <div class="modal-header">
            <h3 class="modal-title" id="acc-title">@traducir('Control de Acceso','Control de Acceso')</h3>
        </div>
        <div class="modal-body" id="acc-body"></div>
    </div>
</div-->

<!-- Lo convertimos a modal comun -->
<div class="modal fade modal-acc" id="modalAcceso" data-backdrop="static">
    <div class="modal-dialog" style="width:750px">
        <div class="modal-content">
            <div class="modal-header">
                 <h3 class="modal-title" id="acc-title">@traducir('Control de Acceso','Control de Acceso')</h3>
            </div>
            <div class="modal-body" id="acc-body"></div>
        </div>
    </div>
</div>



<script>
    $(document).ready(function() {
        $('.confirmar').on('click', function() {
            $('#modalAcceso').modal('show');
            $.ajax({
                    method: 'post',
                    url: '/imperium/control-acceso-confirm',
                    data: $('#frmAcceso').serialize(),
                    beforeSend: function() {
                        //$('#modalAcceso').customModal('hide');
                    },
                    success: function(response) {
                        $('#acc-body').html(response)
                        //$('#modalAcceso').customModal('show');
                    }

            });

        });


        $('.excepcion').on('click', function() {
            $('#frmAcceso').prop('action', '/imperium/ingreso-excepcion');            
            $('#frmAcceso').submit();
        });

        $('.goback').on('click', function() {
            location.href = '/imperium/control-acceso';
        });

    });

</script>


@include('led/led_footer')