@props([
    'id' => null,
    'class' => null,
    'title' => null,
    'buttonLabel' => null,
    'type' => 'info',
    'size' => null,
    'buttonClass' => null,
    'buttonId' => null,
    'header' => null,
    'footer' => null,
    'headerIcon' => null,
    'options' => [],
])

<div @if ($id) id="{{ $id }}" @endif @class(['modal fade', $class => $class]) tabindex="-1" role="dialog" aria-labelledby="{{ $id }}"
     aria-hidden="true" @if ($options) {!! Html::attributes(array_merge(['data-backdrop' => 'static', 'data-keyboard' => 'false'], $options)) !!} @else data-backdrop="static" data-keyboard="false" @endif>
    <div class="modal-dialog modal-{{ str_replace('modal-', '', $size) }} @if (! $size) @if (strlen($slot) < 120) xs @elseif (strlen($slot) > 1000) lg @endif @endif">
        <div class="modal-content">
            @if($header !== false)
                @if($header)
                    {!! $header !!}
                @else
                    <div class="modal-header bg-{{ $type }}">
                        <h4 class="modal-title">
                            @if ($headerIcon !== false)
                                {!! $headerIcon !!}
                            @else
                                <i class="til_img"></i>
                            @endif
                            @if ($title !== false)
                                <strong>{!! $title !!}</strong>
                            @endif
                        </h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
                    </div>
                @endif
            @endif

            <div class="modal-body with-padding">
                {{ $slot }}
            </div>

            @if ($footer !== false)
                <div class="modal-footer">
                    @if ($footer)
                        {!! $footer !!}
                    @else
                        <button type="button" class="float-start btn btn-{{ $type != 'warning' ? 'warning' : 'info' }}" data-bs-dismiss="modal">{{ trans('core/base::tables.cancel') }}</button>
                        <button type="submit" class="float-end btn btn-{{ $type }} @if ($buttonClass) {{ $buttonClass }} @endif" @if ($buttonId) id="{{ $buttonId }}" @endif>{!! $buttonLabel !!}</button>
                    @endif
                </div>
            @endif
        </div>
    </div>
</div>