{{--
    Template para la creación basica de un modal
    Recibe los siguientes parametros:
        -$modalId   : Id con el que se identifica el modal
        -$modalTitle: Id con el que se identifica el titulo del modal.
        -$title     : Titulo que tendra el modal
        -$body      : Contenido principal del modal
        -$footer    : Footer de modal, comunmente vacio o con botones
        -$classDiv  : Clases a aplicar al modal
        -$styleContent: Estilos a aplicar al div que almacena el contenido del modal.
        -$styleHeader:  Estilos a aplicar al div del header
 --}}
<div id="{{ $modalId }}" class="modal"@isset($styleModal)style="{{ $styleModal }}"@endisset>
    <div class="modal-header" style="{{ $styleDivHeader }}">
        <h6 class="modal-header" id="{{ $modalTitle ?? '' }}" @isset($styleHeader)style="{{ $styleHeader }}"@endisset>{{ $title }}</h6>
        {{--
        <button type="button" class="close" style="text-white" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
        </button>
        --}}
    </div>
    <div class="progress hide" id='modal-progress' style="margin:0px;">
      <div class="indeterminate"></div>
    </div>
    <div class="modal-content" @isset($styleContent)style="{{ $styleContent }}"@endisset>
        {!! $body !!}
    </div>
    <div class="modal-footer"@isset($styleFooter)style="{{ $styleFooter }}"@endisset>
        @if(isset($footer))
            {!! $footer !!}
        @endif
    </div>
</div>