@extends('template.layout')

@section('content')
    <h1 class="page-title">
        Gesti&oacute;n de Justificaci&oacute;n de Inasistencias
    </h1>
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">Listado de Justificaciones Personal Administrativo <label id="txtperiodo"></label></div>
            <div class="actions">

            </div>
        </div>
        {!! Form::hidden('invisible_vl', null, array('id' => 'invisible_vl')) !!}
        <div class="portlet-body">
            @include('alerts.index')
            <table class="table table-striped table-bordered table-hover table-bg" id="table_gestion_personal" style="margin-top: 2% !important;">
                <thead class="thead-default" style="text-align: center">
                <tr>
                    <th style="text-align: center">C&oacute;digo</th>
                    <th style="text-align: center">Personal</th>
                    <th style="text-align: center">Fecha de inasistencia</th>
                    <th style="text-align: center">D&iacute;a</th>
                    <th style="text-align: center">Comentario</th>
                    <th style="text-align: center">Estado</th>
                    <th style="text-align: center">Opciones</th>
                </tr>
                </thead>
                <tbody style="text-align: center">
                </tbody>
            </table>

        </div>

        {!! Form::close() !!}
    </div>
    <div id="detalle_datos" class="modal fade" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        var urlBase = "{{ url('justificacion/administrador') }}";
        var urlData = "{{ route('admin.lista.justificaciones.personal') }}";
        var urlValidar = "{{ route('admin.confirmar.justificaciones') }}";
    </script>
    <script src="{{asset('js/pages/admin.justificacion.js')}}" type="text/javascript"></script>
@endsection