@extends('pdf.layout.certificates.certificate_layout')
@section('content')
    <table class="table-border-black" style="width:100%">
        <thead>
            <tr>
                <th rowspan="2" class="table-title table-border-black">CLAVE</th>
                <th style="width: 231.5px" rowspan="2" class="table-title table-border-black">NOMBRE DE LA ASIGNATURA </th>
                <th rowspan="2" class="table-title table-border-black" style="width: 40px">CICLO EN QUE SE CURSÓ</th>
                <th colspan=2 class="table-title table-border-black">CALIFICACIÓN</th>
                <th rowspan="2" class="table-title table-border-black">OBSERVACIONES</th>
            </tr>
            <tr>
                <th class="table-title table-border-black">NÚMERO</th>
                <th class="table-title table-border-black">LETRA</th>
            </tr>
        </thead>

        <tbody>

            @php($count_subjets_index = 0)
            @foreach ($periods as $period => $grades)
                @foreach ($grades as $index_grade => $grade)
                    @php($count_subjets_index++)
                    @if ($index_grade === 0)
                        <tr>
                            <td class="table-td table-border-black-right ">
                            </td>
                            <td class="table-td text-center table-border-black-right ">
                                <h6> {{ $period }}</h6>
                            </td>
                            <td class="table-td table-border-black-right ">
                            </td>
                            <td class="table-td table-border-black-right ">
                            </td>
                            <td class="table-td table-border-black-right ">
                            </td>
                            <td class="table-td table-border-black-right ">
                            </td>
                        </tr>
                    @endif
                    <tr>
                        <td class="table-td text-center table-border-black-right ">
                            {{ $grade->class->cve_subject }}
                        </td>
                        <td class="table-td text-left table-border-black-right ">
                            {{ $grade->class->name }}
                        </td>
                        <td class="table-td text-center table-border-black-right ">
                            {{ $grade->cycle->year }}-{{ $grade->cycle->sub_cycle }}
                        </td>
                        <td class="table-td text-center table-border-black-right ">
                            {{ round($grade->grade, 2) }}
                        </td>
                        <td class="table-td text-center table-border-black-right" style="font-size: 7px">
                            {{ $grade->grade_text }}
                        </td>
                        <td class="table-td text-center table-border-black-right ">
                            {{-- {{ $grade->description }} --}}
                        </td>
                    </tr>
                @endforeach

                @if ($count_subjects === $count_subjets_index)
                    <tr class="border-top-avg ">
                        <td class="table-td table-border-black-right"></td>
                        <td class="table-td table-border-black-right text-bold">
                            Promedio: {{ $average }}
                        </td>
                        <td class="table-td table-border-black-right"></td>
                        <td class="table-td table-border-black-right"></td>
                        <td class="table-td table-border-black-right"></td>
                        <td class="table-td table-border-black-right"></td>
                    </tr>
                    @for ($i = 0; $i <= 50 -$count_subjects ; $i++)
                        <tr>
                            <td class="table-td table-border-black-right text-white">{{ $i }}</td>
                            <td class="table-td table-border-black-right"></td>
                            <td class="table-td table-border-black-right"></td>
                            <td class="table-td table-border-black-right"></td>
                            <td class="table-td table-border-black-right"></td>
                            <td class="table-td table-border-black-right"></td>
                        </tr>
                    @endfor
                @endif
            @endforeach
        </tbody>

        {{-- <div class="page-break"></div> --}}
    </table>
@endsection