@extends("admin.layout.layout")
@section("styles")
    @php
        $titulo = "Periodos Lectivos";
        $modulo = "Editar Periodo";
        $vista="Nuevo Periodo";
    @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::periodo.insertar")}}" method="post">
                @csrf
                <div class="card-body ">
                   <div class="row">
                       <div class="col-md-3 pb-2">
                           <div class="form-group">
                               <label for="periodo" class="required">Nombre periodo lectivo</label>
                               <input type="text" class="form-control" name="periodo" id="periodo"  placeholder="Primer semestre xxxx" required>
                           </div>
                       </div>
                       <div class="col-md-1 pb-2">
                           <div class="form-group">
                               <label for="numero" class="required">Numero</label>
                               <input type="number" class="form-control" name="numero" id="numero" required placeholder="Ejm: 1">
                           </div>
                       </div>

                       <div class="col-md-1">
                           <div class="form-group">
                               <label for="curso_lectivo_id" class="required">Curso lectivo</label>
                               <select name="curso_lectivo_id" id="curso_lectivo_id" class="form-select">
                                   @foreach($cursos_lectivos as $curso_lectivo)
                                       <option value="{{$curso_lectivo->id}}">{{$curso_lectivo->curso_lectivo}}</option>
                                   @endforeach
                               </select>
                           </div>
                       </div>

                       <div class="col-md-3 pb-2">
                           <div class="form-group">
                               <label for="fecha_inicio" class="required">Fecha inicio</label>
                               <input type="date" class="form-control" name="fecha_inicio" id="fecha_inicio" required>
                           </div>
                       </div>
                       <div class="col-md-3 pb-2">
                           <div class="form-group">
                               <label for="fecha_fin" class="required">Fecha Fin</label>
                               <input type="date" class="form-control" name="fecha_fin" id="fecha_fin" required>
                           </div>
                       </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>
            </form>
        </div>
    </div>
@endsection