{{-- 
    Reusable modal wrapper matching styles from resources/views/sites/_global_forms/*.
    Example:
    <x-global-form-modal
        modal-id="ModalForm_add"
        type="add"
        form-id="form_add"
        :route-name="$route_address_add"
    >
        [body slot]
        <div>...</div>

        <x-slot name="footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Anuluj</button>
            <button type="submit" class="btn btn-success">Zapisz</button>
        </x-slot>
    </x-global-form-modal>
--}}
@props([
    'modalId',
    'type' => 'info',
    'ariaLabelledby' => 'exampleModalCenterTitle',
    'formId' => null,
    'action' => null,
    'routeName' => null,
    'method' => 'POST',
    'enctype' => null,
    'includeCsrf' => true,
    'panelClass' => null,
    'headerIcon' => null,
    'title' => null,
    'titleClass' => '',
    'width' => null,
    'maxWidth' => null,
    'showClose' => true,
    'showDefaultFooter' => true,
    'footerAlign' => 'center',
    'cancelText' => null,
    'cancelClass' => null,
    'submitText' => null,
    'submitClass' => null,
])

@php
    $themes = [
        'add' => [
            'panelClass' => 'alert-success',
            'headerIcon' => 'fa fa-info-circle',
            'title' => 'Informacja !',
            'width' => 700,
            'cancelText' => 'Anuluj',
            'cancelClass' => 'btn btn-secondary',
            'submitText' => 'Zapisz',
            'submitClass' => 'btn btn-success',
        ],
        'edit' => [
            'panelClass' => 'alert-primary',
            'headerIcon' => 'fa fa-edit',
            'title' => 'Edycja rekordu.',
            'width' => 800,
            'cancelText' => 'Anuluj',
            'cancelClass' => 'btn btn-secondary',
            'submitText' => 'Zapisz',
            'submitClass' => 'btn btn-primary',
        ],
        'delete' => [
            'panelClass' => 'alert-danger',
            'headerIcon' => 'fas fa-exclamation-circle',
            'title' => 'Potwierdz !',
            'width' => 600,
            'cancelText' => 'Anuluj',
            'cancelClass' => 'btn btn-secondary',
            'submitText' => 'Wykonaj',
            'submitClass' => 'btn btn-danger',
        ],
        'status' => [
            'panelClass' => 'alert-warning',
            'headerIcon' => 'fas fa-exclamation-circle',
            'title' => 'Potwierdz !',
            'width' => 600,
            'cancelText' => 'Anuluj',
            'cancelClass' => 'btn btn-secondary',
            'submitText' => 'Zmien status',
            'submitClass' => 'btn btn-warning',
        ],
        'info' => [
            'panelClass' => 'alert-info',
            'headerIcon' => 'fa fa-info-circle',
            'title' => 'Informacja !',
            'width' => 700,
            'cancelText' => 'Zamknij',
            'cancelClass' => 'btn btn-info',
            'submitText' => null,
            'submitClass' => null,
        ],
    ];

    $themeKey = strtolower((string) $type);
    $theme = $themes[$themeKey] ?? $themes['info'];

    $resolvedPanelClass = $panelClass ?? $theme['panelClass'];
    $resolvedHeaderIcon = $headerIcon ?? $theme['headerIcon'];
    $resolvedTitle = $title ?? $theme['title'];
    $resolvedWidth = $width ?? $theme['width'];
    $resolvedCancelText = $cancelText ?? $theme['cancelText'];
    $resolvedCancelClass = $cancelClass ?? $theme['cancelClass'];
    $resolvedSubmitText = $submitText ?? $theme['submitText'];
    $resolvedSubmitClass = $submitClass ?? $theme['submitClass'];

    $resolvedAction = $action;
    if ($resolvedAction === null && $routeName !== null) {
        $resolvedAction = route($routeName);
    }

    $normalizedMethod = strtoupper((string) $method);
    $formMethod = in_array($normalizedMethod, ['GET', 'POST'], true) ? $normalizedMethod : 'POST';
    $spoofMethod = in_array($normalizedMethod, ['PUT', 'PATCH', 'DELETE'], true) ? $normalizedMethod : null;
    $shouldWrapForm = ($formId !== null) || ($resolvedAction !== null);
    $resolvedFormId = $formId ?? ('form_' . $themeKey);

    $normalizeSize = static function ($value) {
        if ($value === null || $value === '') {
            return null;
        }
        return is_numeric($value) ? ((string) $value) . 'px' : (string) $value;
    };

    $panelWidthCss = $normalizeSize($resolvedWidth);
    $dialogMaxWidthCss = $normalizeSize($maxWidth ?? $resolvedWidth);

    $dialogStyle = $dialogMaxWidthCss ? 'max-width: ' . $dialogMaxWidthCss . ';' : null;
    $panelStyle = 'border-radius: 15px; pointer-events: auto;' . ($panelWidthCss ? ' width: ' . $panelWidthCss . ';' : '');

    $footerAlignMap = [
        'start' => 'flex-start',
        'end' => 'flex-end',
        'between' => 'space-between',
        'around' => 'space-around',
        'center' => 'center',
    ];
    $resolvedFooterAlign = $footerAlignMap[$footerAlign] ?? 'center';
@endphp

<div class="modal fade show" id="{{ $modalId }}" tabindex="-1" role="dialog" aria-labelledby="{{ $ariaLabelledby }}" aria-hidden="true">
    <div class="modal-dialog my_modal_alert" role="document" @if($dialogStyle) style="{{ $dialogStyle }}" @endif>
        <div class="{{ $resolvedPanelClass }}" style="{{ $panelStyle }}">
            @if($shouldWrapForm)
                <form id="{{ $resolvedFormId }}" method="{{ strtolower($formMethod) }}" @if($resolvedAction) action="{{ $resolvedAction }}" @endif @if($enctype) enctype="{{ $enctype }}" @endif>
                    @if($includeCsrf && $formMethod !== 'GET')
                        @csrf
                    @endif
                    @if($spoofMethod)
                        @method($spoofMethod)
                    @endif
            @endif

            <div class="modal-header card-header" style="border-radius: 15px 15px 0 0;">
                <div style="margin-right: 1vw;">
                    <i class="{{ $resolvedHeaderIcon }} fa-2x"></i>
                </div>

                @if(isset($header))
                    {{ $header }}
                @else
                    <div class="{{ $titleClass }}">{{ $resolvedTitle }}</div>
                @endif

                @if($showClose)
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                @endif
            </div>

            <div class="modal-body text-lg-center">
                {{ $slot }}
            </div>

            @if(isset($footer))
                <div class="modal-footer" style="justify-content: {{ $resolvedFooterAlign }} !important;">
                    {{ $footer }}
                </div>
            @elseif($showDefaultFooter)
                <div class="modal-footer" style="justify-content: {{ $resolvedFooterAlign }} !important;">
                    <button type="button" class="{{ $resolvedCancelClass }}" data-dismiss="modal">{{ $resolvedCancelText }}</button>

                    @if($shouldWrapForm && $resolvedSubmitText !== null && $resolvedSubmitText !== '')
                        <button type="submit" class="{{ $resolvedSubmitClass }}">{{ $resolvedSubmitText }}</button>
                    @endif
                </div>
            @endif

            @if($shouldWrapForm)
                </form>
            @endif
        </div>
    </div>
</div>