@php
    foreach ([
        'id', 'withoutTabIndex', 'custom_dialog_class', 'slot_header', 'slot', 'is_footer_column', 'slot_footer',
        'hideHeader', 'hideFooter',
    ] as $var_name) {
        ${$var_name} = ${$var_name} ?? null;
    }
@endphp
{{-- Modal --}}
<div class="modal fade modal-theme" id="{{ $id }}" popup_status="default"
    {!! $withoutTabIndex ? '' : 'tabindex="-1"' !!} role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered  modal-dialog-bs4 {{ $custom_dialog_class }}" role="document" style="{{$custom_dialog_style??''}}">
        <div class="modal-content">
            @if(!$hideHeader)
                <div class="modal-header">
                    {{ $slot_header }}
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true" style="font-size: 1.4rem;">&times;</span>
                    </button>
                </div>
            @endif
            <div class="modal-body  {{ $body_class ?? 'text-center' }}">
                {{ $slot_content ?? $slot }}
            </div>
            @if(!$hideFooter)
                <div class="modal-footer {{ $is_footer_column === false ? '' : 'flex-column' }}">
                    {{ $slot_footer }}
                </div>
            @endif
        </div>
    </div>
</div>