@if(session('success') || session('error'))
    <div class="col-12 mb-3">
        @if(session('success'))
            <div id="liveAlert" class="alert alert-dismissible fade show text-white" role="alert"
                 style="background-color: {{ config('colors.lnb_green') }};">
                <strong>Succès !</strong> {{ session('success') }}
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Fermer"></button>
            </div>
        @endif

        @if(session('error'))
            <div id="liveAlert" class="alert alert-danger alert-dismissible fade show text-white" role="alert"
                 style="background-color: #dc3545;">
                <strong>Erreur !</strong> {{ session('error') }}
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="Fermer"></button>
            </div>
        @endif
    </div>
    <div style="height:1px;"></div>

    <script>
        setTimeout(() => {
            const alert = document.getElementById('liveAlert');
            if (alert) {
                const bsAlert = bootstrap.Alert.getOrCreateInstance(alert);
                bsAlert.close();
            }
        }, 10000);
    </script>
@endif