@extends("profesor.layout.layout")
@section("styles")
    @php
        $titulo = "Asistencia";
        $modulo = "Control";
        $vista="Escoja Modulo";
    @endphp
    <title>{{getenv("APP_NAME")}} | {{$titulo}}</title>
    <style>
        .custom-table tbody tr:hover {
            background-color: #efe0a4; /* 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="row">
            <div class="col-sm-3 mb-5 mb-xl-10">
                <input type="date" id="fecha" class="form-control" value="{{date($fecha)}}">
            </div>
            <div class="col-sm-3 mb-5 mb-xl-10">
                <button class="btn btn-sm btn-warning" id="btnFecha">Establecer fecha</button>
            </div>
        </div>
        @foreach($modulos as $modulo_linea)
            <div class="col-sm-12 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  {{($modulo_linea->asistencia->count()>0)?"text-success":"text-primary"}}">
                                {{$modulo_linea->modulo->modulo}}
                            </span>
                            <span class="text-info fw-semibold fs-5"><b>{{$modulo_linea->matricula->grupo->grupo}}</b></span><br>
                            <span class="text-muted fs-5">{{$modulo_linea->modulo->asignatura->asignatura}}</span>
                            <hr>
                            <a  href="{{route("profesor::asistencia.pasarLista",["modulo"=>$modulo_linea->modulo_id, "grupo"=>$modulo_linea->matricula->grupo_id, "fecha"=>$fecha])}}" >
                                <button class="btn btn-primary btn-sm"> <i class="fas fa-add pe-2"></i>Pasar nueva lista</button>
                            </a>
                        </h3>
                        @if($modulo_linea->asistencia->count()>0)
                            <div class="align-content-end d-flex centered">
                                <table class="table table-sm custom-table">
                                    <tr>
                                        <th><b>Lecciones</b></th>
                                        <th><b>Fecha</b></th>
                                        <th><b>Sello tiempo</b></th>
                                        <th><b>Editar</b></th>
                                    </tr>
                                    @foreach($modulo_linea->asistencia as $asistencia)
                                        <tr>
                                            <td>{{$asistencia->lecciones}}</td>
                                            <td class="py-3">{{date("d-m-Y",strtotime($asistencia->fecha))}}</td>
                                            <td class="py-3">{{date("d-m-Y H:i",strtotime($asistencia->created_at))}}</td>
                                            <td title="Editar asistencia">
                                                <a href="{{route("profesor::asistencia.editar",["grupo"=>$asistencia->grupo_id,"modulo"=>$asistencia->modulo_id, "fecha"=>$asistencia->fecha,"batch"=>$asistencia->batch])}}" ><i class="fas fa-pencil text-warning"></i></a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </table>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@endsection

@section("scripts")
    @vite('resources/js/app.js')
    <script>
        $(document).ready(function () {
            $(document).on("click", "#btnFecha", function() {
                let fecha = $("#fecha").val();
                $(this).attr("disabled",true)
                let url="{{route("profesor::modulos.grupo",["grupo"=>$grupo,"fecha"=>":fecha"])}}".replace(":fecha",fecha);
                window.location.href = url;
            });

        });
    </script>

@endsection