@php
    use App\Modulos\Estado\Estado;
@endphp

@extends('material.layouts.dashboard')
@push('styles')

<!-- Modal Styles -->
    <link href="{{ asset('assets/global/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/bootstrap-modal/css/bootstrap-modal.css') }}" rel="stylesheet" type="text/css" />

    <link href="{{ asset('assets/pages/css/blog.min.css') }}" rel="stylesheet" type="text/css" />
    <!-- Select picker -->
    <link href="{{ asset('assets/global/plugins/bootstrap-select/css/bootstrap-select.min.css') }}" rel="stylesheet" type="text/css" />

    <!-- Radio Styae -->
    <link href="{{ asset('assets/global/plugins/icheck/skins/all.css') }}" rel="stylesheet" type="text/css" />

    <!-- Datatables Styles -->
    <link href="{{ asset('bower_components/datatables.net-responsive-bs/css/responsive.bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('bower_components/datatables.net-bs/css/dataTables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('bower_components/datatables.net-buttons-dt/css/buttons.dataTables.min.css') }}" rel="stylesheet" type="text/css"> 

    <!-- DatePicker -->
    <link href="{{ asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}" rel="stylesheet"> 

@endpush
@section('content')
    <div class="col-md-12" id="main" data-url="{{URL::to('/')}}">
        @component('themes.bootstrap.components.portlet', ['icon' => 'fa fa-trophy', 'title' => 'Consulta General de Hallazgos', 'color' => 'font-blue-madison'])
            {{ Form::open(['role' => 'form','id' => 'form-generar-excel-hallazgos', 'class'=> 'm-portlet', 'method' => 'POST' , 'url' => route('hallazgo.generarReporteExcel') ]) }}                  
                <div class="row">
                    <div class="col-xs-12 col-md-4">
                        <div class="form-group form-md-line-input has-info">
                            {!!Form::select('i_fk_id_tipo_accion[]', $tiposAcciones, null,[
                                'class'=>'selectpicker form-control select-reporte',
                                'data-live-search'=>'true',
                                'id'=>'i_fk_id_tipo_accion',
                                'title'=>'Seleccione el tipo de acción',
                                'data-size'=>'5',
                                'required'=>'required',
                                'multiple'=>'multiple',
                                'data-deselect-all-text'=>'Ninguno',
                                'data-select-all-text'=>'Todos',
                                'data-actions-box'=>'true'
                            ])!!}
                            <label for="i_fk_id_tipo_accion">Tipo de Acción (*)</label>
                            <span class="help-block"></span>  
                        </div>                          
                    </div>  
                    <div class="col-xs-12 col-md-4">
                        <div class="form-group form-md-line-input has-info">
                            {!!Form::select('i_fk_id_proceso[]', $procesos, null,[
                                'class'=>'selectpicker form-control select-reporte ',
                                'data-live-search'=>'true',
                                'id'=>'i_fk_id_proceso',
                                'title'=>'Seleccione el proceso',
                                'data-size'=>'5',
                                'required'=>'required',
                                'multiple'=>'multiple',
                                'data-deselect-all-text'=>'Ninguno',
                                'data-select-all-text'=>'Todos',
                                'data-actions-box'=>'true'
                            ])!!}
                            <label for="i_fk_id_proceso">Proceso (*)</label>
                            <span class="help-block"></span>
                        </div>                         
                    </div>
                    <div class="col-xs-12 col-md-4">
                        <div class="form-group form-md-line-input has-info">
                            {!!Form::select('y_anio[]', $vigencias, null,[
                                'class'=>'selectpicker form-control select-reporte ',
                                'data-live-search'=>'true',
                                'id'=>'y_anio',
                                'title'=>'Seleccione la vigencia',
                                'data-size'=>'5',
                                'required'=>'required',
                                'multiple'=>'multiple',
                                'data-deselect-all-text'=>'Ninguno',
                                'data-select-all-text'=>'Todos',
                                'data-actions-box'=>'true'
                            ])!!}
                            <label for="y_anio">Año (*)</label>
                            <span class="help-block"></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-md-4">
                        <div class="form-group form-md-line-input has-info">
                            {!!Form::select('i_fk_id_origen[]', $origenes, null,[
                                'class'=>'selectpicker form-control select-reporte',
                                'data-live-search'=>'true',
                                'id'=>'i_fk_id_origen_filtro',
                                'title'=>'Seleccione el orígen',
                                'data-size'=>'5',
                                'multiple'=>'multiple',
                                'data-deselect-all-text'=>'Ninguno',
                                'data-select-all-text'=>'Todos',
                                'data-actions-box'=>'true'
                            ])!!}
                            <label for="i_fk_id_origen_filtro">Origen</label>
                            <span class="help-block"></span>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-4">
                        <div class="form-group form-md-line-input has-info">
                            {!!Form::select('vc_areas[]', $areas, null,[
                                'class'=>'selectpicker form-control select-reporte',
                                'data-live-search'=>'true',
                                'id'=>'vc_areas_filtro',
                                'title'=>'Seleccione las áreas',
                                'data-size'=>'5',
                                'multiple'=>'multiple',
                                'data-deselect-all-text'=>'Ninguno',
                                'data-select-all-text'=>'Todos',
                                'data-actions-box'=>'true'
                            ])!!}
                            <label for="vc_areas_filtro">Áreas Involucradas</label>
                            <span class="help-block"></span>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-4">
                        <div class="form-group form-md-line-input has-info">
                            {!!Form::select('i_fk_id_lider_proceso[]', [], null,[
                                'class'=>'selectpicker form-control select-reporte',
                                'data-live-search'=>'true',
                                'id'=>'i_fk_id_lider_proceso_filtro',
                                'title'=>'Seleccione primero las áreas',
                                'data-size'=>'5',
                                'multiple'=>'multiple',
                                'data-deselect-all-text'=>'Ninguno',
                                'data-select-all-text'=>'Todos',
                                'data-actions-box'=>'true'
                            ])!!}
                            <label for="i_fk_id_lider_proceso_filtro">Responsable del Proceso</label>
                            <span class="help-block"></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-md-4">
                        <div class="form-group form-md-line-input has-info">
                            {!!Form::select('i_fk_id_lider_implementador[]', $lideresImplementadores, null,[
                                'class'=>'selectpicker form-control select-reporte',
                                'data-live-search'=>'true',
                                'id'=>'i_fk_id_lider_implementador_filtro',
                                'title'=>'Seleccione el líder implementador',
                                'data-size'=>'5',
                                'multiple'=>'multiple',
                                'data-deselect-all-text'=>'Ninguno',
                                'data-select-all-text'=>'Todos',
                                'data-actions-box'=>'true'
                            ])!!}
                            <label for="i_fk_id_lider_implementador_filtro">Líder Implementador</label>
                            <span class="help-block"></span>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-4">
                        <div class="form-group form-md-line-input has-info">
                            {!!Form::select('i_fk_id_usuario_asignado[]', $responsablesActividad, null,[
                                'class'=>'selectpicker form-control select-reporte',
                                'data-live-search'=>'true',
                                'id'=>'i_fk_id_usuario_asignado_filtro',
                                'title'=>'Seleccione el responsable de actividad',
                                'data-size'=>'5',
                                'multiple'=>'multiple',
                                'data-deselect-all-text'=>'Ninguno',
                                'data-select-all-text'=>'Todos',
                                'data-actions-box'=>'true'
                            ])!!}
                            <label for="i_fk_id_usuario_asignado_filtro">Responsable de Actividad</label>
                            <span class="help-block"></span>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-4">
                        <div class="form-group form-md-line-input has-info">
                            {!!Form::select('i_orden_estado[]', $estados, null,[
                                'class'=>'selectpicker form-control select-reporte',
                                'data-live-search'=>'true',
                                'id'=>'i_orden_estado_filtro',
                                'title'=>'Seleccione el estado',
                                'data-size'=>'5',
                                'multiple'=>'multiple',
                                'data-deselect-all-text'=>'Ninguno',
                                'data-select-all-text'=>'Todos',
                                'data-actions-box'=>'true'
                            ])!!}
                            <label for="i_orden_estado_filtro">Estado</label>
                            <span class="help-block"></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-md-6">
                        <div class="form-group form-md-line-input has-info">
                            {!!Form::select('s_revisado_oap', ['1'=>'Sí','0'=>'No'], null,[
                                'class'=>'selectpicker form-control select-reporte',
                                'id'=>'s_revisado_oap_filtro',
                                'title'=>'Seleccione una opción',
                                'data-size'=>'5'
                            ])!!}
                            <label for="s_revisado_oap_filtro">Revisados Línea de Defensa OAP</label>
                            <span class="help-block"></span>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-6">
                        <div class="form-group form-md-line-input has-info">
                            {!!Form::select('s_revisado_ci', ['1'=>'Sí','0'=>'No'], null,[
                                'class'=>'selectpicker form-control select-reporte',
                                'id'=>'s_revisado_ci_filtro',
                                'title'=>'Seleccione una opción',
                                'data-size'=>'5'
                            ])!!}
                            <label for="s_revisado_ci_filtro">Revisados Línea de Defensa Control Interno</label>
                            <span class="help-block"></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-md-6">
                        <div class="form-group form-md-line-input has-info">
                            <button type="submit" class='btn btn-block blue generar-excel'>
                                <i class="fa fa-file-excel-o"  aria-hidden="true"></i>
                                Generar
                            </button>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-6">
                        <div class="form-group form-md-line-input has-info">
                            <button type="button" class='btn btn-block green consultar-hallazgos'>
                                <i class="fa fa-search"  aria-hidden="true"></i>
                                Consultar
                            </button>
                        </div>
                    </div>
                </div>
            {{ Form::close() }}
        @endcomponent

        @component('themes.bootstrap.components.portlet', ['icon' => 'fa fa-list', 'title' => 'Resultados', 'color' => 'font-blue-madison'])
            <div id="div-resultado-consulta-hallazgos"></div>
        @endcomponent

        @component('themes.bootstrap.components.modal-large', [
            'id' => 'modalDetalleHallazgo',
            'title' => 'Detalle del Hallazgo',
            'icon'=>'glyphicon glyphicon-th',
            'class'=>'container fade modal-large',
            'width'=>'85'
            ])
            @slot('body')
                <div id="contenedor-detalle-hallazgo"></div>
            @endslot
            @slot('footer')
            @endslot
        @endcomponent
    </div>
@endsection

@push('plugins')
    @include('material.sections.hallazgos.reportes.scripts')
@endpush


@push('functions')
<script>
    jQuery(document).ready(function () {
        @if (session('message'))
            swal({
                title: @json(session('title')),
                text: @json(session('message')),
                buttonsStyling: false,
                confirmButtonClass: "btn btn-success",
                type: @json(session('type')),
            });
        @endif
        {{-- cuando no se envía por redirect --}}
        @if (isset($message))
            swal({
                title: @json($title),
                text: @json($message),
                buttonsStyling: false,
                confirmButtonClass: "btn btn-success",
                type: @json($type),
            });
        @endif
    });
</script>


@endpush