{{-- MODAL HALLAZGO --}}
@component('themes.bootstrap.components.modal-large', [
    'id' => 'modal_form_hallazgo', 
    'title' => 'Plan de Acción / Hallazgo',
    'icon'=>'glyphicon glyphicon-th',
    'class'=>'container fade modalFormulario modalForm modal-large',
    'width'=>'85'
    ])
    @slot('body')
        <div id="contenidoModalHallazgo"></div>
    @endslot
    @slot('footer')
    @endslot
@endcomponent
{{-- END MODAL --}}

@component('themes.bootstrap.components.modal-large', [
    'id' => 'modalCausaAccion', 
    'title' => 'Acción',
    'icon'=>'fa fa-undo',
    'class'=>'modalFormulario',
    'width'=>'70',
    ])     
    @slot('body') 
        <div id="contenedor-form-causa-accion"></div>                                
    @endslot
    @slot('footer')
    @endslot
@endcomponent

@component('themes.bootstrap.components.modal-large', [
    'id' => 'modalSeguimientoAccion', 
    'title' => 'Seguimiento',
    'icon'=>'fa fa-undo',
    'class'=>'modalFormulario',
    'width'=>'70',
    ])     
    @slot('body') 
        <div id="contenedor-form-seguimiento-accion"></div>                                
    @endslot
    @slot('footer')
    @endslot
@endcomponent

@component('themes.bootstrap.components.modal-large', [
    'id' => 'modalPreviewAnexo',
    'title' => 'Anexo',
    'icon'=>'fa fa-paperclip',
    'class'=>'modalFormulario',
    'width'=>'60',
    ])
    @slot('body')
        <div id="contenido-preview-anexo" class="text-center"></div>
    @endslot
    @slot('footer')
    @endslot
@endcomponent

@component('themes.bootstrap.components.modal-large', [
    'id' => 'modalMonitoreoOap',
    'title' => 'Monitoreo Línea de Defensa OAP',
    'icon'=>'fa fa-binoculars',
    'class'=>'modalFormulario',
    'width'=>'70',
    ])
    @slot('body')
        <div id="contenedor-form-monitoreo-oap"></div>
    @endslot
    @slot('footer')
    @endslot
@endcomponent

@component('themes.bootstrap.components.modal-large', [
    'id' => 'modalEvaluacionCi',
    'title' => 'Evaluación Control Interno',
    'icon'=>'fa fa-balance-scale',
    'class'=>'modalFormulario',
    'width'=>'70',
    ])
    @slot('body')
        <div id="contenedor-form-evaluacion-ci"></div>
    @endslot
    @slot('footer')
    @endslot
@endcomponent

@component('themes.bootstrap.components.modal-large', [
    'id' => 'modalHistorialMonitoreoOap',
    'title' => 'Monitoreos Línea de Defensa OAP registrados',
    'icon'=>'fa fa-list',
    'class'=>'modalFormulario',
    'width'=>'80',
    ])
    @slot('body')
        <div id="contenedor-historial-monitoreo-oap"></div>
    @endslot
    @slot('footer')
    @endslot
@endcomponent

@component('themes.bootstrap.components.modal-large', [
    'id' => 'modalHistorialEvaluacionCi',
    'title' => 'Evaluaciones Control Interno registradas',
    'icon'=>'fa fa-list',
    'class'=>'modalFormulario',
    'width'=>'80',
    ])
    @slot('body')
        <div id="contenedor-historial-evaluacion-ci"></div>
    @endslot
    @slot('footer')
    @endslot
@endcomponent

@component('themes.bootstrap.components.modal-large', [
    'id' => 'modalNorma',
    'title' => 'Agregar Norma',
    'icon'=>'fa fa-balance-scale',
    'class'=>'modalFormulario',
    'width'=>'50',
    ])
    @slot('body')
        <div id="contenedor-form-norma"></div>
    @endslot
    @slot('footer')
    @endslot
@endcomponent

@component('themes.bootstrap.components.modal-large', [
    'id' => 'modalAgregarObservacion',
    'title' => 'Agregar Observación',
    'icon'=>'fa fa-comment-o',
    'class'=>'modalFormulario',
    'width'=>'50',
    ])
    @slot('body')
        <div id="contenedor-form-observacion"></div>
    @endslot
    @slot('footer')
    @endslot
@endcomponent

@component('themes.bootstrap.components.modal-large', [
    'id' => 'modalVerObservaciones',
    'title' => 'Observaciones registradas',
    'icon'=>'fa fa-list',
    'class'=>'modalFormulario',
    'width'=>'80',
    ])
    @slot('body')
        <div id="contenedor-tabla-observaciones"></div>
    @endslot
    @slot('footer')
    @endslot
@endcomponent

@component('themes.bootstrap.components.modal-large', [
    'id' => 'modalEvidencia',
    'title' => 'Agregar Evidencia',
    'icon'=>'fa fa-link',
    'class'=>'modalFormulario',
    'width'=>'50',
    ])
    @slot('body')
        <div id="contenedor-form-evidencia"></div>
    @endslot
    @slot('footer')
    @endslot
@endcomponent

@component('themes.bootstrap.components.modal-large', [
    'id' => 'modalFormControl',
    'title' => 'Actualización del registro',
    'icon'=>'fa fa-undo',
    'class'=>'modalFormulario modalForm',
    'width'=>'50',
    ])     
    @slot('body') 
        <div id="contenedor-form-control"></div>                                
    @endslot
    @slot('footer')
    @endslot
@endcomponent