@extends('template.layout')

@section('styles')
    <style>
        .select2-selection.select2-selection--single{
            height: 34px !important;
        }
        /*.select2.select2-container.select2-container--default.select2-container--focus{*/
            /*width: auto !important;*/
        /*}*/
    </style>
@endsection

@section('content')
    <h1 class="page-title">
        Reprogramación y Recuperaci&oacute;n de clases
    </h1>

    <div class="portlet light">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject bold"> Panel de selecci&oacute;n </span>
            </div>
            <div class="actions">
            </div>
        </div>
        {!! Form::hidden('endclass', $findeclases, array('id' => 'endclass')) !!}
        <div class="portlet-body">
            <div id="wait-filter" class="filter-none">
                <div class="tabbable-custom nav-justified">
                    <ul class="nav nav-tabs nav-justified">
                        <li class="active">
                            <a href="#tab_1_1_1" data-type="1" data-toggle="tab"> Reprogramaci&oacute;n </a>
                        </li>
                        <li>
                            <a href="#tab_1_1_2" data-type="2" data-toggle="tab"> Recuperaci&oacute;n </a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab_1_1_1">
                            {{ Form::open(['route' => 'solicitud.reprogramacion.profesor','class'=>'form-horizontal','id' => 'form-tramites']) }}
                            <div class="row">
                                {!! Form::hidden('endtb', 1, array('id' => 'endtb')) !!}

                                <div class="col-md-4 col-lg-4 col-xs-4">
                                    <div class="col-md-12 col-lg-12">
                                        <label class="control-label" for="tema">Curso</label>
                                    </div>
                                    {!! Form::hidden('idsc', null, array('id' => 'idsc')) !!}
                                    <div class="col-md-12 col-lg-12">
                                        {!! Form::select('curso[]',$cursos,[],['class'=>'form-control placeholder-no-fix','id' => 'cursos','data-type' => '5','placeholder' => 'Seleccione']) !!}
                                    </div>
                                </div>

                                <div class="col-md-4 col-lg-4 col-xs-4">
                                    <div class="col-md-12 col-lg-12">
                                        <label class="control-label" for="tema">Secci&oacute;n</label>
                                    </div>
                                    <div class="col-md-12 col-lg-12">
                                        {!! Form::select('seccion[]',[],[],['class'=>'form-control placeholder-no-fix','disabled' => 'disabled','id' => 'seccion','data-type' => '5','placeholder' => 'Seleccione']) !!}
                                    </div>
                                </div>

                                <div class="col-md-4 col-lg-4 col-xs-4">
                                    <div class="col-md-12 col-lg-12">
                                        <label class="control-label" for="tema">Fecha a reprogramar</label>
                                    </div>
                                    <div class="col-md-12 col-lg-12">

                                        <div id="fecha_inicio" class="input-group date date-picker" data-date-format="dd/mm/yyyy">
                                            {!! Form::text('fecha_inicio', null, array('class' => 'form-control' , 'required' => 'required')) !!}
                                            <span class="input-group-btn">
                                                <button class="btn default" type="button">
                                                    <i class="fa fa-calendar"></i>
                                                </button>
                                            </span>
                                        </div>

                                    </div>
                                </div>

                            </div>

                            <div class="row" style="margin-left: 0">
                                <div class="col-md-3 col-lg-3 col-xs-3" >
                                    <div class="col-md-12 col-lg-12">
                                        <div class="form-group">
                                            <label class="control-label" for="hora_inicio">Hora inicio</label>
                                            <div class="input-icon">
                                                <i class="fa fa-clock-o"></i>
                                                {!! Form::text('hora_inicio', null, array('id' => 'hora_inicio', 'class' => 'form-control timepicker' , 'required' => 'required')) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-3 col-lg-3 col-xs-3" >
                                    <div class="col-md-12 col-lg-12">
                                        <div class="form-group">
                                            <label class="control-label" for="hora_fin">Hora Fin</label>
                                            <div class="input-icon">
                                                <i class="fa fa-clock-o"></i>
                                                {!! Form::text('hora_fin', null, array('id' => 'hora_fin', 'class' => 'form-control timepicker' , 'required' => 'required')) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-3 col-lg-3 col-xs-3">
                                    <div class="col-md-12 col-lg-12">
                                        <label class="control-label" for="dia">Día</label>
                                    </div>
                                    <div class="col-md-12 col-lg-12">
                                        <select name="diaRP" id="diaRP" class="form-control" required="required" placeholder="Seleccione">
                                            <option value="Lunes">Lunes</option>
                                            <option value="Martes">Martes</option>
                                            <option value="Miercoles">Mi&eacute;rcoles</option>
                                            <option value="Jueves">Jueves</option>
                                            <option value="Viernes">Viernes</option>
                                            <option value="Sabado">Sabado</option>
                                            <option value="Domingo">Domingo</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-3 col-lg-3 col-xs-3">
                                    <div class="col-md-12 col-lg-12">
                                        <label class="control-label" for="dia">Estado</label>
                                    </div>
                                    <div class="col-md-10 col-lg-10">
                                        <select name="perm_cia" id="perm_cia" class="form-control" required="required" placeholder="Seleccione">
                                            <option value="1">No Permanente</option>
                                            <option value="2">Permanente</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12 col-lg-12 col-xs-12" style="padding-bottom: 2%;">
                                    <div class="col-md-12 col-lg-12">
                                        <label class="control-label" for="tema">Tema(s) de la clase</label>
                                    </div>
                                    <div class="col-md-12 col-lg-12">
                                        {!! Form::text('tema_clase', null,['class'=>'form-control placeholder-no-fix','placeholder' => '','maxlength' => '300', 'required'=>'true']) !!}
                                    </div>
                                </div>
                            </div>

                            <div class="row" style="padding-bottom: 2%">
                                <input type="hidden" id="hdn-ids" name="tramites"/>
                                <div class="col-md-offset-3 col-md-6">
                                    <button style="width: 100%" id="btn-pay-tramites" type="submit" class="btn btn-primary ladda-button" data-style="slide-down">
                                        <span class="ladda-label">Enviar solicitud</span>
                                        <span class="ladda-spinner"></span>
                                    </button>
                                </div>
                            </div>

                            <div class="row">
                                <input id="user_tramite" name="usuario" type="hidden" value="">
                                <div class="col-md-12 col-lg-12">
                                    <table class="table table-hover dataTable dtr-inline collapsed tbPersonal"
                                           id="dt_reprogramacion"
                                           width="100%" role="grid" aria-describedby="tbPersonal_info" style="text-align: center;">
                                        <thead class="thead-default">
                                        <tr>
                                            <th style="text-align: center">Estado</th>
                                            <th style="text-align: center; color: red">Fecha Asignada</th>
                                            <th style="text-align: center; color: red">Aula Asignada</th>
                                            <th style="text-align: center; color: red">D&iacute;a Asignado</th>
                                            <th style="text-align: center">C&oacute;digo</th>
                                            <th style="text-align: center" class="col-sm-2 col-xs-2 col-md-2 col-lg-2">Curso</th>
                                            <th style="text-align: center">Secci&oacute;n</th>
                                            <th style="text-align: center">Aula</th>
                                            <th style="text-align: center">Fecha a Reprogramar</th>
                                            <th style="text-align: center">D&iacute;a</th>
                                            <th style="text-align: center">Hora de inicio</th>
                                            <th style="text-align: center">Hora de fin</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>


                            {!! Form::close() !!}
                        </div>
                        <div class="tab-pane" id="tab_1_1_2">
                            {{ Form::open(['route' => 'solicitud.recuperacion.profesor','class'=>'form-horizontal','id' => 'form-biblioteca']) }}
                            <div class="row">
                                {!! Form::hidden('endtb', 2, array('id' => 'endtb')) !!}
                                <div class="col-md-2 col-lg-2 col-xs-2">
                                    <div class="col-md-12 col-lg-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="control-label" for="hora_inicio">Hora inicio</label>
                                            <div class="input-icon">
                                                <i class="fa fa-clock-o"></i>
                                                {!! Form::text('hora_inicio', null, array('id' => 'hora_inicio', 'class' => 'form-control timepicker' , 'required' => 'required')) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-2 col-lg-2 col-xs-2">
                                    <div class="col-md-12 col-lg-12 col-xs-12">
                                        <div class="form-group">
                                            <label class="control-label" for="hora_fin">Hora Fin</label>
                                            <div class="input-icon">
                                                <i class="fa fa-clock-o"></i>
                                                {!! Form::text('hora_fin', null, array('id' => 'hora_fin', 'class' => 'form-control timepicker' , 'required' => 'required')) !!}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-2 col-lg-2 col-xs-2">
                                    <div class="col-md-12 col-lg-12 col-xs-12">
                                        <label class="control-label" for="dia">Día</label>
                                    </div>
                                    <div class="col-md-12 col-lg-12 col-xs-12">
                                        <select name="diaRC" id="diaRC" class="form-control"  required="required" placeholder="Seleccione">
                                            <option value="Lunes">Lunes</option>
                                            <option value="Martes">Martes</option>
                                            <option value="Miercoles">Mi&eacute;rcoles</option>
                                            <option value="Jueves">Jueves</option>
                                            <option value="Viernes">Viernes</option>
                                            <option value="Sabado">Sabado</option>
                                            <option value="Domingo">Domingo</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-6 col-lg-6 col-xs-6">
                                    <div class="col-md-12 col-lg-md-12">
                                        <label class="control-label" for="tema">Tema(s) de la clase</label>
                                    </div>
                                    <div class="col-md-12 col-lg-12 col-xs-12">
                                        {!! Form::text('tema_clase', null,['class'=>'form-control placeholder-no-fix','placeholder' => '','maxlength' => '300', 'required'=>'true']) !!}
                                    </div>
                                </div>

                            </div>
                            <div class="Forum-ForumTopicList row" style="margin:20px">
                                <input id="user_biblioteca" name="usuario" type="hidden" value="">
                                <table class="table table-hover nowrap dataTable dtr-inline collapsed tbPersonal"
                                       id="dt_recuperacion"
                                       width="100%" role="grid" aria-describedby="tbPersonal_info" style="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">Aula asignada</th>
                                        <th style="text-align: center">Fecha de Recuperaci&oacute;n</th>
                                        <th style="text-align: center">C&oacute;digo</th>
                                        <th style="text-align: center">Curso</th>
                                        <th style="text-align: center">Secci&oacute;n</th>
                                        <th style="text-align: center">Aula</th>
                                        <th style="text-align: center">Fecha de inasistencia</th>
                                        <th style="text-align: center">D&iacute;a</th>
                                        <th style="text-align: center">Hora de inicio</th>
                                        <th style="text-align: center">Hora de fin</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                            <div class="row">
                                <input type="hidden" id="hdn-idb" name="biblioteca"/>
                                <div class="col-md-offset-3 col-md-6">
                                    <button style="width: 100%" id="btn-pay" type="submit" class="btn btn-primary ladda-button" data-style="slide-down">
                                        <span class="ladda-label">Enviar solicitud</span>
                                        <span class="ladda-spinner"></span>
                                    </button>
                                </div>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="Modal" class=""></div>
@endsection
@section('scripts')
    <script src="{{asset('plugins/jquery-datatables-checkboxes/js/dataTables.checkboxes.min.js')}}" type="text/javascript"></script>
    <script>
        var url_base = "{{ url('reprogramacion/profesor') }}";
        var url_reprogramacion = "{{ route('listado.reprogramacion.profesor') }}";
        var url_recuperacion = "{{ route('listado.recuperacion.profesor') }}";
    </script>
    <script src="{{asset('js/pages/reprogramacion.clases.js')}}"></script>
@endsection