@extends('layouts.appdebug')

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

    @foreach ($images->chunk(4) as $imageChunk)
        <div class="row">
            @foreach ($imageChunk as $image)
            <div class="col-md-3">
                <div class="card my-4">
                    <div class="card-header">
                        <strong>{{ $image->training->title }}</strong> (ID: {{ $image->training->id }})
                    </div>
                    <div class="card-body">
                        <img src="{{ asset('storage/images/trainings/' . $image->training->id . '/' . $image->image) }}"
                            alt="Training image" style="width: 100%; height: auto; border: 1px solid #ccc;">
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    @endforeach
</div>

@endsection