@php
    $flashMessages = array_filter([
        'success' => session('success'),
        'error' => session('error'),
        'warning' => session('warning'),
        'info' => session('info'),
        'status' => session('status'),
    ]);

    $configuracoes = [
        'success' => [
            'class' => 'ui-alert-success',
            'title' => 'Operação concluída',
        ],
        'error' => [
            'class' => 'ui-alert-error',
            'title' => 'Não foi possível concluir',
        ],
        'warning' => [
            'class' => 'ui-alert-warning',
            'title' => 'Atenção',
        ],
        'info' => [
            'class' => 'ui-alert-info',
            'title' => 'Informação',
        ],
        'status' => [
            'class' => 'ui-alert-success',
            'title' => 'Operação concluída',
        ],
    ];
@endphp

@if ($flashMessages)
    <div
        class="app-page pt-5"
        aria-live="polite"
        aria-atomic="true"
    >
        <div class="space-y-3">
            @foreach ($flashMessages as $tipo => $mensagem)
                @php
                    $id = 'flash-' . $tipo;
                    $configuracao = $configuracoes[$tipo]
                        ?? $configuracoes['info'];
                @endphp

                <div
                    id="{{ $id }}"
                    data-flash-auto-dismiss="6500"
                    class="ui-alert {{ $configuracao['class'] }} transform transition-all duration-200"
                    role="{{ $tipo === 'error' ? 'alert' : 'status' }}"
                >
                    <div class="ui-alert-icon" aria-hidden="true">
                        @if (in_array($tipo, ['success', 'status'], true))
                            <svg
                                class="h-5 w-5"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                            >
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="2"
                                    d="m4.5 12.75 4.5 4.5L19.5 6.75"
                                />
                            </svg>
                        @elseif ($tipo === 'error')
                            <svg
                                class="h-5 w-5"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                            >
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="2"
                                    d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z"
                                />
                            </svg>
                        @elseif ($tipo === 'warning')
                            <svg
                                class="h-5 w-5"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                            >
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="2"
                                    d="M12 9v3.75m9.303 3.376c.866 1.5-.217 3.374-1.948 3.374H4.645c-1.73 0-2.813-1.874-1.948-3.374L10.052 3.38c.865-1.5 3.03-1.5 3.896 0l7.355 12.746ZM12 15.75h.008v.008H12v-.008Z"
                                />
                            </svg>
                        @else
                            <svg
                                class="h-5 w-5"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke="currentColor"
                            >
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    stroke-width="2"
                                    d="M11.25 11.25 12 10.5m0 0 .75-.75M12 10.5v5.25m9-3.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM12 6.75h.008v.008H12V6.75Z"
                                />
                            </svg>
                        @endif
                    </div>

                    <div class="min-w-0 flex-1">
                        <p class="font-bold">
                            {{ $configuracao['title'] }}
                        </p>

                        <div class="mt-0.5 leading-6">
                            {{ $mensagem }}
                        </div>
                    </div>

                    <button
                        type="button"
                        data-dismiss-target="#{{ $id }}"
                        class="ui-alert-close"
                        aria-label="Fechar mensagem"
                    >
                        <svg
                            class="h-4 w-4"
                            fill="none"
                            viewBox="0 0 24 24"
                            stroke="currentColor"
                            aria-hidden="true"
                        >
                            <path
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                stroke-width="2"
                                d="M6 18 18 6M6 6l12 12"
                            />
                        </svg>
                    </button>
                </div>
            @endforeach
        </div>
    </div>
@endif