@extends('template.layout')

@section('styles')
    <style>

        .table-scrollable{
            margin-top: 3% !important;
        }

    </style>
@endsection
@section('content')
    <h1 class="page-title">
        Gesti&oacute;n de Cambio de Secci&oacute;n
    </h1>
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">Listado de Secciones por Curso <label id="txtperiodo"></label></div>
            <div class="actions">

            </div>
        </div>
        <div class="col-md-12">
            <h4 style="margin-left: -15px;">Formulario de asignaci&oacute;n de secci&oacute;n:</h4>
        </div>
        {{ Form::open(['route' => 'reasignacion.cambio.seccion','class'=>'form-horizontal','id' => 'form-solicitud']) }}
        <div class="col-md-2" style="margin-bottom: 0">
            <label class="control-label" style="padding-bottom: 5%">Docentes disponibles:</label>
            {!! Form::select('profesores[]',$profesores,[],['class'=>'form-control placeholder-no-fix','id' => 'profesores','data-type' => '5','placeholder' => 'Seleccione']) !!}
        </div>
        <div class="col-md-3" style="padding-top: 2%;">
            <button type="submit" class="btn green solicitar">Cambiar</button>
        </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_profesor">
                <thead class="thead-default" style="text-align: center">
                <tr>
                    <th style="text-align: center">Seleccione</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">Profesor</th>
                    <th style="text-align: center">Detalle</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('reasignacion') }}";
        var urlData = "{{ route('admin.reasignacion.data') }}";
    </script>
    <script src="{{asset('js/pages/reasignacion.profesor.seccion.js')}}" type="text/javascript"></script>
@endsection