<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 }} mr-2"></i> &nbsp; @endif
                    {{ $title }}
                </h5>
                <button type="button" class="close" data-dismiss="modal">×</button>
            </div>