@extends("admin.layout.layout")
@section("styles")
    @php
        $titulo = "Grupos";
         $modulo = "Grupos";
         $vista="Nuevo grupo";
    @endphp
    <title>{{getenv("APP_NAME")}} | {{$titulo}}</title>
@endsection

@section("contenido")
    <!--begin::Row-->
    <div class="row gx-5 gx-xl-10">
        <div class="card">
            <form action="{{route("admin::grupo.insertar")}}" method="post">
                @csrf
                <div class="card-body ">
                    <div class="row pb-2">
                        <div class="col-3 pb-2">
                            <div class="form-group">
                                <label for="grupo" class="required">Grupo</label>
                                <input type="text" class="form-control " name="grupo" id="grupo" required>
                            </div>
                        </div>
                        <div class="col-2 pb-2">
                            <div class="form-group">
                                <label for="ciclo_id" class="required">Ciclo</label>
                                <select class="form-select" name="ciclo_id" id="ciclo_id" required>
                                    <option value="">-</option>
                                    @foreach($ciclos as $ciclo)
                                        <option value="{{$ciclo->id}}">{{$ciclo->ciclo}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-2 pb-2">
                            <div class="form-group">
                                <label for="nivel_id" class="required">Satélite</label>
                                <select class="form-select" name="satelite_id" id="satelite_id" required>
                                    <option value="">-</option>
                                    @foreach($satelites as $satelite)
                                        <option value="{{$satelite->id}}">{{$satelite->satelite}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-1 pb-2">
                            <div class="form-group">
                                <label for="nivel_id" class="required">Curso lectivo</label>
                                <select class="form-select" name="curso_lectivo_id" id="curso_lectivo_id" required>
                                    <option value="">-</option>
                                    @foreach($cursos_lectivos as $curso_lectivo)
                                        <option value="{{$curso_lectivo->id}}">{{$curso_lectivo->curso_lectivo}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-2 pb-2">
                            <div class="form-group">
                                <label for="nivel_id" class="required">Periodo</label>
                                <select class="form-select" name="periodo_id" id="periodo_id" required>
                                </select>
                            </div>
                        </div>

                        <div class="col-1 pb-2">
                            <div class="form-group">
                                <label for="cupo" class="required">Cupo</label>
                                <input type="number" class="form-control " name="cupo" id="cupo"  value="30" required>
                            </div>
                        </div>

                        <div class="col-4 pb-2">
                            <div class="form-group">
                                <label for="profesor_guia_id">Profesor guía</label>
                                <select class="form-select" name="profesor_guia_id" id="profesor_guia_id" >
                                    <option value="">-</option>
                                    @foreach($profesores as $profesor)
                                        <option value="{{$profesor->id}}">{{$profesor->nombre_completo}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                    </div>
                    <div class="card-footer">
                        <div class="col-md-12 text-center">
                            <button class="btn btn-sm btn-success" type="submit">
                                <i class="fas fa-save pe-2"></i> Guardar
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section("scripts")
    <script> window.url_get_periodos = "{{ route('admin::periodo.get.cursolectivo',":cursoLectivo") }}";</script>
    @vite('resources/js/global/getPeriodos.js')

@endsection