@props([
    'toasts' => [],
    'labels' => [],
])

@php
    $toastLabels = array_merge([
        'success' => __('kview-ui-core::ui.toast.success'),
        'error' => __('kview-ui-core::ui.toast.error'),
        'warning' => __('kview-ui-core::ui.toast.warning'),
        'info' => __('kview-ui-core::ui.toast.info'),
        'dismiss' => __('kview-ui-core::ui.toast.dismiss'),
        'working' => __('kview-ui-core::ui.toast.working'),
        'pleaseWait' => __('kview-ui-core::ui.toast.please_wait'),
        'complete' => __('kview-ui-core::ui.toast.complete'),
        'completedMessage' => __('kview-ui-core::ui.toast.completed_message'),
        'failed' => __('kview-ui-core::ui.toast.failed'),
        'failedMessage' => __('kview-ui-core::ui.toast.failed_message'),
    ], $labels);
    $normalizedToasts = collect($toasts)
        ->filter(fn ($toast) => filled($toast['message'] ?? null) || filled($toast['title'] ?? null))
        ->map(function ($toast) {
            $type = $toast['type'] ?? 'info';

            return [
                'type' => in_array($type, ['success', 'error', 'warning', 'info'], true) ? $type : 'info',
                'title' => $toast['title'] ?? null,
                'message' => $toast['message'] ?? null,
                'duration' => $toast['duration'] ?? 5200,
            ];
        });
@endphp

<div
    class="ui-toast-viewport"
    data-ui-toast-viewport
    data-ui-toast-labels="{{ json_encode($toastLabels, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) }}"
    aria-live="polite"
    aria-atomic="false"
>
    @foreach ($normalizedToasts as $toast)
        <x-ui.toast
            :type="$toast['type']"
            :title="$toast['title']"
            :message="$toast['message']"
            :duration="$toast['duration']"
            style="--toast-index: {{ $loop->index }}"
        />
    @endforeach
</div>