@extends('layouts.master')
@section('title') Inicio @endsection
@section('content')
@component('components.breadcrumb')
@slot('li_1') Inicio @endslot
@slot('li_2') Panel Academico @endslot
@slot('title') Ver Horario de Docente @endslot
@endcomponent

<div class="row">
    <div class="col-12">
        <div class="card">
            
            <div class="card-body mb-n3">

            

                @if ($horarios->isEmpty())
                <div class="alert alert-info shadow-sm">
                    <i class="fas fa-info-circle me-1"></i> No hay bloques de horarios registrados para ti en el periodo académico actual.
                </div>
                @else
                <div class="table-responsive">
                    <table class="table table-bordered table-striped text-center align-middle">
                        <thead class="table-light">
                            <tr>
                                <th style="width: 140px;">Hora</th>
                                @foreach (['Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'] as $dia)
                                <th>{{ $dia }}</th>
                                @endforeach
                            </tr>
                        </thead>
                        <tbody>
                            @php
                            $bloques = [];
                            foreach ($horarios as $horario) {
                            $inicio = \Carbon\Carbon::createFromTimeString($horario->hora_inicio);
                            $fin = \Carbon\Carbon::createFromTimeString($horario->hora_fin);

                            while ($inicio < $fin) {
                                $slot_inicio=$inicio->format('H:i');
                                $slot_fin = $inicio->copy()->addMinutes(45)->format('H:i');

                                // Manejo dinámico seguro de número de aula o nombre relacional
                                $aulaNombre = $horario->numero_aula ?? ($horario->aula?->nombre ?? 'N/A');

                                // 📥 MODIFICADO: Agregamos el 'turno' a los metadatos mapeados por bloque
                                $bloques[$slot_inicio][$horario->dia] = [
                                'curso' => $horario->curso->nombre ?? '',
                                'aula' => $aulaNombre,
                                'seccion' => $horario->seccion->nombre ?? '',
                                'turno' => $horario->turno->nombre ?? '',
                                ];

                                $inicio->addMinutes(45);
                                }
                                }

                                ksort($bloques);
                                @endphp

                                @foreach ($bloques as $hora => $dias)
                                @php
                                $fin_hora = \Carbon\Carbon::createFromTimeString($hora)->addMinutes(45)->format('H:i');
                                @endphp
                                <tr>
                                    <td class="fw-semibold table-light">{{ $hora }} - {{ $fin_hora }}</td>
                                    @foreach (['Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'] as $dia)
                                    <td>
                                        @if (isset($dias[$dia]))
                                        <div class="p-1">
                                            <span class="text-primary fw-bold d-block mb-1">{{ $dias[$dia]['curso'] }}</span>
                                            <small class="text-muted d-block">
                                                <i class="fas fa-door-open me-1"></i>Aula: {{ $dias[$dia]['aula'] }}
                                            </small>
                                            <small class="text-muted d-block">
                                                <i class="fas fa-layer-group me-1"></i>Sec: {{ $dias[$dia]['seccion'] }}
                                                <span class="badge bg-soft-secondary font-11 ms-1">{{ $dias[$dia]['turno'] }}</span>
                                            </small>
                                        </div>
                                        @else
                                        <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                    @endforeach
                                </tr>
                                @endforeach
                        </tbody>
                    </table>
                </div>
                @endif

            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endsection