@extends('template.layout')

@section('content')
    <h1 class="page-title">
        <a class=" icon-action-undo" href="{{ url('matricula/ingresantes/mover') }}/{{$curso['id']}}/{{$turno['nombre']}}/{{$especialidad['id']}}" style="padding: 5px;"></a>
        Matr&iacute;cula Ingresantes
    </h1>
    <div class="portlet light bordered">
        <div id="data" hidden="hidden" data-esp="1" data-per="1" data-cic="1"></div>
        <div class="portlet-title">
            <div class="caption">Listado de Secciones del Curso de {{ $curso['nombre'] }}</div>
            <div class="actions">
            </div>
        </div>
        <div class="portlet-body">
            <div class="row">
                <div class="col-md-12">
                    <h4 style="margin-top: 0">Especialidad: {{ $especialidad['nombre'] }}</h4>
                </div>
                <div class="col-md-4">
                    <h5 style="margin-top: 0">Turno: {{ $turno['nombre'] }}</h5>
                </div>
                <div class="col-md-4">
                    <h5 style="margin-top: 0">Ciclo: 1</h5>
                </div>
            </div>

            @foreach( $secciones as $seccion )
                <div class="row" style="border-bottom: 2px solid #e0f1a6; margin-bottom: 10px;">
                    <div>
                        {{ Form::open(array('id' => 'form-' . $seccion->id,'route' => 'matricula.ingresantes.seccion.editar', 'class' => 'form-validation')) }}
                        {!! Form::hidden('seccion',  $seccion->id) !!}
                        <div class="form-body">
                            <div class="col-md-4 col-lg-3">
                                <div class="form-group">
                                    <label class="control-label" for="nombre"> C&oacute;digo de Secci&oacute;n </label>
                                    {!! Form::text('nombre', $seccion->nombre_seccion, array('class' => 'form-control' , 'required' => 'required')) !!}
                                </div>
                            </div>
                            <div class="col-md-4 col-lg-5">
                                <div class="form-group">
                                    <label class="control-label" for="capacidad"> Profesor </label>
                                    {!! Form::select('profesor_id', $profesores, $seccion->id_profesor, ['id' => 'selectCapacidad', 'class' => 'form-control select2', 'required'=>'required', 'placeholder' => 'Seleccione un profesor...']) !!}
                                </div>
                            </div>
                            <div class="col-md-2 col-lg-2">
                                <button type="submit" class="button-a" style="font-size: 35px; color: #008200; padding-top: 15px !important;"><i class="fa fa-save"></i></button>
                                <button type="button" class="button-a edit_horario" data-id="{{ $seccion->id }}" style="font-size: 35px; color: #008200; padding-top: 15px !important;"><i class="fa fa-edit"></i></button>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>

                </div>
            @endforeach
        </div>
    </div>

    <div id="periodo_modal" class="modal fade bs-modal-lg in" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        var urlBase = "{{ url('matricula/ingresantes') }}";

        $('.edit_horario').on('click', function () {
            var aux = $(this);
            var id = aux.data('id');
            aux.prop('disabled', true);
            aux.blur();
            $.ajax({
                url: urlBase + "/horarios/" + id,
                type: 'GET',
                cache: false,
                success: function (result) {
                    $('.modal-content').html(result);
                    $('#periodo_modal').modal({
                        show: true
                    });
                },
                complete: function () {
                    aux.removeAttr("disabled");
                    aux.prop('disabled', false);
                }
            });
            return false;
        });



        $(document).ready(function() {
            $('form').each(function() {
                $(this).validate({
                    submitHandler: function (form) {
                        $.ajax({
                            url: $(form).attr('action'),
                            type: "POST",
                            data: $(form).serialize(),
                            cache: false,
                            dataType: 'json',
                            processData: false,
                            success: function(data) {
                                swal("Sección actualizada", "Los datos de la sección se actualizaron correctamente.", "success")
                            },
                            error: function(data) {

                            },
                            complete: function() {
//                        l.toggle();
                            }
                        });
                    }
                });
            });

        });
    </script>
@endsection