@extends('layouts.appdebug')

@section('content')
<div class="">
    <h1>Vérification des Trainings et Sessions</h1>

    @foreach ($trainings->chunk(4) as $trainingChunk)
        <div class="row">
            @foreach ($trainingChunk as $training)
            <div class="col-md-3">
                <div class="card my-4">
                    <div class="card-header">
                        <strong>{{ $training->title }}</strong> (ID: {{ $training->id }})
                    </div>
                    <div class="card-body">
                        <p><strong>Tarif :</strong> {{ $training->price }} €</p>
                        <p><strong>Sessions :</strong></p>
                        <ul>
                            @forelse ($training->sessions as $session)
                            <li>
                                <strong>{{ $session->name }}</strong><br>
                                Du {{ $session->start_date }} au {{ $session->end_date }}<br>
                                Places : {{ $session->seats_available }}<br>
                                Fermée : {{ $session->is_closed ? 'Oui' : 'Non' }}<br>
                                Dates :
                                <ul class="mb-2">
                                    @foreach (json_decode($session->dates ?? '[]', true) as $date)
                                    <li>{{ date('d-m-Y', strtotime($date)) }}</li>
                                    @endforeach
                                </ul>

                                <p><strong>Catégories :</strong>
                                    @foreach ($training->categories as $category)
                                    {{ $category->translations->first()?->name ?? '-' }}{{ !$loop->last ? ', ' : '' }}
                                    @endforeach
                                </p>

                                <p><strong>Images :</strong></p>
                                <div class="d-flex flex-wrap gap-2">
                                    @foreach ($training->images as $img)
                                    <img src="{{ asset('storage/images/trainings/' . $training->id . '/' . $img->image) }}"
                                        alt="Training image"
                                        style="width: 120px; height: auto; border: 1px solid #ccc;">
                                    @endforeach
                                </div>
                            </li>
                            @empty
                            <li>Aucune session associée</li>
                            @endforelse
                        </ul>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    @endforeach
</div>
@endsection