{{--
    Admin Alert Component
    Kullanım:
        <x-admin.alert type="success">İşlem başarılı.</x-admin.alert>
        <x-admin.alert type="danger" :dismissible="true">Hata oluştu.</x-admin.alert>
--}}

@props([
    'type'        => 'info',      {{-- success | warning | danger | info --}}
    'dismissible' => false,
    'autoClose'   => null,        {{-- ms cinsinden otomatik kapama --}}
    'id'          => null,
])

<div
    {{ $id ? "id=$id" : '' }}
    class="alert alert-{{ $type }}"
    role="alert"
    @if($autoClose) data-flash-close="{{ $autoClose }}" @endif
>
    {{ $slot }}

    @if($dismissible)
        <button
            type="button"
            style="margin-left:auto;border:none;background:none;cursor:pointer;color:inherit;font-size:1.1rem;line-height:1;padding:0;"
            onclick="this.closest('.alert').remove()"
            aria-label="Kapat"
        >&times;</button>
    @endif
</div>