@extends('material.layouts.dashboard')


@push('styles')
    <!-- Select picker -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
<!-- Datatables Styles -->
    <link href="{{ asset('assets/global/plugins/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
<!-- 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" />
<!-- SweetAlert Styles -->
    <link href="{{ asset('assets/global/plugins/bootstrap-sweetalert/sweetalert.css') }}" rel="stylesheet" type="text/css" />
<!-- Toaster Styles -->
    <link href="{{ asset('assets/global/plugins/bootstrap-toastr/toastr.min.css') }}" rel="stylesheet" type="text/css" />

@endpush

@section('page-title', 'Evaluación y Control ')


@section('page-description', 'filtros hallazgos, causas y acciones')

@section('content')
    <div class="col-md-12">
        @component('themes.bootstrap.components.portlet', ['icon' => 'fa fa-building-o', 'title' => 'Hallazgos, Observaciones o Recomendaciones'])
            <div class="row">
                <div class="col-md-12">
                    <h3><b>Plan de mejoramiento</b></h3>
                </div>
                <div class="col-md-3 form-group form-md-line-input ">
                    <label>Vigencia</label>
                    {!!Form::select('vigencia', $vigencias, null,['class'=>'form-control selectpicker','title'=>'Seleccione una vigencia', 'data-live-search'=>'true', 'data-size'=>'5', 'id'=>'vigencia'])!!}
                </div>
                <div class="col-md-3 form-group form-md-line-input ">
                    <label>Tipo</label>
                    {!!Form::select('tipo',$tipos, null,['class'=>'form-control selectpicker','title'=>'Seleccione un tipo', 'data-live-search'=>'true', 'data-size'=>'5', 'id'=>'tipo'])!!}
                </div>
                <div class="col-md-6 form-group form-md-line-input">
                    <label>Plan de mejoramiento</label>
                    {!!Form::select('id_plan',$planes, null,['class'=>'form-control selectpicker','title'=>'Seleccione el plan de mejoramiento', 'data-live-search'=>'true', 'data-size'=>'5', 'id'=>'id_plan'])!!}
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <button class="btn green" id="btn_buscar" name="btn_buscar">Buscar</button>
                    <button class="btn" id="btn_limpiar" name="btn_limpiar">Limpiar causas y acciones</button>
                </div>
                <div class="col-md-1"><br>
                    <div class="dropdown">
                        
                        <button type="button" class="btn btn-warning btn-sm dropdown-toggle" style="display:none" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Aprobar plan de mejoramiento
                        </button>
                        <ul class="dropdown-menu dropdown-menu-left pull-left">
                            <li class="dropdown-header ">¿Esta seguro que desea aprobar el plan de mejoramiento?</li>
                            <li  data-rel="aprobar_acciones"><a href="javascript:;" id="aprobar_acciones">Si, aprobar</a></li>
                            <li ><a href="javascript:;">No</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    
                    <div style="margin: 50px 0 10px 0; padding: 10px" class="bg-green-seagreen">
                        <span class="bg-font-green-seagreen font-lg bold uppercase">1. Hallazgos, Observaciones o Recomendaciones</span>
                    </div>
                </div>
            </div>
            {{-- Datatable --}}
            @component('themes.bootstrap.components.datatable', ['id' => 'hallazgos-table'])
                @slot('columns', ['','Estado','Estado Contraloria','#', 'Código','Tipo', 'Procesos', 'Delegados', 'Encargados',  'Pendientes / Total de causas',  'Análisis de Causas', 'Área', 'Incidencia', 'Descripción', 'Hallazgo Padre'])
            @endcomponent

            @component('themes.bootstrap.components.modal-large', ['id' => 'modal-hallazgo', 'class'=>'modal-form', 'icon'=>'icon-settings font-green-haze','title' => 'Hallazgo , Observación o Recomendación'])
                    @slot('body')
                    <div class="row">
                        <div class="col-md-12">
                            <input type="hidden" id="rol-auditor" name="rol-auditor" value={{$auditor}}>
                           {!! Form::open(['role' => 'form', 'id' => 'form-hallazgo', 'novalidate' => 'novalidate', 'method' => 'POST', 'url' => route('store_hallazgo')]) !!} 
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h4>Información del plan</h4>  
                                        </div>
                                        <div class="col-md-12 form-group form-md-line-input ">
                                            <label for="i_fk_id_plan" class="control-label">* Plan de mejoramiento</label>
                                            {!!Form::select('i_fk_id_plan',$planes, null,['class'=>'form-control selectpicker','title'=>'Seleccione el plan de mejoramiento', 'data-live-search'=>'true', 'data-size'=>'5', 'id'=>'i_fk_id_plan'])!!}
                                        </div>
                                        <div class="col-md-6 form-group form-md-line-input has-default">
                                            <label for="tx_tipo" class="control-label">Tipo</label><br>
                                            <span class="tx_tipo"></span>
                                        </div>
                                        <div class="col-md-6 form-group form-md-line-input has-default">
                                            <label for="tx_auditor" class="control-label">Auditor</label><br>
                                            <span class="tx_auditor"></span>
                                        </div>
                                        <div class="col-md-12">
                                            <h4>Hallazgo, Observación o Recomendación</h4>  
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 form-group form-md-line-input has-default">
                                            <label for="vc_ident" class="control-label">* Tipo</label>
                                            {!!Form::select('vc_ident',[0 => 'Hallazgo', 1 => 'Observación', 2 => 'Recomendación'], null,['class'=>'form-control selectpicker','title'=>'Seleccione el tipo','id'=>'vc_ident'])!!}
                                        </div>
                                        <div class="col-md-6 form-group form-md-line-input has-default">
                                            <label for="i_fk_id_proceso" class="control-label">* Proceso</label>
                                            {!!Form::select('i_fk_id_proceso', $procesos, null,['class'=>'form-control selectpicker','title'=>'Seleccione el proceso', 'data-live-search'=>'true', 'data-size'=>'5', 'id'=>'i_fk_id_proceso'])!!}
                                            <div data-show="i_fk_id_plan" class="progress" style="display:none">
                                                <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                                    <span class="sr-only"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 form-group form-md-line-input ">
                                            <label for="i_fk_id_area" class="control-label">* Áreas</label>
                                            {!!Form::select('i_fk_id_area[]',[], null,['class'=>'form-control selectpicker','title'=>'Seleccione el área', 'data-live-search'=>'true', 'multiple' => 'multiple', 'data-actions-box'=>'true', 'data-size'=>'5', 'id'=>'i_fk_id_area'])!!}
                                            <div data-show="i_fk_id_plan" class="progress" style="display:none">
                                                <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                                    <span class="sr-only"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 form-group form-md-line-input ">
                                            <label for="i_fk_id_user" class="control-label">* Lider del proceso o Jefe de área</label>
                                            {!!Form::select('i_fk_id_user[]',[], null,['class'=>'form-control selectpicker','title'=>'Seleccione delegados', 'data-live-search'=>'true','multiple' => 'multiple', 'data-actions-box'=>'true', 'data-size'=>'5', 'id'=>'i_fk_id_user'])!!}
                                            <div data-show="i_fk_id_area" class="progress" style="display:none">
                                                <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                                    <span class="sr-only"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 form-group form-md-line-input ">
                                            <label for="vc_incidencia" class="control-label">* Incidencia</label>
                                            {!!Form::select('vc_incidencia[]',$incidencias, null,['class'=>'form-control selectpicker','title'=>'Seleccione la incidencia', 'multiple' => 'multiple', 'data-live-search'=>'true', 'data-size'=>'5', 'id'=>'vc_incidencia'])!!}
                                        </div>
                                        <div class="col-md-6 form-group form-md-line-input">
                                            <label for="vc_codigo" class="control-label">* Código <small>(Agregar el número del hallazgo, observación o recomendación registrado en el informe correspondiente)</small></label>
                                            <input type="text" class="form-control" name="vc_codigo" id="vc_codigo">
                                        </div>
                                        <div class="col-md-12 form-group form-md-line-input has-default">
                                            <label for="tx_descripcion" class="control-label">* Descripción</label>
                                            <textarea name="tx_descripcion" class="form-control" id="tx_descripcion"></textarea>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 form-group form-md-line-input has-default field_instituciona">
                                            <label for="vc_componente" class="control-label">* Componente</label>
                                            <input type="text" class="form-control" name="vc_componente" id="vc_componente">
                                        </div>
                                        <div class="col-md-6 form-group form-md-line-input has-default field_instituciona">
                                            <label for="vc_factor" class="control-label">* Factor</label>
                                            <input type="text" class="form-control" name="vc_factor" id="vc_factor">
                                        </div>
                                    </div>
                                    <div class="row">
                               
                                        <div class="col-md-12 form-group form-md-line-input ">
                                            <label for="i_fk_id_padre" class="control-label">Proviene de un hallazgo, observación o recomendación anterior, seleccione del listado: </label>
                                            {!!Form::select('i_fk_id_padre',[1=>"Si", 2=>"No"], null,['class'=>'form-control selectpicker','title'=>'Seleccione si o no', 'data-live-search'=>'true',  'id'=>'i_fk_id_padre'])!!}
                                        </div>
                                    </div>

                                </div>
                                <div class="form-actions">
                                    <input type="hidden" name="i_pk_id" id="i_pk_id" data-reseteable=true>
                                    {{ Form::button('Cancelar', ['class' => 'btn red', 'data-dismiss' =>"modal", 'id' => 'btn_cancel']) }}
                                    {{ Form::button('Guardar', ['class' => 'btn green', 'id' => 'btn_save']) }}
                                </div>
                           {!! Form::close() !!} 
                        </div>
                    </div>
                @endslot
                @slot('footer')
                    <div id="ajax_progress" class="progress progress-striped active" style="display: none;">
                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                            <span class="sr-only"> </span>
                        </div>
                    </div>
                @endslot
            @endcomponent

            @component('themes.bootstrap.components.modal-large', ['id' => 'modal_analisis_de_causas', 'class'=>'modal-form', 'icon'=>'icon-settings font-green-haze','title' => 'Soporte de análisis de causas'])
                @slot('body')
                <div class="row">
                    <div class="col-md-12">
                        {!! Form::open(['role' => 'form', 'id' => 'form_analisis_de_causas', 'novalidate' => 'novalidate', 'enctype' => 'multipart/form-data', 'method' => 'POST', 'url' => route('store_analisis_de_causas')]) !!}
                        <div class="form-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <h4>Soporte de análisis de causas hallazgo <span class="hallazgo_id"></span></h4>  
                                </div>
                                <div class="col-md-12">
                                    <input type="file" name="tx_analisis_de_causas">
                                </div>
                                <div class="col-md-12">
                                    <br>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-actions">
                                        <input type="hidden" name="id_hallazgo">
                                        {{ Form::button('Cancelar', ['class' => 'btn red', 'data-dismiss' =>"modal", 'id' => 'btn_cancel']) }}
                                        {{ Form::button('Guardar', ['class' => 'btn green', 'id' => 'btn_save_analisis_de_causas']) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        {!! Form::close() !!} 
                    </div>
                </div>
                @endslot
                @slot('footer')
                @endslot
            @endcomponent


            @component('themes.bootstrap.components.modal-large', ['id' => 'modal-encargados', 'class'=>'modal-form', 'icon'=>'icon-settings font-green-haze','title' => 'Encargados'])
                    @slot('body')
                    <div class="row">
                        <div class="col-md-12">
                           {!! Form::open(['role' => 'form', 'id' => 'form-hallazg-encargados', 'novalidate' => 'novalidate', 'method' => 'POST', 'url' => route('store_hallazgo')]) !!} 
                                
                           
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h4>Hallazgo Id <label id="lb_hallazgo"></label></h4>  
                                        </div>
                                        <div class="col-md-2">
                                        </div>
                                        <div class="col-md-12 offset-md-2 form-group form-md-line-input ">
                                        <button type="button" class="btn btn-xs btn-secondary " data-toggle="tooltip" data-placement="right" title="Seleccione el nombre del Gestor SIG - MIPG designado">?</button>
                                            <label for="i_fk_id_plan" class="control-label">* Encargados</label>
                                            {!!Form::select('i_fk_id_encargados[]',$encargados, null,['class'=>'form-control selectpicker show-tick','title'=>'Seleccione las personas encargadas', 'data-live-search'=>'true', 'data-live-search'=>'true', 'multiple' => 'multiple', 'data-actions-box'=>'true', 'data-size'=>'15', 'id'=>'i_fk_id_encargados'])!!}
                                        </div>
                                    </div>
                                  
                                </div>
                                <div class="form-actions">
                                    <br><br><br>
                                    <input type="hidden" name="i_pk_id_hall" id="i_pk_id_hall" data-reseteable=true>
                                    {{ Form::button('Cancelar', ['class' => 'btn red', 'data-dismiss' =>"modal", 'id' => 'btn_cancel']) }}
                                    {{ Form::button('Guardar', ['class' => 'btn green', 'id' => 'btn_save_encargado']) }}
                                    <br><br><br><br>
                                </div>
                           {!! Form::close() !!} 
                        </div>
                    </div>
                @endslot
                @slot('footer')
                    <div id="ajax_progress" class="progress progress-striped active" style="display: none;">
                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                            <span class="sr-only"> </span>
                        </div>
                    </div>
                @endslot
            @endcomponent

            @component('themes.bootstrap.components.modal-large', ['id' => 'modal-estado-hallazgo', 'class'=>'modal-form', 'icon'=>'icon-settings font-green-haze','title' => 'Gestión estado hallazgo'])
                    @slot('body')
                    <div class="row">
                        <div class="col-md-12">
                           {!! Form::open(['role' => 'form', 'id' => 'form-hallazg-estado', 'novalidate' => 'novalidate', 'method' => 'POST', 'url' => route('store_hallazgo')]) !!} 
                                
                           
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-md-12 text-center">
                                            <h4><b>Hallazgo Id <label id="lb_hallazgo_estado"></label></b></h4> 
                                            <hr> 
                                        </div>
                                        <div class="col-md-4">
                                                <label for="tx_comentario" class="control-label">Estado</label> 
                                                {!!Form::select('i_estado_auditor',$estadosSeguimiento, 
                                                [ 'required'],
                                                [
                                                    'id' => 'i_estado_auditor',
                                                    'class'=>'form-control selectpicker',
                                                    'data-live-search'=>'true',
                                                    'title'=>'Seleccione el estado',
                                                    
                                                ])!!}   

                                                <h6> Ultimo estado: <label id="registro_hallazgo_estado"></label></b></h6> 
                                        </div>
                                        <div class="col-md-4">
                                            <label for="tx_comentario" class="control-label">* Recomendación</label>
                                            <textarea name="tx_comentario" class="form-control" id="tx_comentario" rows="2" placeholder="Escriba aquí el comentario.."></textarea>
                                        </div>
                                        <div  class="col-md-12"></div>
                                        <div class="col-md-4" id='estado_entidad_ext'>
                                                <label for="tx_comentario" class="control-label">Estado Evaluación Contraloria</label> 
                                                {!!Form::select('i_estado_ente_exter',$estadosExterno, 
                                                [ 'required'],
                                                [
                                                    'id' => 'i_estado_ente_exter',
                                                    'class'=>'form-control selectpicker',
                                                    'data-live-search'=>'true',
                                                    'title'=>'Seleccione el estado',
                                                    
                                                ])!!}   

                                                <h6> Ultimo estado: <label id="registro_hallazgo_estado"></label></b></h6> 
                                        </div>

                                        <div class="col-md-4">
                                            <label for="tx_comentario" class="control-label">* Observaciones</label>
                                            <textarea name="tx_comentario_externo" class="form-control" id="tx_comentario_externo" rows="2" placeholder="Escriba aquí el comentario.."></textarea>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-actions">
                                                <label for="tx_comentario" class="control-label">Opciones</label> <br>
                                                <input type="hidden" name="i_pk_id_hall_estado" id="i_pk_id_hall_estado" data-reseteable=true>
                                                {{ Form::button('Cancelar', ['class' => 'btn red', 'data-dismiss' =>"modal", 'id' => 'btn_cancel']) }}
                                                {{ Form::button('Guardar', ['class' => 'btn green', 'id' => 'btn_save_estado_hallazgo']) }}
                                            </div>  
                                        </div>
                                        <div class="col-md-12">
                                        </div>
                                        <div class="col-md-12 form-group form-md-line-input">
                                            <label for="tx_comentario" class="control-label">Estado Actividades:</label>
                                            @component('themes.bootstrap.components.datatable', ['id' => 'acciones-table-histo'])
                                                @slot('columns', ['Código','Acción','avance','Estado delegado o primera linea','Estado Tercera Linea'])
                                            @endcomponent
                                        </div>
                                    </div>
                                  
                                </div>
                                
                           {!! Form::close() !!} 
                        </div>
                    </div>
                @endslot
                @slot('footer')
                    <div id="ajax_progress" class="progress progress-striped active" style="display: none;">
                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                            <span class="sr-only"> </span>
                        </div>
                    </div>
                @endslot
            @endcomponent


       

            <div class="row">
                <div class="col-md-12">
                    <div style="margin: 50px 0 10px 0; padding: 10px" class="bg-red-pink">
                        <span class="bg-font-green-seagreen font-lg bold uppercase">2. Causas</span>
                    </div>
                </div>
            </div>
            @component('themes.bootstrap.components.datatable', ['id' => 'causas-table'])
                @slot('columns', ['','Estado','Hallazgo Id', 'Id','Numero de acciones incumplidas','Usuario','Causa'])
            @endcomponent

            <div class="row">
                <div class="col-md-12">
                <div style="margin: 50px 0 10px 0; padding: 10px" class="bg-yellow-lemon">
                        <span class="bg-font-green-seagreen font-lg bold uppercase">3. Actividades</span>
                    </div>
                </div>
            </div>
            @component('themes.bootstrap.components.datatable', ['id' => 'acciones-table'])
                @slot('columns', ['', 'Estado Delegado  1LMOD', 'Comentarios Segunda Linea', 'Estado 3 linea', 'Número de Seguimientos Pendientes ', 'Causa Id', 'Id Actividad','Actividad','Código','Usuario Creador','Encargado','Responsables','Tipo','indicador','Formula indicador','Meta','Fecha inicio','Fecha fin'])
            @endcomponent

        @endcomponent
    </div>
@endsection


@push('functions')
<!-- Toastr Scripts -->
    <script src="{{ asset('assets/global/plugins/bootstrap-toastr/toastr.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/ui-toastr.js') }}" type="text/javascript"></script>
<!-- Datatables Scripts -->
    <script src="{{ asset('assets/global/scripts/datatable.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/table-datatable.js') }}" type="text/javascript"></script>
<!-- Modal Scripts -->
    <script src="{{ asset('assets/global/plugins/bootstrap-modal/js/bootstrap-modalmanager.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/bootstrap-modal/js/bootstrap-modal.js') }}" type="text/javascript"></script>
 <!-- Select picker -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
<!-- SweetAlert Scripts -->

    <script src="{{ asset('assets/global/plugins/bootstrap-sweetalert/sweetalert.min.js') }}" type="text/javascript"></script>
<!-- Validation Scripts -->
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-validation/js/localization/messages_es.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/bootstrap-maxlength/bootstrap-maxlength.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/form-validation-md.js') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/pages/scripts/general-request.js') }}" type="text/javascript"></script>
<!-- Select2 Script -->
    <script src="{{ asset('assets/global/plugins/select2/js/select2.full.min.js') }}" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/i18n/es.js"></script>
@endpush


@push('functions')
<script>
    jQuery(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
        $('select').selectpicker();
        var _planes = @json($_planes);

        var validateRules = {
            'i_fk_id_plan': {required: true },
            'vc_incidencia': {required: true },
            'vc_codigo': {  minlength: 2, required: true },
            'tx_descripcion': {  minlength: 5, required: true },
            'i_fk_id_user[]': { required: true },
            'i_fk_id_area[]': { required: true }
        };
        var validateMessage = {};

        if ($('#rol-auditor').val() == 0) {
            $('#btn_save').attr("disabled", true);
            $("#btn_save").text('No puede crear hallazgos. - El perfil auditor es el único con autorización.'); 
        }

        HALLAZGO_SELECCIONADO = 0;
        CAUSA_SELECCIONADA = 0;
        table_causas = null;
        table_acciones = null;

        function limpiar_causas_y_acciones() {
            HALLAZGO_SELECCIONADO = 0;
            var newTableRouteCausas = "{{ url('hallazgos') }}" +'/data_causas_link/'+ HALLAZGO_SELECCIONADO;
            table_causas.clear();
            table_causas.ajax.url(newTableRouteCausas).load();

            CAUSA_SELECCIONADA = 0;
            var newTableRouteAcciones = "{{ url('hallazgos') }}" +'/data_acciones_causa_link/'+ CAUSA_SELECCIONADA;
            table_acciones.clear();
            table_acciones.ajax.url(newTableRouteAcciones).load();
        }

        let id_plan = 0;
        let table, url, columns, modal, table_encargado;
        table = $('#hallazgos-table');
        url =  "{{ url('hallazgos') }}" +'/data/'+ id_plan;
        columns = [
            {
                data: 'link',
                name: 'link',
                orderable: false,
                searchable: false,
                exportable: false,
                printable: false,
                className: 'text-right',
                render: null,
                responsivePriority:2,
                width: '35px'
            },
            {data: 'estado', name: 'i_pk_id', width: '35px'},
            {data: 'estado_ente_ext', name: 'i_pk_id', width: '35px'},
            {data: 'i_pk_id', name: 'i_pk_id', width: '35px'},
            {data: 'vc_codigo', name: 'vc_codigo', width: '35px'},
            {data: 'vc_tipo', name: 'vc_tipo', width: '35px'},
            {data: 'vc_proceso', name: 'vc_proceso', width: '35px'},
            {data: 'user_deleg', name: 'user_deleg', width: '35px'},
            {data: 'user_encar', name: 'user_encar', width: '35px'},
            {data: 'vc_causas', name: 'vc_causas', width: '60px'},
            {data: 'vc_descarga', name: 'vc_descarga', width: '60px'},
            {data: 'vc_area', name: 'vc_area', width: '60px'},
            {data: 'vc_incidencia', name: 'vc_incidencia', width: '35px'},
            {data: 'tx_descripcion', name: 'tx_descripcion'},
            {data: 'tx_hallazgo_padre', name: 'tx_hallazgo_padre'},
        ];
        modal = 'modal-hallazgo';
        dataTableServer.init(table, url, columns, modal);

        table = table.DataTable();

        table_encargado = $('#encargados-table').DataTable();
        

        $('#vigencia, #tipo').on('change', function(e) {
            var vigencia = $('#vigencia').val();
            var tipo = $('#tipo').val();

            var planes_filtrados = _planes.filter((plan) => {
                return plan['i_vigencia'] == (vigencia != '' ? vigencia : plan['i_vigencia']) && plan['vc_tipo'] == (tipo != '' ? tipo : plan['vc_tipo']);
            });

            $('#id_plan').html('');
            planes_filtrados.map((plan) => {
                $('#id_plan').append(`<option value=${plan.i_pk_id}>${plan.vc_nombre_plan}</option>`);
            })
            $('#id_plan').selectpicker('refresh');
            
            toastr.info(`${planes_filtrados.length} planes encontrados`);
        });

        $('#btn_buscar').on('click', function(e) {
            id_plan = $('#id_plan').val();
            HALLAZGO_SELECCIONADO = 0;
            CAUSA_SELECCIONADA = 0;
            if(id_plan){
                var newTableRoute = "{{ url('hallazgos') }}" +'/data/'+ id_plan;
                table.clear();
                table.ajax.url(newTableRoute).load();
                table.ajax.reload();
                $([document.documentElement, document.body]).animate({
                    scrollTop: $("#hallazgos-table_wrapper").offset().top
                }, 2000);
                limpiar_causas_y_acciones();
            }else{
                toastr.warning('Debe filtrar los hallazgos eligiendo un plan');
            }
        });

        let id_encargados = null;
        let id_area = 0;
        //Edit a record
        $('#hallazgos-table').delegate('.edit', 'click', function (e) {
            var validateForm = $('#form-hallazgo');
            validateForm[0].reset();
            $('#ajax_progress').hide();
            $('#btn_cancel').removeAttr('disabled');
            $('#btn_save').removeAttr('disabled');
            
            id_encargados = $(this).data('id-encargados');
            id_area = $(this).data('id-area');
            $('#i_pk_id').val($(this).data('id'));
            $('#i_fk_id_plan').val($(this).data('id-plan')).trigger('change');
            $('#i_fk_id_user').attr('data-value', $(this).data('id-encargados'));
            $('#vc_codigo').val($(this).data('codigo'));
            $('#tx_descripcion').val($(this).data('descripcion'));
            $('#vc_componente').val($(this).data('componente'));
            $('#vc_factor').val($(this).data('factor'));
            var incidencias = $(this).data('incidencia')+"";
            $('#vc_incidencia').data('value', incidencias);
            $('#modal-hallazgo').modal('show');

            var sendAjax = function () {
                var dataRequest = function () {
                    var route, type;
                    route = '{{ route('store_hallazgo') }}';
                    type = 'POST';

                    var data = new FormData();
                    data.append('_method', 'PUT')
                    
                    data.append("i_pk_id", $('#i_pk_id').val());
                    data.append("i_fk_id_plan", $('#i_fk_id_plan').val());
                    data.append("vc_codigo", $('#vc_codigo').val());
                    data.append("vc_nombre", $('#vc_nombre').val());
                    data.append("i_fk_id_user", $('#i_fk_id_user').val());
                    data.append("tx_descripcion", $('#tx_descripcion').val());
                    data.append("tx_causa", $('#tx_causa').val());
                    data.append("tx_riesgo", $('#tx_riesgo').val());
                    data.append("vc_componente", $('#vc_componente').val());
                    data.append("vc_factor", $('#vc_factor').val());
                    data.append("vc_incidencia", $('#vc_incidencia').val());
                    data.append("i_fk_id_area", $('#i_fk_id_area').val());
                    $('#btn_cancel').attr('disabled', 'disabled');
                    $('#btn_save').attr('disabled', 'disabled');
                    var table = $('#hallazgos-table');
                    var modal = 'modal-hallazgo';
                    var tableRoute = "{{ url('hallazgos') }}" +'/data/'+ id_plan;
                    $('#ajax_progress').show();
                    ajaxRequest.init(route, type, data, modal, validateForm, table, tableRoute, true);
                }
                return {
                    init: function () {
                        dataRequest();
                    }
                }
            }();
            FormValidationMd.init(validateForm, validateRules, validateMessage, sendAjax);
        });

        //ELiminar registro
        $('#hallazgos-table').delegate('a[data-show="eliminar"]', 'click', function (e) {
            $(this).closest('ul').find('li[data-rel="eliminar"]').show();
            e.stopPropagation();
        });

        $('#hallazgos-table').delegate('a[data-hide="eliminar"]', 'click', function (e) {
            $(this).closest('ul').find('li[data-rel="eliminar"]').hide();
            e.stopPropagation();
        });

        $('#hallazgos-table').delegate('.dropdown', 'click', function () {
            $(this).find('.ocultar').hide();
        });

        $('#hallazgos-table').delegate('.eliminar', 'click', function () {
            var id = $(this).data('id');
            var dataRequest = function (id) {
                var route, type;
                route = '{{ route('delete_hallazgo') }}';
                type = 'POST';

                var data = new FormData();
                data.append("i_pk_id", id);
                var table = $('#hallazgos-table');
                var modal = null;
                var validateForm = null;
                var tableRoute = "{{ url('hallazgos') }}" +'/data/'+ id_plan;
                ajaxRequest.init(route, type, data, modal, validateForm, table, tableRoute, true);
            }(id);
        });

        //Create a record
        $('#btn_save').unbind('click').click(function (e) {
            e.preventDefault();

            var validateForm = $('#form-hallazgo');
            FormValidationMd.init(validateForm, validateRules, false, false);

            if(validateForm.valid()) {
                $('#ajax_progress').show();
                $('#btn_cancel').attr('disabled', 'disabled');
                $('#btn_save').attr('disabled', 'disabled');
                var route, type;
                route = '{{ route('store_hallazgo') }}';
                type = 'POST';
                var data = new FormData();
                data.append("i_pk_id", $('#i_pk_id').val());
                data.append("i_fk_id_plan", $('#i_fk_id_plan').val());
                data.append("vc_nombre", $('#vc_nombre').val());
                data.append("vc_codigo", $('#vc_codigo').val());
                data.append("i_fk_id_user", $('#i_fk_id_user').val());
                data.append("tx_descripcion", $('#tx_descripcion').val());
                data.append("tx_causa", $('#tx_causa').val());
                data.append("tx_riesgo", $('#tx_riesgo').val());
                data.append("vc_componente", $('#vc_componente').val());
                data.append("vc_factor", $('#vc_factor').val());
                data.append("vc_incidencia", $('#vc_incidencia').val());
                data.append("vc_ident", $('#vc_ident').val());
                data.append("i_fk_id_proceso", $('#i_fk_id_proceso').val());
                data.append("i_fk_id_area", $('#i_fk_id_area').val());
                data.append("i_fk_id_padre", $('#i_fk_id_padre').val());
                var form = $('#form-hallazgo');
                var table = $('#hallazgos-table');
                var tableRoute = "{{ url('hallazgos') }}" +'/data/'+ id_plan;
                ajaxRequest.init(route, type, data, modal, form, table, tableRoute, true);
                $('#modal-hallazgo').modal('hide');
            }
        });

        $('.card .material-datatables label').addClass('form-group');

        var info_plan = "{{ route('info_plan') }}";
        var info_encargados = "{{ route('encargados_hallazgos') }}";
        var encargados_guardar = "{{ route('encargados_guardar') }}";
        var estados_hallazgo_guardar = "{{ route('estados_hallazgo_guardar') }}";
        var analisis_de_causas_guardar = "{{ route('store_analisis_de_causas') }}";
        var delegados_plan = "{{ route('delegados_dependencias') }}";
        
        $('#i_fk_id_area').on('change', function(e) {
            if($(this).val()){
                $('*[data-show="i_fk_id_area"]').show();
                var delegados_req = $.get(delegados_plan+'/' + $(this).val().toString(), {}, function(d) {}, 'json');
                
                delegados_req.done(function(data) {
                    var options = '';
                    $.each(data, function(i, delegado) {
                        options += '<option value="'+delegado.id+'">'+delegado.full_name+'</option>';
                    });

                    $('#i_fk_id_user').html(options);
                    $('#i_fk_id_user').selectpicker('refresh');
                    $('#i_fk_id_user').val($('#i_fk_id_user').data('value')).trigger('change');
                    $('*[data-show="i_fk_id_area"]').hide();
                });
            }

            if (id_area != 0) {
                $('*[data-show="i_fk_id_area"]').show();
                if(!Number.isInteger(id_area))
                    var areas = id_area.trim().split(',').map(Number);
                else
                    var areas = [id_area];

                $('#i_fk_id_area').selectpicker('val',areas);
                $('#i_fk_id_area').selectpicker('refresh');
                var delegados_req = $.get(delegados_plan+'/' +(!Number.isInteger(id_area) ? id_area.trim() : id_area), {}, function(d) {}, 'json');
                delegados_req.done(function(data) {
                    var options = '';
                    $.each(data, function(i, delegado) {
                        options += '<option value="'+delegado.id+'">'+delegado.full_name+'</option>';
                    });

                    $('#i_fk_id_user').html(options);
                    $('#i_fk_id_user').selectpicker('refresh');
                    $('#i_fk_id_user').val($('#i_fk_id_user').data('value')).trigger('change');
                });

                id_area = 0;
            }
        });

        $('#i_fk_id_user').on('change', function(e) {
            if (id_encargados != null) {
                if(!Number.isInteger(id_encargados))
                    var delegados = id_encargados.trim().split(',').map(Number);
                else
                    var delegados = [id_encargados];

                $('#i_fk_id_user').selectpicker('val',delegados);
                $('#i_fk_id_user').selectpicker('refresh');
                id_encargados = null;
                $('*[data-show="i_fk_id_area"]').hide();
            }
        });

        $('#i_fk_id_plan').on('change', function(e) {
            
            if($(this).val() != '')
            {
                $('*[data-show="i_fk_id_plan"]').show();

                var info_req = $.get(info_plan+'/'+$(this).val(), {}, function(d) {}, 'json');
                info_req.done(function(data) {
                    $('.tx_tipo').text(data.vc_tipo);
                    $('.tx_auditor').text(data.auditor.full_name);

                    if(data.vc_tipo=='Institucional')
                    $(".field_instituciona").removeClass("hidden"); // show
                    else
                    $(".field_instituciona").addClass("hidden");  // hide


                    var options = '';
                    $.each(data.incidencias, function(i, incidencia){
                        options += '<option value="'+i+'">'+incidencia+'</option>';
                    })

                    $('#vc_incidencia').html(options);
                    $('#vc_incidencia').selectpicker('refresh');
                    var incidencias = ($('#vc_incidencia').data('value')+'').split(',');
                    
                    $('#vc_incidencia').val(incidencias).trigger('change');
                    
                    if (data.vc_tipo === 'Por Proceso') {
                        $('#vc_incidencia').val(5).trigger('change');
                    }
                    if (data.vc_tipo === 'Institucional') {
                        $('#vc_incidencia').val(5).trigger('change');
                    }
                });
            
                var request = $.get("{{ url('planes') }}" + '/dependencias/'+ $(this).val(), {}, function(d) {}, 'json');
                request.done(function(data) {

                    var options = '';
                    $.each(data.dependencia, function(i, area) {
                        options += '<option value="'+area.i_pk_id+'">'+area.vc_parametro_detalle+'</option>';
                    });
        
                    $('#i_fk_id_area').html(options);
                    $('#i_fk_id_area').selectpicker('refresh');
                    $('#i_fk_id_area').val($('#i_fk_id_area').data('value')).trigger('change');

                    var procesos = (""+data.procesos).split(',');
                    $('#i_fk_id_proceso').val(procesos).trigger('change');
                    $('#i_fk_id_proceso').selectpicker('refresh');

                    $('*[data-show="i_fk_id_plan"]').hide();

                });

                var request = $.get("{{ url('planes') }}" + '/hallazgos/'+ $(this).val(), {}, function(d) {}, 'json');
                request.done(function(data) {
                    
                    var options = '';
                    $.each(data, function(i, hallazgo) {
                        options += '<option value="'+hallazgo.id+'">'+hallazgo.hallazgo+'</option>';
                    });

                    $('#i_fk_id_padre').html(options);
                    $('#i_fk_id_padre').selectpicker('refresh');
                    $('#i_fk_id_padre').val($('#i_fk_id_padre').data('value')).trigger('change');
                    $('*[data-show="i_fk_id_plan"]').hide();
                    
                });

            }
           
        });

        $('#aprobar_acciones').on('click', function(e){
            if($('#id_plan').val() != 0){
                var post = $.post('{{ route('aprobar_causas') }}', {'id' : $('#id_plan').val()});
                 post.done(function(data) {
                    if(data){
                        swal({
                            title: 'Bien!',
                            text: 'Se han aprobado: '+data.causas_aprobadas+' causas.',
                            icon: 'success',
                            type: 'success'
                        });
                    }
                })
            }else{
                swal({
                    title: 'Error',
                    text: 'Seleccione el plan de mejoramiento que desea aprobar',
                    icon: 'error',
                    type: 'error'
                });
            }
        });

        $('#hallazgos-table').delegate('.asignarEncargado', 'click', function (e) {
            
            let id = $(this).data('id');
            
            $('#i_pk_id_hall').val($(this).data('id'));
            $('#lb_hallazgo').html(id);

            var info_req = $.get(info_encargados+'/'+id, {}, function(d) {}, 'json');
            
            info_req.done(function(data) {
                
                    if(data){
                        $("#i_fk_id_encargados").val(data);
                    }else{
                        $("#i_fk_id_encargados").val('');
                    }
                        $("#i_fk_id_encargados").selectpicker("refresh");
            });

            $('#modal-encargados').modal('show');
        });

        $('#hallazgos-table').delegate('.asignarEstado', 'click', function (e) {

            
            $('#i_pk_id_hall_estado').val($(this).data('idhallazgo'));
            $('#lb_hallazgo_estado').html($(this).data('idhallazgo'));
            $('#registro_hallazgo_estado').html($(this).data('estado'));
            let tipo_plan = $(this).data('tipohallazgo');
            
            var x = document.getElementById("estado_entidad_ext");
            // console.log(tipo_plan);
            if(tipo_plan === 'Institucional')
                x.style.display = "block";
            else
                x.style.display = "none";

            actualizarTablaAcciones($(this).data('idhallazgo'));
            
            $('#modal-estado-hallazgo').modal('show');
        });

        function actualizarTablaAcciones(idSeg) {

            let url = "{{ route('table_acciones_hallazgo', ':id') }}";
            url = url.replace(':id', idSeg);

            $('#acciones-table-histo').DataTable({
                "destroy": true,
                searching: false, paging: false, info: false,
                "ajax": {
                    "url": url,
                    "type": 'GET'
                },
                columns: [
                    {data: 'vc_codigo', name: 'vc_codigo',width: '5%'},
                    {data: 'tx_accion', name: 'tx_accion',width: '60%'},
                    {data: 'i_avance', name: 'i_avance',width: '5%'},
                    {data: 'i_estado_delegado', name: 'i_estado_delegado',width: '15%'},
                    {data: 'i_estado_tercera', name: 'i_estado_tercera',width: '15%'},
                    
                ],
            });
        }


        $('#btn_save_encargado').unbind('click').click(function (e) {
            e.preventDefault();
            var validateForm = $('#form-hallazg-encargados').serialize();
            var info_req = $.post(encargados_guardar, validateForm, function(d) {}, 'json');
            
            info_req.done(function(data) {
                    $('#modal-encargados').modal('hide');
                    if(data){
                        swal({
                            title: 'Bien!',
                            text: 'Se ha asignado los encargados',
                            icon: 'success',
                            type: 'success'
                        });
                    }else{
                        swal({
                            title: 'Error!',
                            text: 'Se ha generado un error',
                            icon: 'error',
                            type: 'error'
                        });
                    }
                        
            });
        });

        $('#btn_save_estado_hallazgo').unbind('click').click(function (e) {
            e.preventDefault();
            var validateForm = $('#form-hallazg-estado').serialize();
            var info_req = $.post(estados_hallazgo_guardar, validateForm, function(d) {}, 'json');
            
            info_req.done(function(data) {
                    $('#modal-estado-hallazgo').modal('hide');
                    table.ajax.reload();
                    if(data){
                        swal({
                            title: 'Bien!',
                            text: 'Se ha asignado el estado',
                            icon: 'success',
                            type: 'success'
                        });
                    }else{
                        swal({
                            title: 'Error!',
                            text: 'Se ha generado un error',
                            icon: 'error',
                            type: 'error'
                        });
                    }
                        
            });
        });

        $('#hallazgos-table').delegate('.analisis_de_causas', 'click', function(e) {
            let id = $(this).data('id');
            $('#form_analisis_de_causas input[name="id_hallazgo"]').val(id);
            $('#modal_analisis_de_causas .hallazgo_id').text(id);
            $('#btn_save_analisis_de_causas').prop('disabled', false);
            $('#form_analisis_de_causas input[name="tx_analisis_de_causas"]').val(null);

            $('#modal_analisis_de_causas').modal('show');
        });


        $('#btn_save_analisis_de_causas').unbind('click').click(function (e) {
            e.preventDefault();
            var data = new FormData();
            data.append('_method', 'POST')
            data.append("id_hallazgo", $('#form_analisis_de_causas input[name="id_hallazgo"]').val());
            data.append("tx_analisis_de_causas", $('#form_analisis_de_causas input[name="tx_analisis_de_causas"]')[0].files.length > 0 ? $('#form_analisis_de_causas input[name="tx_analisis_de_causas"]')[0].files[0] : null);

            $.ajax({
                url: analisis_de_causas_guardar,
                cache: false,
                type: 'POST',
                contentType: false,
                data: data,
                processData: false,
                async: true,
                beforeSend: function () {
                    $('#btn_save_analisis_de_causas').prop('disabled', true);
                },
                success: function (response, xhr, request) {
                    $('#modal_analisis_de_causas').modal('hide');
                    if(data){
                        swal({
                            title: 'Bien!',
                            text: 'Se ha cargado el soporte de análisis de causas',
                            icon: 'success',
                            type: 'success'
                        });
                    }else{
                        swal({
                            title: 'Error!',
                            text: 'Se ha generado un error',
                            icon: 'error',
                            type: 'error'
                        });
                    }
                }
            });
        });


        // CAUSAS
        HALLAZGO_SELECCIONADO = 0;
        table_causas = $('#causas-table');
        url_causas = "{{ url('hallazgos') }}" +'/data_causas_link/'+HALLAZGO_SELECCIONADO;
        columns = [
            {
                data: 'link',
                name: 'link',
                orderable: false,
                searchable: false,
                exportable: false,
                printable: false,
                className: 'text-right',
                render: null,
                responsivePriority:2,
                width: '35px'
            },
            {data: 'i_estado', name: 'i_estado', width: '35px'},
            {data: 'i_fk_id_hallazgo', name: 'i_fk_id_hallazgo', width: '35px'},
            {data: 'i_pk_id', name: 'i_pk_id', width: '35px'},
            {data: 'acciones', name: 'acciones', width: '35px'},
            {data: 'i_fk_user', name: 'i_fk_user', width: '80px'},
            {data: 'tx_causa', name: 'tx_causa'},
        ];
        modal = 'modal-form';
        dataTableServer.init(table_causas, url_causas, columns, modal);
        table_causas = table_causas.DataTable();

        $('#hallazgos-table').delegate('.causas', 'click', function (e) {
            HALLAZGO_SELECCIONADO = $(this).data('id');
            
            if(HALLAZGO_SELECCIONADO){
                var newTableRoute = "{{ url('hallazgos') }}" +'/data_causas_link/'+ HALLAZGO_SELECCIONADO;
                table_causas.clear();
                table_causas.ajax.url(newTableRoute).load();
                table_causas.ajax.reload();
                $([document.documentElement, document.body]).animate({
                    scrollTop: $("#causas-table_wrapper").offset().top
                }, 2000);
            }else{
                toastr.warning('Seleccione el hallazgo para el cual desea consultar las causas');
            }
        });

        $('#causas-table_wrapper .dt-buttons a:nth-child(1)').on('click', function() {
           if(HALLAZGO_SELECCIONADO != 0) {
                window.open(HALLAZGO_SELECCIONADO+'/causas', '_blank');
           } else {
                toastr.warning('Seleccione el hallazgo para el cual desea administrar las causas');
           }
        });

        // ACCIONES
        CAUSA_SELECCIONADA = 0;
        table_acciones = $('#acciones-table');
        url_acc =  "{{ url('hallazgos') }}" + '/data_acciones_causa/' + CAUSA_SELECCIONADA
        columns_acc = [
            {
                data: 'link',
                name: 'link',
                orderable: false,
                searchable: false,
                exportable: false,
                printable: false,
                className: 'text-right',
                render: null,
                responsivePriority:2,
                width: '35px'
            },
            {data: 'i_estado_delegado', name: 'i_estado_delegado', width: '30px'},
            {data: 'recomenda', name: 'recomenda', width: '30px'},
            {data: 'i_estado_tercera', name: 'i_estado_tercera', width: '30px'},
            {data: 'seguimiento', name: 'seguimiento' , width: '30px'},
            {data: 'i_fk_id_causa', name: 'i_fk_id_causa', width: '8px'},
            {data: 'i_pk_id', name: 'i_pk_id', width: '8px'},
            {data: 'tx_accion', name: 'tx_accion'},
            {data: 'vc_codigo', name: 'vc_codigo', width: '8px'},
            {data: 'vc_usuario', name: 'vc_usuario', width: '30px'},
            {data: 'vc_encargados', name: 'vc_encargados', width: '30px'},
            {data: 'vc_responsables', name: 'vc_responsables', width: '30px'},
            {data: 'vc_tipo', name: 'vc_tipo', width: '30px'},
            {data: 'vc_indicador', name: 'vc_indicador', width: '30px'},
            {data: 'vc_formula_indicador', name: 'vc_formula_indicador', width: '30px'},
            //{data: 'vc_meta', name: 'vc_meta', width: '30px','visible': false},
            {data: 'vc_meta', name: 'vc_meta', width: '30px'},
            {data: 'dt_fecha_inicio', name: 'dt_fecha_inicio', width: '30px'},
            {data: 'dt_fecha_fin', name: 'dt_fecha_fin', width: '30px'},
            
            
        ];
        modal_acc = 'modal-form-acciones';
        dataTableServer.init(table_acciones, url_acc, columns_acc, modal_acc);
        table_acciones = table_acciones.DataTable();

        $('#causas-table').delegate('.acciones', 'click', function (e) {
            CAUSA_SELECCIONADA = $(this).data('id');
            if(CAUSA_SELECCIONADA){
                var newTableRoute = "{{ url('hallazgos') }}" +'/data_acciones_causa_link/'+ CAUSA_SELECCIONADA;
                table_acciones.clear();
                table_acciones.ajax.url(newTableRoute).load();
                table_acciones.ajax.reload();
                $([document.documentElement, document.body]).animate({
                    scrollTop: $("#acciones-table_wrapper").offset().top
                }, 2000);
            }else{
                toastr.warning('Seleccione la causa para la cual desea consultar las acciones');
            }
        });

        $('#acciones-table_wrapper .dt-buttons a:nth-child(1)').on('click', function() {
           if(CAUSA_SELECCIONADA != 0) {
                window.open('causa/'+CAUSA_SELECCIONADA+'/acciones', '_blank');
           } else {
                toastr.warning('Seleccione la causa para la cual desea administrar las acciones');
           }
        });

        $('#acciones-table_wrapper .dt-buttons a:nth-child(1)').html(
            `<span>
                <i class="fa fa-external-link" aria-hidden="true"></i>
            </span>`
        ).attr('data-original-title', 'Ir a administrador de acciones de la causa')
        .addClass('green');

        $('#causas-table_wrapper .dt-buttons a:nth-child(1)').html(
            `<span>
                <i class="fa fa-external-link" aria-hidden="true"></i>
            </span>`
        ).attr('data-original-title', 'Ir a administrador de causas del hallazgo')
        .addClass('green');

        $('#btn_limpiar').on('click', function(e) {
            limpiar_causas_y_acciones();
        })
    });
</script>
@endpush