@extends('template.layout')

@section('content')
    <h1 class="page-title">
        Matr&iacute;cula de Alumnos Ingresantes
    </h1>
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <a class=" icon-action-undo" href="{{ url('matricula/ingresantes/cursos') }}/{{$Esp['id']}}/{{$t}}" style="padding: 5px;"></a>
                Ingresantes | Especialidad: {{$Esp['nombre']}} | Turno {{$t}} | Curso {{$Cur['nombre']}}</div>
            <div class="actions">
                <div class="btn-group periodo">
                    <a id="btn_secciones" class="btn btn-primary" href="{{ url('matricula/ingresantes/dataseccionescursos') }}/{{$Cur['id']}}/{{$t}}/{{$Esp['id']}}">
                        <i class="fa fa-plus"></i> Gestionar secciones
                    </a>

                </div>
            </div>
        </div>
        <div class="portlet-body">
            @include('alerts.index')

            <input type="hidden" id="CDRYUO" data-turno="{{$t}}" data-curso="{{$id}}" value="{{$Esp['id']}}"/>

            <div class="col-md-4">
                <label class="control-label">Busqueda Avanzada</label>
                {!! Form::text('filter-text', null,['class'=>'form-control placeholder-no-fix', 'id' => 'filter-text' ,'placeholder' => 'Busqueda por nombre o codigo']) !!}
            </div>
            <table class="table table-striped table-bordered table-hover table-bg" id="table_cambio" style="margin-top: 2% !important;">
                <thead class="thead-default" style="text-align: center !important;">
                <tr style="text-align: center !important;">
                    <th style="text-align: center !important;">C&oacute;digo</th>
                    <th style="text-align: center !important;">Nombres</th>
                    <th style="text-align: center !important;">Apellido Paterno</th>
                    <th style="text-align: center !important;">Apellido Materno</th>
                    <th style="text-align: center !important;">Especialidad</th>
                    <th style="text-align: center !important;">Grupo</th>
                    <th style="text-align: center !important;">Seccion</th>
                    <th style="text-align: center !important;">Opci&oacute;n</th>
                </tr>
                </thead>
                <tbody style="text-align: center !important;">
                </tbody>
            </table>
        </div>
    </div>


@endsection

@section('scripts')
    <script>
        var urlBase = "{{ url('matricula/ingresantes') }}";
        var urlData = "{{ route('matricula.ingresantes.cursos.post') }}";
        var urlSelect = "{{ route('matricula.ingresantes.grupos.cursos.post') }}";
        var urlCambio = "{{ route('matricula.ingresantes.alumno.post') }}";
        var datos = {};
    </script>
    <script src="{{asset('js/pages/matricula.ingresantes.index.js')}}" type="text/javascript"></script>
    <script>

        $('#filter-text').on('keyup', function() {
            ATable .search($(this).val()).draw();
            if(this.value != ''){
                $('#filter-text').css('border-color','#0070bb');
            }
            else{
                $('#filter-text').css('border-color','#c2cad8');
            }
        });
    </script>
@endsection