@props(['exercise'])

@if ($exercise->cover_image_path || $exercise->execution_gif_path)
    @php($mediaColumn = $exercise->cover_image_path && $exercise->execution_gif_path ? 'col-12 col-md-6' : 'col-12')
    <div class="row g-3 mb-1">
        @if ($exercise->cover_image_path)
            <div class="{{ $mediaColumn }}">
                <figure class="h-100 mb-0">
                    <figcaption class="fw-semibold mb-2">Copertina</figcaption>
                    <img src="{{ Storage::url($exercise->cover_image_path) }}" alt="Copertina di {{ $exercise->name }}" class="img-fluid rounded-4 shadow-sm w-100">
                </figure>
            </div>
        @endif
        @if ($exercise->execution_gif_path)
            <div class="{{ $mediaColumn }}">
                <figure class="h-100 mb-0">
                    <figcaption class="fw-semibold mb-2">Video di esecuzione</figcaption>
                    <img src="{{ Storage::url($exercise->execution_gif_path) }}" alt="Video di esecuzione di {{ $exercise->name }}" class="img-fluid rounded-4 shadow-sm w-100">
                </figure>
            </div>
        @endif
    </div>
@endif