@php
    $entityLabel = $missingDataEntityLabel ?? 'programme';
@endphp
<div class="modal fade" id="missingDynamicDataModal" tabindex="-1" aria-labelledby="missingDynamicDataModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="missingDynamicDataModalLabel">
                    <i class="fas fa-info-circle me-2 text-warning"></i>Donnée manquante
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
            </div>
            <div class="modal-body">
                <p class="mb-2">
                    La donnée <strong id="missing-dynamic-data-name">—</strong> n'est pas encore renseignée pour ce {{ $entityLabel }}.
                </p>
                <p class="mb-0">
                    Vous pouvez la compléter depuis la page d'édition du {{ $entityLabel }}.
                </p>
            </div>
            <div class="modal-footer d-flex justify-content-between align-items-center flex-wrap gap-2">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                    Fermer
                </button>
                @if(!empty($missingDataUrl))
                    <a href="{{ $missingDataUrl }}" class="btn btn-primary" target="_blank" rel="noopener">
                        <i class="fas fa-external-link-alt me-1"></i>Ouvrir l'édition du {{ $entityLabel }}
                    </a>
                @endif
            </div>
        </div>
    </div>
</div>