{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: modal.blade.php
------------------------------------------------------
Use: Base modal shell. Every dialog in the project is
     built on this one so overlay, sizing, focus and
     escape handling stay identical everywhere.
=====================================================
--}}

@props([
    'show' => 'false',
    'close' => null,
])

<div
    x-cloak
    x-show="{{ $show }}"
    @if ($close) x-on:keydown.escape.window="{{ $close }}" @endif
    {{-- Top of the stack. Content modals all share `.z-modal`; this one sits
         on `.z-dialog`, an order of magnitude above, so a confirmation raised
         from inside a modal can never be trapped behind it. See app.css. --}}
    class="fixed inset-0 z-dialog flex items-center justify-center p-4"
    role="dialog"
    aria-modal="true"
>
    <div
        x-show="{{ $show }}"
        x-transition.opacity
        class="absolute inset-0 bg-zinc-900/50"
        @if ($close) x-on:click="{{ $close }}" @endif
    ></div>

    <div
        x-show="{{ $show }}"
        x-transition
        class="relative w-full max-w-md rounded-2xl bg-white p-6 shadow-xl"
    >
        {{ $slot }}
    </div>
</div>