@extends("profesor.layout.layout")
@section("styles")
    @php
        $titulo = "Notas";
        $modulo = "Control Notas curso lectivo ".$parametro->curso_lectivo->curso_lectivo;
        $vista="Escoja un periodo y un modulo para ingresar las notas";
    @endphp
    <title>{{getenv("APP_NAME")}} | {{$titulo}}</title>
    <style>
        .custom-table tbody tr:hover {
            background-color: #6ec2ff; /* Cambia este color al que desees */
            transition: background-color 0.3s ease; /* Agrega transición para suavizar el cambio */
        }
    </style>
@endsection

@section("contenido")
    <div class="row gx-5 gx-xl-10 align-items-stretch">
        <div class="card mb-3">
            <div class="card-body">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="periodo_id">Periodo</label>
                        <select class="form-select" id="periodo_id" name="periodo_id">
                            @foreach($periodos as $periodoItem)
                                <option value="{{$periodoItem->id}}"  @if($periodoItem->id == $periodo->id)  selected @endif >{{$periodoItem->periodo}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
        </div>
        @foreach($modulos as $modulo_linea)
            <div class="col-sm-6 mb-5 mb-xl-10">
                <div class="card card-rounded h-lg-100">
                    <div class="card-body py-5">
                        <h3 class="card-title align-items-start flex-column">
                            <span class="card-label fw-bold text-primary">{{$modulo_linea->modulo->modulo}}</span><br>
                            <span class="text-gray-400 mt-1 fw-semibold fs-6">{{$modulo_linea->matricula->grupo->ciclo->ciclo}} {{$modulo_linea->matricula->grupo->grupo}}</span>
                            <hr>
                            <a  href="{{route("profesor::notas.ingresar",["grupo"=>$modulo_linea->matricula->grupo->id, "modulo"=>$modulo_linea->modulo->id,"periodo"=>$periodo->id])}}" >
                                <button class="btn btn-primary btn-sm my-1"> <i class="fas fa-percentage pe-2"></i>Ingreso notas <b>{{$periodo->periodo}}</b></button>
                            </a>
                        </h3>
                    </div>
                </div>
            </div>
        @endforeach


    </div>
@endsection

@section("scripts")

    <script> window.dataTable = "{{ route('admin::secciones.nivel',":nivel") }}";</script>
    @vite('resources/js/app.js')
    <script>
        $(document).ready(function () {
            $("#periodo_id").on('change', function () {
                var periodo_id = $(this).val();
                window.location.href = "{{route("profesor::notas.misModulos.grupo",["grupo"=>$grupo,"periodo"=>":periodo"])}}".replace(":periodo", periodo_id);
            });
        });
    </script>

@endsection