@extends('layouts.app')

@section('content')
    <link href="{{ asset('css/tablareporte.css') }}" rel="stylesheet">

    <div class="container">
        <br>
        <h1 class="text-center">Reporte de Asignaturas, Carreras y Libros</h1>
        <br>

        @if ($asignaturas->isEmpty())
            <p class="text-muted">No se encontraron asignaturas.</p>
        @else
            <div class="table-responsive-sm">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Asignatura</th>
                            <th>Carrera</th>
                            <th>Libros Relacionados</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($asignaturas as $asignatura)
                            <tr>
                                <td>{{ $asignatura->nombre_asignatura }}</td>
                                <td>
                                    @if ($asignatura->carrera)
                                        {{ $asignatura->carrera->nombre_carrera }}
                                    @else
                                        <span class="text-muted">Sin carrera relacionada</span>
                                    @endif
                                </td>
                                <td>
                                    @if ($asignatura->libros->count() > 0)
                                        <ul>
                                            @foreach ($asignatura->libros as $libro)
                                                <li>{{ $libro->nombre_libro }}</li>
                                            @endforeach
                                        </ul>
                                    @else
                                        <span class="text-muted">Sin libros relacionados</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
        <div class="d-flex">
            <div class="mx-auto">
                {{ $asignaturas->links('pagination::bootstrap-4') }}
            </div>
        </div>
        <a href="{{ route('libros.index') }}" class="btn btn-primary">
            <i class="fas fa-arrow-left"></i> Volver a Libros
        </a>
    </div>
@endsection