@extends('template.main')

@section('titulo','Editar Grupo '.$grupo->nombre)

@section('cabecera')
    <script>
        $(document).ready(function () {
            $("#modalidad").change(function(){
                var plan = $("#plan").val();
                var modalidad = $("#modalidad").val();
                $.ajax({
                    data: {"modalidad": modalidad},
                    type: "GET",
                    url: "{{ route('alumnos.nivel') }}",

                    beforeSend: function(){
                        $('#carreraElemento').html("<center><img src=\"{{ asset('img/loading.gif') }}\" style=\"max-width: 100px\"></center>");
                    },

                    success: function(response){

                        $('#carreraElemento').html(response);

                    }
                });
                $.ajax({
                    data: {"plan": plan, "tipoEstudio": tipoEstudio},
                    type: "GET",
                    url: "{{ route('alumnos.plan.generacion') }}",

                    beforeSend: function(){
                        $('#salidaGeneracion').html("<center><img src=\"{{ asset('img/loading.gif') }}\" style=\"max-width: 100px\"></center>");
                    },

                    success: function(response){

                        $('#salidaGeneracion').html(response);

                    }
                });

            });
            $("#parciales").change(function(){
                var parciales = $("#parciales").val();
                $.ajax({
                    data: {"parciales": parciales},
                    type: "GET",
                    url: "{{ route('grupos.fechas') }}",

                    beforeSend: function(){
                        $('#fechas').html("<center><img src=\"{{ asset('img/loading.gif') }}\" style=\"max-width: 100px\"></center>");
                    },

                    success: function(response){

                        $('#fechas').html(response);

                    }
                });

            });
        });
    </script>
@endsection

@section('contenido')
    <div class="row" >
        <div class="col-lg-12">
            <div class="col-lg-12">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i> Inicio </a></li>
                        <li class="breadcrumb-item">Grupos</li>
                        <li class="breadcrumb-item active" aria-current="page"><i class="fas fa-user-edit"></i></i> Editar Grupo</li>
                    </ol>
                </nav>
                <hr>
            </div>
            <div class="col-lg-9">
                <h3 class="contexto"> <i class="fas fa-user-edit"></i> Editar Grupo</h3>
            </div>
            <div class="col-lg-12"><strong>* Campos obligatorios</strong></div>
            <div class="col-lg-12">
                <form method="post" action="{{ route('grupos.migrarGrupo', $grupo->idGrupo) }}" autocomplete="off" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-lg-3">
                            <label>Nivel Educativo </label>
                            <select name="tipoCarrera" id="modalidad" class="form-control" disabled>
                                @foreach($modalidadInfo as $modalidadInicial)
                                    @if($modalidadInicial->idnivel == $grupo->idNivelEducativo)
                                        <option value="{{ $modalidadInicial->idnivel }}" selected>{{ $modalidadInicial->tipo }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-3" id="carreraElemento">
                            <label>Carrera</label>
                            <select name="carrera"  id="carrera" class="form-control" disabled>
                                @foreach($carreras as $carrera)
                                    @if($carrera->id == $grupo->idCarrera)
                                        <option value="{{ $carrera->id }}" selected>{{ $carrera->nombre }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-3">
                            <label>Modalidad</label>
                            <select name="modalidad" class="form-control" disabled>
                                @foreach($modalidades as $modalidad)
                                    @if($grupo->idModalidad == $modalidad->idModalidad)
                                        <option value="{{ $modalidad->idModalidad }}" selected>{{ $modalidad->modalidad }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                        <div class="col-lg-3">
                            <label>Cuatrimestre</label>
                            <select name="cuatrimestre" id="cuatrimestre" class="form-control" disabled>
                                    <option value="{{$grupo->cuatrimestre}}" >{{$grupo->cuatrimestre}}</option>
                            </select>
                        </div>
                        <div class="col-lg-3">
                            <label>Nombre del Grupo</label>
                            <input type="text" value="{{ $grupo->nombre }}" onkeyup="javascript:this.value=this.value.toUpperCase();" maxlength="100" name="nombre" class="form-control"  disabled>
                        </div>
                        <div class="col-lg-3">
                            <label>* Migrar a Grupo:</label>
                            <select name="migrar" class="form-control">
                                <option value="">Seleccione un grupo</option>
                                @foreach($grupos as $gr)
                                    @if($grupo->idGrupo != $gr->idGrupo)
                                        <option value="{{ $gr->idGrupo }}">{{ $gr->nombre }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
			
                        <div class="col-lg-12">
                            <br>
                            <button type="submit" class="btn btn-success"><i class="fas fa-save"></i> Guardar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection