{{--
|--------------------------------------------------------------------------
| Extends
|--------------------------------------------------------------------------
|
| Hereda los estilos y srcipts de la de la plantilla original.
| Es la base para todas las páginas que se deseen crear.
|
--}}
@extends('material.layouts.dashboard')

{{--
|--------------------------------------------------------------------------
| Styles
|--------------------------------------------------------------------------
|
| Inyecta CSS requerido ya sea por un JS o para un elemento específico
|
| @push('styles')
|
| @endpush
--}}
@push('styles')
    <link href="{{-- asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css') --}}" rel="stylesheet" type="text/css" />
@endpush




{{--
|--------------------------------------------------------------------------
| Page Title
|--------------------------------------------------------------------------
|
| Inyecta el título a la sección del contenido de página.
| Recibe texto o variables de los controladores
| Sin embargo, también se puede usar de la siguiente forma
|
| @section('page-title', $miVariable)
| @section('page-title', 'Título')
|
|
--}}
@section('page-title', 'Módulo control interno')

{{--
|--------------------------------------------------------------------------
| Page Description
|--------------------------------------------------------------------------
|
| Inyecta una breve descripción a la sección del contenido de página.
| Recibe texto o variables de los controladores o se puede dejar sin datos
| Sin embargo, también se puede usar de la siguiente forma
|
| @section('page-description', $miVariable)
| @section('page-description', 'Título')
--}}



{{--
|--------------------------------------------------------------------------
| Content
|--------------------------------------------------------------------------
|
| Inyecta el contenido HTML que se usará en la página
|
| @section('content')
|
| @endsection
--}}
@section('content')
    <div class="col-md-12">
        {{-- BEGIN HTML SAMPLE --}}

        <div class="page-bar">
            <div class="col-md-12">
             
                <h5 class="caption bold uppercase">
                    <i class="fa fa-check-circle" aria-hidden="true"></i> 
                    Próximos Módulos a implementar
                </h5>
            </div>
        </div>

        <div class="row">
            <div class="col-12 col-md-6">
            @component('themes.bootstrap.components.panelModulo', [
                'title' => 'Módulo SIG',
                'contenido'=>'Este módulo gestionará el proceso de creación, actualización y eliminación de documentos cargados en el Sistema Integrado de Gestión de la entidad, permitiendo conocer la trazabilidad de las acciones sobre los documentos en todo momento. De igual forma contempla la articulación con el módulo de plan estratégico',                 
                'imagen'=>'fa fa-sitemap',             
                'disabled'=>'', 
                'class'=>'panel-dark modulo-pandora'
                ])
            @endcomponent
            </div>

            <div class="col-12 col-md-6">
            @component('themes.bootstrap.components.panelModulo', [
                'title' => 'Módulo de Indicadores',
                'contenido'=>'Este módulo propone unificar la parametrización y seguimiento a indicadores de la entidad en un solo lugar!',                 
                'imagen'=>'fa fa-bar-chart',             
                'disabled'=>'', 
                'class'=>'panel-dark modulo-pandora'
                ])
            @endcomponent
            </div>

        </div> 


        {{-- END HTML SAMPLE --}}
    </div>
@endsection

{{--
|--------------------------------------------------------------------------
| Functions
|--------------------------------------------------------------------------
|
| Inyecta scripts necesarios para usar plugins
| > Tablas
| > Checkboxes
| > Radios
| > Mapas
| > Notificaciones
| > Validaciones de Formularios por JS
| > Entre otros
| @push('functions')
|
| @endpush
--}}

@push('functions')
    <script src="{{-- {{ asset('ruta/del/archivo/js') }} --}}" type="text/javascript"></script>
@endpush

{{--
|--------------------------------------------------------------------------
| Functions
|--------------------------------------------------------------------------
|
| Inyecta scripts para inicializar componentes Javascript como
| > Tablas
| > Checkboxes
| > Radios
| > Mapas
| > Notificaciones
| > Validaciones de Formularios por JS
| > Entre otros
| @push('functions')
|
| @endpush
--}}
@push('functions')
    
        <script>
            @if (session('title'))
                swal({
                    'title': `{{ session('title') }}`,
                    'html': `{{ session('message') }}`, 
                    'type': `{{ session('type') }}`
                })
            @endif
        </script>
    
@endpush