@extends('adminlte::page')

@section('content_header')
    <h1><b>Detalle de calificaciones Gestión: {{ $asignacion->gestion->nombre }}</b></h1>
    <hr>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-outline card-primary">
                <div class="card-header">
                    <h3 class="card-title">Calificaciones registradas</h3>
                </div>
                <div class="card-body">
                    <table id="example1" class="table table-bordered table-striped table-sm">
                        <thead>
                            <tr style="background-color: #b6ccf0; text-align: center;">
                                <th>Nro</th>
                                <th>Docente</th>
                                <th>Materia</th>
                                @foreach ($calificacionesPorPeriodo as $periodoData)
                                    <th colspan="{{ count($periodoData['calificaciones']) + 1 }}"
                                        style="text-align: center; background-color: 
                                        {{ $loop->index == 0 ? '#FFD700' : ($loop->index == 1 ? '#97CEFA' : ($loop->index == 2 ? '#98FB98' : '#DDA0DD')) }};">
                                        {{ $periodoData['periodo']->nombre }}
                                    </th>
                                @endforeach
                                <th style="text-align: center">Promedio Final</th>
                                <th>Estado</th>
                            </tr>
                            <tr style="background-color: #b6ccf0; text-align: center;">
                                <th></th>
                                <th></th>
                                <th></th>
                                @foreach ($calificacionesPorPeriodo as $periodoData)
                                    @foreach ($periodoData['calificaciones'] as $calificacion)
                                        <th style="text-align: center; background-color: 
                                            {{ $loop->index == 0 ? '#FFD700' : ($loop->index == 1 ? '#97CEFA' : ($loop->index == 2 ? '#98FB98' : '#DDA0DD')) }};">
                                            {{ $calificacion->tipo }}<br><small>{{ $calificacion->fecha }}</small>
                                        </th>
                                    @endforeach
                                    <th style="text-align: center">Nota Final</th>
                                @endforeach
                                <th></th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $nro = 1; @endphp
                            @foreach ($matriculados as $matriculado)
                                @php
                                    $est = $matriculado->estudiante;
                                    $notaFinales = [];
                                    $tieneNota = false;

                                    foreach ($calificacionesPorPeriodo as $periodoData) {
                                        foreach ($periodoData['calificaciones'] as $calificacion) {
                                            $detalle = $calificacion->detalleCalificaciones->where('estudiante_id', $est->id)->first();
                                            if ($detalle && is_numeric($detalle->nota)) {
                                                $tieneNota = true;
                                                break 2;
                                            }
                                        }
                                    }
                                @endphp

                                @if ($tieneNota)
                                    <tr>
                                        <td>{{ $nro++ }}</td>
                                        <td style="text-align: center;">
                                            {{ $docente ? $docente->apellidos . ' ' . $docente->nombres : 'Sin docente asignado' }}
                                        </td>
                                        <td style="text-align: center;">
                                            {{ $asignacion->materia->nombre }}
                                        </td>

                                        @foreach ($calificacionesPorPeriodo as $periodoData)
                                            @php $notasCorte = []; @endphp
                                            @foreach ($periodoData['calificaciones'] as $calificacion)
                                                @php
                                                    $detalle = $calificacion->detalleCalificaciones->where('estudiante_id', $est->id)->first();
                                                    $nota = $detalle ? $detalle->nota : '-';
                                                    if (is_numeric($nota)) {
                                                        $notasCorte[] = floatval($nota);
                                                    }
                                                @endphp
                                                <td style="text-align: center;">{{ $nota }}</td>
                                            @endforeach
                                            @php
                                                $sumaCorte = count($notasCorte) > 0 ? array_sum($notasCorte) : '-';
                                                if (is_numeric($sumaCorte)) {
                                                    $notaFinales[] = $sumaCorte;
                                                }
                                            @endphp
                                            <td class="{{ is_numeric($sumaCorte) && $sumaCorte < 60 ? 'text-rojo' : '' }}"
                                            style="text-align: center;">
                                            {{ is_numeric($sumaCorte) ? number_format($sumaCorte, 2) : $sumaCorte }}
                                        </td>
                                        @endforeach

                                        @php
                                            $promedioFinal = count($notaFinales) > 0 ? array_sum($notaFinales) / count($notaFinales) : '-';
                                            $estado = is_numeric($promedioFinal) && $promedioFinal >= 60 ? 'Aprobado' : 'Reprobado';
                                        @endphp
                                        <td class="{{ is_numeric($promedioFinal) && $promedioFinal < 60 ? 'text-rojo' : '' }}"
                                        style="text-align: center;">
                                        {{ is_numeric($promedioFinal) ? number_format($promedioFinal, 2) . '%' : $promedioFinal }}
                                    </td>
                                        <td style="text-align: center;">
                                            <span class="badge {{ $estado == 'Aprobado' ? 'bg-success' : 'bg-danger' }}"
                                                style="font-size: 13px;">
                                                {{ $estado }}
                                            </span>
                                        </td>
                                    </tr>
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <style>
        #example1_wrapper .dt-buttons {
            background-color: transparent;
            box-shadow: none;
            border: none;
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-bottom: 15px;
        }

        #example1_wrapper .btn {
            color: #fff;
            border-radius: 4px;
            padding: 5px 15px;
            font-size: 14px;
        }

        .btn-danger {
            background-color: #dc3545;
            border: none;
        }

        .btn-success {
            background-color: #28a745;
            border: none;
        }

        .btn-info {
            background-color: #17a2b8;
            border: none;
        }

        .btn-warning {
            background-color: #ffc107;
            border: none;
        }

        .btn-default {
            background-color: #6e7176;
            border: none;
        }
    </style>
    <style>
        .text-rojo {
            color: red;
            font-weight: bold;
        }

        /* ... tu otro CSS ... */
    </style>
@stop

@section('js')
    <script>
        $(function () {
            var table = $('#example1').DataTable({
                "pageLength": 25,
                "language": {
                    "emptyTable": "No hay información",
                    "info": "Mostrando _START_ a _END_ de _TOTAL_ Asignaciones",
                    "infoEmpty": "Mostrando 0 a 0 de 0 Asignaciones",
                    "infoFiltered": "(filtrado de _MAX_ total Asignaciones)",
                    "lengthMenu": "Mostrar _MENU_ Asignaciones",
                    "loadingRecords": "Cargando...",
                    "processing": "Procesando...",
                    "search": "Buscar:",
                    "zeroRecords": "No se encontraron resultados",
                    "paginate": {
                        "first": "Primero",
                        "last": "Último",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
                },
                "responsive": true,
                "lengthChange": true,
                "autoWidth": false,
                buttons: [
                    {
                        text: '<i class="fas fa-copy"></i> COPIAR',
                        extend: 'copy',
                        className: 'btn btn-default'
                    },
                    {
                        text: '<i class="fas fa-file-pdf"></i> PDF',
                        extend: 'pdf',
                        className: 'btn btn-danger',
                        customize: function(doc) {
                            doc.pageOrientation = 'landscape';
                            doc.pageSize = 'A4';
                            var colCount = doc.content[1].table.body[0].length;
                            let widths = [];
                            for (let i = 0; i < colCount; i++) {
                                widths.push(i === 0 ? 18 : '*');
                            }
                            doc.content[1].table.widths = widths;
                            doc.styles.tableHeader.fontSize = 7;
                            doc.defaultStyle.fontSize = 6;
                            doc.pageMargins = [1, 1, 1, 1];
                        }
                    },
                    {
                        text: '<i class="fas fa-file-csv"></i> CSV',
                        extend: 'csv',
                        className: 'btn btn-info'
                    },
                    {
                        text: '<i class="fas fa-file-excel"></i> EXCEL',
                        extend: 'excel',
                        className: 'btn btn-success'
                    },
                    {
                        text: '<i class="fas fa-print"></i> IMPRIMIR',
                        extend: 'print',
                        className: 'btn btn-warning'
                    }
                ]
            }).buttons().container().appendTo('#example1_wrapper .row:eq(0)');
        });
    </script>
    @include('footer')
@stop