@extends("profesor.layout.layout")
@section("styles")
    @php
        $titulo = "Asistencia";
        $modulo = "Control";
        $vista="Escoja Materia";
    @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($materias as $materia)
            <div class="col-sm-4 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  {{($materia->asistencia->count()>0)?"text-success":"text-primary"}}">
                                {{$materia->materia->materia}}
                            </span>
                            <span class="text-info fw-semibold fs-5"><b>{{$materia->matricula->seccion->seccion}}</b></span>
                            <hr>
                            <a  href="{{route("profesor::asistencia.pasarLista",["materia"=>$materia->materia_id, "seccion"=>$materia->matricula->seccion_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($materia->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($materia->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",["seccion"=>$asistencia->seccion_id,"materia"=>$asistencia->materia_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

        @foreach($grupos as $grupo)
            <div class="col-sm-4 mb-5 mb-xl-10">
                <div class="card card-rounded h-lg-100">
                    <div class="card-body py-5">
                        @php
                            $periodo_activo=$parametro->periodo;
                            $profesor_asignado_1=$grupo->profesor_asignado_id_1;
                            $profesor_asignado_2=$grupo->profesor_asignado_id_2;
                            $grupo_permitido=false;
                            //si el periodo activo es 1 revisar si el profesor logueado es el profesor asignado 1
                            if($periodo_activo->numero==1){
                                if($profesor_asignado_1==Auth::guard("profesor")->user()->id){
                                    $grupo_permitido=true;
                                }else{
                                    $grupo_permitido=false;
                                }
                            }
                            //si el periodo activo es 2 revisar si el profesor logueado es el profesor asignado 2
                            if($periodo_activo->numero==2){
                                if($profesor_asignado_2==Auth::guard("profesor")->user()->id){
                                    $grupo_permitido=true;
                                }else{
                                    $grupo_permitido=false;
                                }
                            }
                        @endphp
                        @if($grupo_permitido)
                            <h3 class="card-title align-items-start flex-column">
                            <span class="card-label fw-bold  {{($grupo->asistencia->count()>0)?"text-success":"text-primary"}}">
                                {{$grupo->materia->materia}}
                            </span>
                                <span class="text-info fw-semibold fs-5"><b>{{$grupo->seccion->seccion}}</b> <span class="badge badge-info">Grupo</span></span>
                                <hr>
                                <a  href="{{route("profesor::asistencia.pasarLista",["materia"=>$grupo->materia_id, "seccion"=>$grupo->seccion_id, "fecha"=>$fecha, "grupo"=>$grupo->id])}}" >
                                    <button class="btn btn-primary btn-sm"> <i class="fas fa-add pe-2" data-profesor_1="{{$grupo->profesor_asignado_id_1}}" data-profesor_2="{{$grupo->profesor_asignado_id_2}}"></i>Pasar nueva lista {{$grupo->grupo}}</button>
                                </a>
                            </h3>
                        @else
                            <h3 class="card-title align-items-start flex-column">
                            <span class="card-label fw-bold  {{($grupo->asistencia->count()>0)?"text-success":"text-primary"}}">
                                {{$grupo->materia->materia}}
                            </span>
                                <span class="text-info fw-semibold fs-5"><b>{{$grupo->seccion->seccion}}</b> <span class="badge badge-info">Grupo</span></span>
                                <hr>
                                <small style="font-size: 12px" class="text-danger">Grupo asignado pero no en el periodo activo</small>

                            </h3>
                        @endif
                        @if($grupo->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($grupo->asistencia as $asistenciaGrupo)
                                        <tr>
                                            <td>{{$asistenciaGrupo->lecciones}}</td>
                                            <td class="py-3">{{date("d-m-Y",strtotime($asistenciaGrupo->fecha))}}</td>
                                            <td class="py-3">{{date("d-m-Y H:i",strtotime($asistenciaGrupo->created_at))}}</td>
                                            <td title="Editar asistencia">
                                                <a href="{{route("profesor::asistencia.editar",["seccion"=>$asistenciaGrupo->seccion_id,"materia"=>$asistenciaGrupo->materia_id, "fecha"=>$asistenciaGrupo->fecha,"batch"=>$asistenciaGrupo->batch, "grupo"=>$grupo->id])}}" ><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::materias.seccion",["seccion"=>$seccion,"fecha"=>":fecha"])}}".replace(":fecha",fecha);
                window.location.href = url;
            });

        });
    </script>

@endsection