<div id="{{ $id }}"
     class="modal @if($animate) fade @endif"
     @if(!$keyboard) data-keyboard="false" @endif
     @if(!$backdrop) data-backdrop="false" @endif
     tabindex="-1" style="display: none;" aria-hidden="true"
>
    <div class="modal-dialog
        @if($size) modal-{{ $size }} @endif
        @if($scrollable) modal-dialog-scrollable @endif
    ">
        <div class="modal-content">
            <div class="modal-header @if($scrollable) pb-3 @endif">
                <h5 class="modal-title">
                    @if($icon) <i class="{{ $icon }}"></i> &nbsp; @endif

                    @if(is_array($title))
                        @if(isset($title['value']) && $title['value'])
                            @if($title['secure'] === false) {!! $title['value'] !!} @else {{ $title['value'] }} @endif
                        @else
                            No Title
                        @endif
                    @else
                        {{ $title }}
                    @endif

                    @if($subtitle)
                        <small class="d-block text-muted">
                            @if(is_array($subtitle))
                                @if(isset($subtitle['value']) && $subtitle['value'])
                                    @if($subtitle['secure'] === false) {!! $subtitle['value'] !!} @else {{ $subtitle['value'] }} @endif
                                @else
                                    No subtitle
                                @endif
                            @else
                                {{ $subtitle }}
                            @endif
                        </small>
                    @endif
                </h5>
                <button type="button" class="close" data-dismiss="modal">×</button>
            </div>
