<?php
$periodo = '';
?>
<div class="p-5">
    <center>
        <h3>Estudiantes</h3>
        <br>
        <div class="">
            <div class="col-lg-10 col-md-10 offset-lg-1">
                <table class="table">

                    <tbody>

                        @foreach ($alumnos as $alumno)
                            @if ($alumno->nombre_periodo != $periodo)
                                <th class="text-center" colspan="4"> {{ $periodo = $alumno->nombre_periodo }}
                                </th>
                                <tr>
                                    <th scope="col">Imagen</th>
                                    <th scope="col">Nombre</th>
                                    <th scope="col">Tema de tesis</th>
                                    <th scope="col">Director(a) de tesis
                                    </th>
                                </tr>
                            @endif
                            <tr>

                                <td><img src="img/estudiantes/{{ $alumno->imagen }}" alt="Img. est." class="img-thumbnail" width="80px"></td>
                                <td>{{ ucwords(mb_strtolower( $alumno->nombre . ' ' . $alumno->ap_paterno . ' ' . $alumno->ap_materno ))}}
                                </td>
                                @if (isset($alumno->alumnoTesis->directorTesis))
                                    <td>
                                        {{ $alumno->alumnoTesis->tema }}
                                    </td>
                                    <td>{{ucwords(mb_strtolower( $alumno->alumnoTesis->directorTesis->nombre . ' ' . $alumno->alumnoTesis->directorTesis->apellido_paterno . ' ' . $alumno->alumnoTesis->directorTesis->apellido_materno ))}}
                                    </td>
                                @else
                                    <td> Por asignar</td>
                                    <td> Por asignar</td>
                                @endif

                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </center>
</div>
