{{--
Admin Modal Component
---------------------
A reusable, accessible modal dialog driven by Alpine.js events.
Uses x-teleport to render at level, preventing overflow/table clipping.
Usage:
Modal Title
...
Props:
name - Unique identifier for this modal (required)
maxWidth - sm | md | lg | xl | 2xl (default: md)
--}}
@props(['name', 'maxWidth' => 'md'])
@php
$maxWidthClass = [
'sm' => 'sm:max-w-sm',
'md' => 'sm:max-w-md',
'lg' => 'sm:max-w-lg',
'xl' => 'sm:max-w-xl',
'2xl' => 'sm:max-w-2xl',
][$maxWidth];
@endphp
{{-- Backdrop --}}
{{-- Modal Panel --}}
{{ $slot }}