@extends('layouts.appdebug')

@section('content')
<div class="container py-4">
    <h1 class="mb-4">Contrôle des Intervenants</h1>
    <div class="table-responsive">
        <table class="table table-bordered table-hover align-middle">
            <thead class="table-dark">
                <tr>
                    <th scope="col">ID</th>
                    <th scope="col">Nom</th>
                    <th scope="col">Title</th>
                    <th scope="col">Trainings associés</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($teams as $team)
                <tr>
                    <td>{{ $team->id }}</td>
                    <td>{{ $team->firstname }} {{ $team->lastname }}</td>
                    <td>{{ $team->title }}<br><br>@sanitized($team->bio)</td>
                    <td>
                        @foreach($team->trainings as $training)
                            <div>
                                [#{{ $training->id }}] {{ $training->title ?? '' }}
                            </div>
                        @endforeach
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection