@if(isset($conference) && $conference->hasFlyer())
<div class="content-card p-4 mb-4">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
        <h5 class="mb-0"><i class="fas fa-image text-success me-2"></i>Conference Flyer</h5>
        <a href="{{ route('user.conferences.flyer.download', $conference) }}" class="btn btn-sm btn-outline-success">
            <i class="fas fa-download me-1"></i> Download
        </a>
    </div>
    <p class="text-muted small mb-3">Share or save the official {{ $conference->short_name ?? $conference->name }} flyer.</p>
    <div class="conference-flyer-preview border rounded bg-light overflow-hidden">
        @if($conference->flyerIsPdf())
            <iframe
                src="{{ route('user.conferences.flyer.show', $conference) }}"
                title="Conference flyer"
                class="conference-flyer-frame w-100"
                style="min-height: 420px; border: 0;"
            ></iframe>
        @else
            <a href="{{ route('user.conferences.flyer.download', $conference) }}" class="d-block">
                <img
                    src="{{ $conference->flyerUrl() }}"
                    alt="{{ $conference->name }} flyer"
                    class="img-fluid w-100"
                    style="max-height: 520px; object-fit: contain;"
                >
            </a>
        @endif
    </div>
</div>
@endif