@if (isset($modalId) && !empty($modalId))
<div class="modal fade" id="{{ $modalId }}" tabindex="-1" role="dialog">
    <div class="modal-dialog {{ $modalSizeClass ?? '' }}" role="document">
        <div class="modal-content">
            @if (isset($modalTitle) && !empty($modalTitle))
            <div class="modal-header">
                <h5 class="modal-title">{{ $modalTitle }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            @endif
            <div class="modal-body {{ $bodyClass ?? 'p-4' }}">
                @if (isset($modalBody) && !empty($modalBody))
                    {!! $modalBody !!}
                @endif
            </div>
            @if (isset($modalFooter) && !empty($modalFooter))
                <div class="modal-footer d-flex align-items-center justify-content-end">
                    @if(isset($showCancelButton) && $showCancelButton)
                        <button type="button" class="btn {{ $cancelButtonColor ?? 'btn-warning float-end' }} me-auto" data-bs-dismiss="modal">
                            {{ $cancelButtonText ??  __('buttons.BtBasicCancel') }}
                        </button>
                    @endif
                    @if(isset($showConfirmButton) && $showConfirmButton)
                        <button type="button" class="btn {{ $confirmButtonColor ?? 'btn-primary' }}" id="{{ $confirmButtonId ?? '' }}" data-bs-dismiss="modal">
                            {{ $confirmButtonText ?? __('buttons.BtBasicConfirm') }}
                        </button>
                    @endif
                </div>
            @endif
        </div>
    </div>
</div>
@endif