@extends('template.layout')


@section('styles')

    <style>
        option{
            background-color: white;
        }
        .min-tardanza{
            width: 10%;
        }
        .tbPersonal_filter{
            display: none;
        }
    </style>
@endsection

@section('content')
    <h1 class="page-title">
        Justificación de Inasistencia del Estudiante
    </h1>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <h1 class="caption-subject font-green sbold uppercase"> Cursos Asignados </h1>
            </div>

        </div>
        {{ Form::open(['route' => 'solicitud.justificacion.alumno','class'=>'form-horizontal','id' => 'form-solicitud']) }}

        <div class="portlet-body">
            <div class="row" style="margin-bottom: 2%">
                <div class="col-md-2" style="margin-bottom: 2%">
                    <label class="control-label">Curso</label>
                    {!! Form::select('curso[]',$cursos,[],['class'=>'form-control placeholder-no-fix','id' => 'cursos','data-type' => '5', 'required'=>'true','placeholder' => 'Seleccione']) !!}
                </div>
                {!! Form::hidden('list', null, array('id' => 'invisible_list')) !!}

                <div class="col-md-12 col-xs-12 col-sm-12">
                    <div class="col-md-12 col-xs-12 col-sm-12">
                        <div class="col-md-4 col-xs-4 col-sm-4">
                            <div class="col-md-4 col-xs-4 col-sm-4" style="padding-right: 0; padding-left: 0; text-align: left;">
                                <h4><i class="glyphicon glyphicon-user"></i><b>  Docente:</b></h4>
                            </div>
                            <div class="col-md-7 col-xs-7 col-sm-7">
                                <h4 id="txtdocente"></h4>
                            </div>
                        </div>

                        <div class="col-md-4 col-xs-4 col-sm-4">
                            <div class="col-md-4 col-xs-4 col-sm-4" style="padding-right: 0; padding-left: 0; text-align: left;">
                                <h4><i class="fa fa-shield"></i><b>   Seccion:</b></h4>
                            </div>
                            <div class="col-md-7 col-xs-7 col-sm-7" style="text-align: left">
                                <h4 id="txtseccion"></h4>
                            </div>
                        </div>

                        <div class="col-md-4 col-xs-4 col-sm-4">
                            <div class="col-md-4 col-xs-4 col-sm-4" style="padding-right: 0; padding-left: 0; text-align: left;">
                                <h4><i class="icon-layers"></i><b>   Materia:</b></h4>
                            </div>
                            <div class="col-md-7 col-xs-7 col-sm-7" style="text-align: left">
                                <h4 id="txtmateria"></h4>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="Forum-ForumTopicList row" style="margin:20px">
                <table class="table table-hover nowrap dataTable dtr-inline collapsed tbPersonal"
                       id="tbHorario"
                       width="100%" role="grid" aria-describedby="tbPersonal_info" style="margin-bottom: 4% !important; text-align: center">
                    <thead class="thead-default">
                    <tr>
                        <th style="text-align: center">Selecione</th>
                        <th style="text-align: center">Estado</th>
                        <th style="text-align: center">Fecha de Inasistencia</th>
                        <th style="text-align: center">D&iacute;a</th>
                        <th style="text-align: center">Aula</th>
                        <th style="text-align: center">Hora de inicio</th>
                        <th style="text-align: center">Hora de fin</th>
                    </tr>
                    </thead >
                    <tbody  style="text-align: center">
                    </tbody>
                </table>

                <div class="form-group" >
                    {!! Form::label('txt', 'Descripción') !!}
                    <div class="col-xs-12" style="margin-bottom: 20px;">{!! Form::textarea('descripcion', null, ['size' => '30x5','class' => 'form-control', 'style'=>'resize: none','required'=>'true']) !!}</div>
                </div>
                <div class="col-md-12" style="text-align: left">
                    <button type="submit" class="btn green solicitar">Solicitar</button>
                </div>
            </div>
        </div>


        {!! Form::close() !!}
    </div>

@endsection

@section('scripts')
    <script src="{{asset('css/icheck/icheck.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('plugins/datatables/plugins/datatables.celledit.js')}}"></script>
    <script src="{{asset('plugins/datatables/plugins/datatables.sum.min.js')}}"></script>
    <script>
        var urlData = "{{route('listado.inasistencia.alumno')}}";
        var urlDatos = "{{route('datos.inasistencia.curso')}}";
    </script>
    <script src="{{asset('js/pages/alumno.justificacion.js')}}" type="text/javascript"></script>
@endsection