{{-- Flash Message Component --}}
@if(session('success'))
<div class="alert alert-success alert-dismissible fade show vt-rounded-lg border-0 shadow-sm" role="alert">
    <div class="d-flex align-items-center">
        <i class="bi bi-check-circle-fill me-2 text-success"></i>
        <span>{{ session('success') }}</span>
    </div>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if(session('error'))
<div class="alert alert-danger alert-dismissible fade show vt-rounded-lg border-0 shadow-sm" role="alert">
    <div class="d-flex align-items-center">
        <i class="bi bi-x-circle-fill me-2 text-danger"></i>
        <span>{{ session('error') }}</span>
    </div>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if(session('warning'))
<div class="alert alert-warning alert-dismissible fade show vt-rounded-lg border-0 shadow-sm" role="alert">
    <div class="d-flex align-items-center">
        <i class="bi bi-exclamation-triangle-fill me-2 text-warning"></i>
        <span>{{ session('warning') }}</span>
    </div>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if(session('info'))
<div class="alert alert-info alert-dismissible fade show vt-rounded-lg border-0 shadow-sm" role="alert">
    <div class="d-flex align-items-center">
        <i class="bi bi-info-circle-fill me-2 text-info"></i>
        <span>{{ session('info') }}</span>
    </div>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if($errors->any())
<div class="alert alert-danger alert-dismissible fade show vt-rounded-lg border-0 shadow-sm" role="alert">
    <div class="d-flex align-items-start">
        <i class="bi bi-x-circle-fill me-2 text-danger mt-1"></i>
        <div>
            <strong>Please fix the following errors:</strong>
            <ul class="mb-0 mt-2 ps-3">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    </div>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif
