@extends('material.layouts.dashboard')


@push('styles')
    <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', 'Planes de mejoramiento')


@section('page-description', 'ver, crear, modificar y eliminar planes de mejoramiento')

@section('content')
    <div class="col-md-12">
        @component('themes.bootstrap.components.portlet', ['icon' => 'fa fa-building-o', 'title' => 'Planes de mejoramiento institucionales'])
            {{-- Datatable --}}
            @component('themes.bootstrap.components.datatable', ['id' => 'planes-table-institucional'])
                @slot('columns', ['', '#', 'Plan de mejoramiento', 'Tipo',  'Origen', 'Vigencia', 'Fecha inicio', 'Fecha fin'])
            @endcomponent

            @component('themes.bootstrap.components.modal-large', ['id' => 'modal-form', 'class'=>'modalAñadirPlan', 'icon'=>'icon-settings font-green-haze','title' => 'Plan de mejoramiento'])
                    @slot('body')
                    <div class="row">
                        <div class="col-md-12">
                           {!! Form::open(['role' => 'form', 'id' => 'form-plan', 'novalidate' => 'novalidate', 'method' => 'POST', 'url' => route('store_plan')]) !!} 
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-md-12 form-group form-md-line-input ">
                                            <button type="button" class="btn btn-xs btn-secondary " data-toggle="tooltip" data-placement="right" title="Si el hallazgo es de auditorías, agregue el nombre del Informe fuente; si es de Ejercicios de autoevaluación, agregue el elemento fuente. (Ejem: Indicadores, Planes, Riesgos, PQRS, etc">?</button>
                                            <label for="vc_nombre_plan" class="control-label">* Nombre</label>
                                            <input type="text" class="form-control" name="vc_nombre_plan" id="vc_nombre_plan">
                                        </div>
                                        <div class="col-md-3 form-group form-md-line-input has-default">
                                            <label for="vc_tipo" class="control-label">* Tipo</label>
                                            {!!Form::select('vc_tipo',['Por Proceso' => 'Por Proceso', 'Institucional' => 'Institucional', 'Auditoria Externa' => 'Auditoria Externa'], null,['class'=>'form-control selectpicker','title'=>'Seleccione el tipo','id'=>'vc_tipo'])!!}
                                        </div>
                                        <div id="hiddenEntes" class="col-md-3 form-group form-md-line-input has-default" hidden>
                                            <label for="vc_ente" class="control-label">* Entes de Control</label>
                                            {!!Form::select('vc_ente',['Contraloria' => 'Contraloria', 'Personeria' => 'Personeria', 'Veeduría' => 'Veeduría', 'Procuraduria' => 'Procuraduria'], null,['class'=>'form-control selectpicker','title'=>'Seleccione el Ente','id'=>'vc_ente'])!!}
                                        </div>
                                        <div class="col-md-3 form-group form-md-line-input has-default">
                                            <button type="button" class="btn btn-xs btn-secondary " data-toggle="tooltip" data-placement="right" title="Si la fuente del hallazgo es de auditorias, registre  el día hábil posterior a la fecha de radicación del informe final de auditoria; si la fuente es originada en ejercicios de autoevaluación , agregue la fecha en la que registra el plan de mejoramiento">?</button>
                                            <label for="dt_fecha_inicio" class="control-label">* Fecha inicio</label>
                                            {!! Form::date('dt_fecha_inicio', '', ['class' => 'form-control','label' => 'Fecha inicio','id' => 'dt_fecha_inicio']) !!}
                                        </div>
                                        <div class="col-md-3 form-group form-md-line-input has-default">
                                            <button type="button" class="btn btn-xs btn-secondary " data-toggle="tooltip" data-placement="right" title="Si la fuente del hallazgo es de auditorias y/o ejercicios de autoevaluación, registrar la fecha  final, calculando 15 días hábiles  para la formulación +  un año calendario adicional  , máximo, para ejecutar la actividad">?</button>
                                            <label for="dt_fecha_fin" class="control-label">* Fecha fin</label>
                                            {!! Form::date('dt_fecha_fin','', ['class' => 'form-control','label' => 'Fecha fin','id' => 'dt_fecha_fin']) !!}
                                        </div>
                                    </div>
                                    <div class="row">
                                        <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', 'multiple'=> 'multiple', 'data-live-search'=>'true', 'data-size'=>'5', 'id'=>'i_fk_id_proceso'])!!}
                                        </div>
                                        <div class="col-md-6 form-group form-md-line-input has-default">
                                            <button type="button" class="btn btn-xs btn-secondary " data-toggle="tooltip" data-placement="right" title="Seleccione el área fuente del informe de auditoría">?</button>
                                            <label for="i_fk_id_dependencia" class="control-label">* Dependencias</label>
                                            {!!Form::select('i_fk_id_dependencia[]',$areas, null,['class'=>'form-control selectpicker','title'=>'Seleccione el area','multiple'=>'multiple', 'data-live-search'=>'true', 'data-size'=>'5', 'id'=>'i_fk_id_dependencia'])!!}
                                            
                                        </div>
                                        
                                        <div class="col-md-3 form-group form-md-line-input">
                                            <label for="vc_radicado_orfeo" class="control-label">Radicado orfeo</label>
                                            <input type="text" class="form-control" name="vc_radicado_orfeo" id="vc_radicado_orfeo">
                                        </div>
                                        <div class="col-md-3 form-group form-md-line-input">
                                            <label for="i_vigencia" class="control-label">* Vigencia</label>
                                            {!!Form::select('i_vigencia',['2011' => '2011','2012' => '2012','2013' => '2013','2014' => '2014','2015' => '2015','2016' => '2016','2017' => '2017','2018' => '2018','2019' => '2019','2020' => '2020','2021' => '2021','2022' => '2022'], null,['class'=>'form-control selectpicker','title'=>'Seleccione la vigencia','id'=>'i_vigencia'])!!}
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 form-group form-md-line-input">
                                            <label for="vc_origen_plan" class="control-label">* Origen plan de mejoramiento</label>
                                            {!!Form::select('vc_origen_plan',$origen_planes, null,['class'=>'form-control selectpicker','title'=>'Seleccione el origen', 'data-size'=>'5', 'id'=>'vc_origen_plan'])!!}
                                        </div>
                                    </div>
                                    <div class="row hide">
                                        <div class="col-md-12 form-group form-md-line-input">
                                        <label for="vc_proceso_origen_plan" class="control-label">* Descripción origen del plan de mejoramiento</label>
                                            <textarea name="vc_proceso_origen_plan" class="form-control" id="vc_proceso_origen_plan"></textarea>
                                        </div>
                                    </div>
                                    <input type="hidden" name="vc_proceso_origen_plan" class="form-control" id="vc_proceso_origen_plan"></textarea>
                                </div>
                                <div class="form-actions">
                                    <input type="hidden" name="i_fk_user" id="i_fk_user" value="{!! auth()->user()->id !!}">
                                    <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
        @endcomponent
    </div>

    <div class="col-md-12">
        @component('themes.bootstrap.components.portlet', ['icon' => 'fa fa-building-o', 'title' => 'Planes de mejoramiento de proceso'])
            {{-- Datatable --}}
            @component('themes.bootstrap.components.datatable', ['id' => 'planes-table-proceso'])
                @slot('columns', ['', '#', 'Plan de mejoramiento', 'Tipo',  'Origen', 'Vigencia', 'Fecha inicio', 'Fecha fin'])
            @endcomponent
        @endcomponent
    </div>

    <div class="col-md-12">
        @component('themes.bootstrap.components.portlet', ['icon' => 'fa fa-building-o', 'title' => 'Planes de mejoramiento de auditoria externa'])
            {{-- Datatable --}}
            @component('themes.bootstrap.components.datatable', ['id' => 'planes-table-externa'])
                @slot('columns', ['', '#', 'Plan de mejoramiento', 'Tipo', 'Ente', 'Origen', 'Vigencia', '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 validateRules = {
            'vc_nombre_plan':  { minlength: 5, required: true },
            'vc_tipo':    { required: true },
            'dt_fecha_inicio':    {  required: true },
            'dt_fecha_fin':    {  required: true },
            'vc_origen_plan':    { required: true },
            'i_vigencia':    { required: true },
            'i_fk_id_dependencia[]':    { required: true }
        };
        var validateMessage = {};

        var table, url, columns, modal;

        table = $('#planes-table-institucional');
        url = "{{ route('table_plan', ['id'=>0]) }}";
        columns = [
            {
                data: 'link',
                name: 'link',
                orderable: false,
                searchable: false,
                exportable: false,
                printable: false,
                className: 'text-right',
                render: null,
                responsivePriority:2,
                width: '35px'
            },
            {data: 'i_pk_id', name: 'i_pk_id', width: '35px'},
            {data: 'vc_nombre_plan', name: 'vc_nombre_plan'},
            {data: 'vc_tipo', name: 'vc_tipo', width: '100px'},
            {data: 'vc_origen', name: 'vc_origen'},
            {data: 'i_vigencia', name: 'i_vigencia',  width: '70px'},
            {data: 'dt_fecha_inicio', name: 'dt_fecha_inicio',  width: '70px'},
            {data: 'dt_fecha_fin', name: 'dt_fecha_fin',  width: '70px'},
            
        ];
        modal = 'modal-form';
        dataTableServer.init(table, url, columns, modal);

        //Edit a record
        $('#planes-table-institucional').delegate('.edit', 'click', function () {
            
            var validateForm = $('#form-plan');
            validateForm[0].reset();
            $('#ajax_progress').hide();
            $('#btn_cancel').removeAttr('disabled');
            $('#btn_save').removeAttr('disabled');

            $('#i_pk_id').val($(this).data('id'));
            $('#i_fk_user').val($(this).data('i-fk-user'));
            $('#vc_nombre_plan').val($(this).data('nombre'));
            $('#vc_tipo').val($(this).data('tipo')).trigger('change');
            $('#dt_fecha_inicio').val($(this).data('fecha-i'));
            $('#dt_fecha_fin').val($(this).data('fecha-f'));
            $('#i_fk_id_dependencia').val(($(this).data('dependencias') + "").split(',')).trigger('change');
            $('#vc_radicado_orfeo').val($(this).data('radicado'));
            $('#vc_origen_plan').val($(this).data('origen')).trigger('change');
            $('#vc_proceso_origen_plan').val($(this).data('proceso'));
            $('#i_vigencia').val($(this).data('vigencia')).trigger('change');
            $('#modal-form').modal('show');

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

                    var data = new FormData();
                    data.append('_method', 'PUT')
                    data.append("i_pk_id", $('#i_pk_id').val());
                    data.append("i_fk_user", $('#i_fk_user').val());
                    data.append("vc_nombre_plan", $('#vc_nombre_plan').val());
                    data.append("vc_tipo", $('#vc_tipo').val());
                    data.append("dt_fecha_inicio", $('#dt_fecha_inicio').val());
                    data.append("dt_fecha_fin", $('#dt_fecha_fin').val());
                    data.append("i_fk_id_dependencia", $('#i_fk_id_dependencia').val());
                    data.append("vc_radicado_orfeo", $('#vc_radicado_orfeo').val());
                    data.append("vc_origen_plan", $('#vc_origen_plan').val());
                    data.append("vc_proceso_origen_plan", $('#vc_proceso_origen_plan').val());
                    data.append("i_vigencia", $('#i_vigencia').trigger('change'));
                    
                    $('#btn_cancel').attr('disabled', 'disabled');
                    $('#btn').attr('disabled', 'disabled');
                    var table = $('#planes-table-institucional');
                    var modal = 'edit-plan';
                    var tableRoute = "{{ route('table_plan', ['id'=>0]) }}";
                    $('#ajax_progress').show();
                    ajaxRequest.init(route, type, data, modal, validateForm, table, tableRoute, true);
                }
                return {
                    init: function () {
                        dataRequest();
                    }
                }
            }();
            FormValidationMd.init(validateForm, validateRules, validateMessage, sendAjax);
        });
         //Edit a record
         $('#planes-table-proceso').delegate('.edit', 'click', function () {
            
            var validateForm = $('#form-plan');
            validateForm[0].reset();
            $('#ajax_progress').hide();
            $('#btn_cancel').removeAttr('disabled');
            $('#btn_save').removeAttr('disabled');

            $('#i_pk_id').val($(this).data('id'));
            $('#i_fk_user').val($(this).data('i-fk-user'));
            $('#vc_nombre_plan').val($(this).data('nombre'));
            $('#vc_tipo').val($(this).data('tipo')).trigger('change');
            $('#dt_fecha_inicio').val($(this).data('fecha-i'));
            $('#dt_fecha_fin').val($(this).data('fecha-f'));
            $('#i_fk_id_dependencia').val(($(this).data('dependencias') + "").split(',')).trigger('change');
            $('#vc_radicado_orfeo').val($(this).data('radicado'));
            $('#vc_origen_plan').val($(this).data('origen')).trigger('change');
            $('#vc_proceso_origen_plan').val($(this).data('proceso'));
            $('#i_vigencia').val($(this).data('vigencia')).trigger('change');
            var procesos = (""+$(this).data('i_fk_id_proceso')).split(',');
            $('#i_fk_id_proceso').val(procesos).trigger('change');
            $('#modal-form').modal('show');

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

                    var data = new FormData();
                    data.append('_method', 'PUT')
                    data.append("i_pk_id", $('#i_pk_id').val());
                    data.append("i_fk_user", $('#i_fk_user').val());
                    data.append("vc_nombre_plan", $('#vc_nombre_plan').val());
                    data.append("vc_tipo", $('#vc_tipo').val());
                    data.append("dt_fecha_inicio", $('#dt_fecha_inicio').val());
                    data.append("dt_fecha_fin", $('#dt_fecha_fin').val());
                    data.append("i_fk_id_dependencia", $('#i_fk_id_dependencia').val());
                    data.append("vc_radicado_orfeo", $('#vc_radicado_orfeo').val());
                    data.append("vc_origen_plan", $('#vc_origen_plan').val());
                    data.append("vc_proceso_origen_plan", $('#vc_proceso_origen_plan').val());
                    data.append("i_vigencia", $('#i_vigencia').trigger('change'));
                    data.append("i_fk_id_proceso", $('#i_fk_id_proceso').trigger('change'));
                    
                    $('#btn_cancel').attr('disabled', 'disabled');
                    $('#btn').attr('disabled', 'disabled');
                    var table = $('#planes-table-proceso');
                    var modal = 'edit-plan';
                    var tableRoute = "{{ route('table_plan', ['id'=>1]) }}";
                    $('#ajax_progress').show();
                    ajaxRequest.init(route, type, data, modal, validateForm, table, tableRoute, true);
                }
                return {
                    init: function () {
                        dataRequest();
                    }
                }
            }();
            FormValidationMd.init(validateForm, validateRules, validateMessage, sendAjax);
        });

        $('#planes-table-externa').delegate('.edit', 'click', function () {
            
            var validateForm = $('#form-plan');
            validateForm[0].reset();
            $('#ajax_progress').hide();
            $('#btn_cancel').removeAttr('disabled');
            $('#btn_save').removeAttr('disabled');
            
            $('#i_pk_id').val($(this).data('id'));
            $('#i_fk_user').val($(this).data('i-fk-user'));
            $('#vc_nombre_plan').val($(this).data('nombre'));
            $('#vc_tipo').val($(this).data('tipo')).trigger('change');
            $('#vc_ente').val($(this).data('ente')).trigger('change');
            $('#dt_fecha_inicio').val($(this).data('fecha-i'));
            $('#dt_fecha_fin').val($(this).data('fecha-f'));
            $('#i_fk_id_dependencia').val(($(this).data('dependencias') + "").split(',')).trigger('change');
            $('#vc_radicado_orfeo').val($(this).data('radicado'));
            $('#vc_origen_plan').val($(this).data('origen')).trigger('change');
            $('#vc_proceso_origen_plan').val($(this).data('proceso'));
            $('#i_vigencia').val($(this).data('vigencia')).trigger('change');
            var procesos = (""+$(this).data('i_fk_id_proceso')).split(',');
            $('#i_fk_id_proceso').val(procesos).trigger('change');
            $('#modal-form').modal('show');

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

                    var data = new FormData();
                    data.append('_method', 'PUT')
                    data.append("i_pk_id", $('#i_pk_id').val());
                    data.append("i_fk_user", $('#i_fk_user').val());
                    data.append("vc_nombre_plan", $('#vc_nombre_plan').val());
                    data.append("vc_tipo", $('#vc_tipo').val());
                    data.append("vc_ente", $('#vc_ente').val());
                    data.append("dt_fecha_inicio", $('#dt_fecha_inicio').val());
                    data.append("dt_fecha_fin", $('#dt_fecha_fin').val());
                    data.append("i_fk_id_dependencia", $('#i_fk_id_dependencia').val());
                    data.append("vc_radicado_orfeo", $('#vc_radicado_orfeo').val());
                    data.append("vc_origen_plan", $('#vc_origen_plan').val());
                    data.append("vc_proceso_origen_plan", $('#vc_proceso_origen_plan').val());
                    data.append("i_vigencia", $('#i_vigencia').trigger('change'));
                    data.append("i_fk_id_proceso", $('#i_fk_id_proceso').trigger('change'));
                    
                    $('#btn_cancel').attr('disabled', 'disabled');
                    $('#btn').attr('disabled', 'disabled');
                    var table = $('#planes-table-proceso');
                    var modal = 'edit-plan';
                    var tableRoute = "{{ route('table_plan', ['id'=>1]) }}";
                    $('#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
        $('#planes-table-proceso').delegate('a[data-show="eliminar"]', 'click', function (e) {
            $(this).closest('ul').find('li[data-rel="eliminar"]').show();
            e.stopPropagation();
        });

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

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

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

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

                var data = new FormData();
                data.append("i_pk_id", id);
                var table = $('#planes-table-proceso');
                var modal = null;
                var validateForm = null;
                var tableRoute = "{{ route('table_plan', ['id'=>1]) }}";
                ajaxRequest.init(route, type, data, modal, validateForm, table, tableRoute, true);
            }(id);
            //FormValidationMd.init(validateForm, validateRules, validateMessage, sendAjax);
        });

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

                var data = new FormData();
                data.append("i_pk_id", id);
                var table = $('#planes-table-institucional');
                var modal = null;
                var validateForm = null;
                var tableRoute = "{{ route('table_plan', ['id'=>0]) }}";
                ajaxRequest.init(route, type, data, modal, validateForm, table, tableRoute, true);
            }(id);
            //FormValidationMd.init(validateForm, validateRules, validateMessage, sendAjax);
        });

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

                var data = new FormData();
                data.append("i_pk_id", id);
                var table = $('#planes-table-externa');
                var modal = null;
                var validateForm = null;
                var tableRoute = "{{ route('table_plan', ['id'=>2]) }}";
                ajaxRequest.init(route, type, data, modal, validateForm, table, tableRoute, true);
            }(id);
            //FormValidationMd.init(validateForm, validateRules, validateMessage, sendAjax);
        });

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

            var validateForm = $('#form-plan');
            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_plan') }}';
                type = 'POST';
                var data = new FormData();
                data.append("i_pk_id", $('#i_pk_id').val());
                data.append("i_fk_user", $('#i_fk_user').val());
                data.append("vc_nombre_plan", $('#vc_nombre_plan').val());
                data.append("vc_tipo", $('#vc_tipo').val());
                data.append("dt_fecha_inicio", $('#dt_fecha_inicio').val());
                data.append("dt_fecha_fin", $('#dt_fecha_fin').val());
                data.append("i_fk_id_dependencia", $('#i_fk_id_dependencia').val());
                data.append("vc_radicado_orfeo", $('#vc_radicado_orfeo').val());
                data.append("vc_origen_plan", $('#vc_origen_plan').val());
                data.append("vc_proceso_origen_plan", $('#vc_proceso_origen_plan').val());
                data.append("i_vigencia", $('#i_vigencia').val());
                data.append("i_fk_id_proceso", $('#i_fk_id_proceso').val());
                data.append("vc_ente", $('#vc_ente').val());
                var form = $('#form-plan');

                if($('#vc_tipo').val() == "Auditoria Externa"){
                    var table = $('#planes-table-externa');
                    var tableRoute = "{{ route('table_plan', ['id'=>2]) }}";
                }

                if($('#vc_tipo').val() == "Por Proceso"){
                    var table = $('#planes-table-proceso');
                    var tableRoute = "{{ route('table_plan', ['id'=>1]) }}";

                }

                if($('#vc_tipo').val() == "Institucional"){
                    var table = $('#planes-table-institucional');
                    var tableRoute = "{{ route('table_plan', ['id'=>0]) }}";
                }

                ajaxRequest.init(route, type, data, modal, form, table, tableRoute, true);
            }
        });

        var table2, url, columns, modal;

        table2 = $('#planes-table-proceso');
        url = "{{ route('table_plan', ['id'=>1]) }}";
        columns = [
            {
                data: 'link',
                name: 'link',
                orderable: false,
                searchable: false,
                exportable: false,
                printable: false,
                className: 'text-right',
                render: null,
                responsivePriority:2,
                width: '35px'
            },
            {data: 'i_pk_id', name: 'i_pk_id', width: '35px'},
            {data: 'vc_nombre_plan', name: 'vc_nombre_plan'},
            {data: 'vc_tipo', name: 'vc_tipo', width: '100px'},
            {data: 'vc_origen', name: 'vc_origen'},
            {data: 'i_vigencia', name: 'i_vigencia',  width: '70px'},
            {data: 'dt_fecha_inicio', name: 'dt_fecha_inicio',  width: '70px'},
            {data: 'dt_fecha_fin', name: 'dt_fecha_fin',  width: '70px'},
            
        ];
        modal = 'modal-form';
        dataTableServer.init(table2, url, columns, modal);

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

        $(document).on("change", "#vc_tipo", function(e) {
            e.preventDefault();
            if ($(this).val() == 'Auditoria Externa') {
                $("#hiddenEntes").show();  
            }else{
                $("#hiddenEntes").hide();
            }
        });

        var table3, url, columns, modal;

        table3 = $('#planes-table-externa');
        url = "{{ route('table_plan', ['id'=>2]) }}";
        columns = [
            {
                data: 'link',
                name: 'link',
                orderable: false,
                searchable: false,
                exportable: false,
                printable: false,
                className: 'text-right',
                render: null,
                responsivePriority:2,
                width: '35px'
            },
            {data: 'i_pk_id', name: 'i_pk_id', width: '35px'},
            {data: 'vc_nombre_plan', name: 'vc_nombre_plan'},
            {data: 'vc_tipo', name: 'vc_tipo', width: '100px'},
            {data: 'vc_ente', name: 'vc_ente', width: '100px'},
            {data: 'vc_origen', name: 'vc_origen'},
            {data: 'i_vigencia', name: 'i_vigencia',  width: '70px'},
            {data: 'dt_fecha_inicio', name: 'dt_fecha_inicio',  width: '70px'},
            {data: 'dt_fecha_fin', name: 'dt_fecha_fin',  width: '70px'},
            
        ];
        modal = 'modal-form';
        dataTableServer.init(table3, url, columns, modal);

    });
</script>
@endpush