@extends("admin.layout.layout")
@section("styles")
    @php
        $titulo = "Secciones";
         $modulo = "Secciones";
         $vista="Nueva sección";
    @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::seccion.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="seccion" class="required">Sección</label>
                                <input type="text" class="form-control " name="seccion" id="seccion" required>
                            </div>
                        </div>
                        <div class="col-2 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>
                                    @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">Nivel</label>
                                <select class="form-select" name="nivel_id" id="nivel_id" required>
                                   @foreach($niveles as $nivel)
                                        <option value="{{$nivel->id}}">{{$nivel->nivel}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-2 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>
                    <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