@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', 'Seguimientos')


@section('page-description', 'ver, crear, modificar y eliminar Seguimientos')

@section('content')
    <div class="col-md-12">
        @component('themes.bootstrap.components.portlet', ['icon' => 'fa fa-building-o', 'title' => 'Seguimientos', 'nofooter' => true])
        <div class="row">
            <input type="hidden" id="id_accion" name="id_accion" value="{{$idAccion}}">
            @isset($accion)
                <div class="col-md-4 form-group">
                    <h5><b>Plan de mejoramiento # {{$accion->causa->hallazgo->plan['i_pk_id']}}:</b></h5>
                    <span>{{ $accion->causa->hallazgo->plan['vc_nombre_plan'] }}</span>
                </div>
                <div class="col-md-4 form-group">
                    <h5><b>Tipo</b></h5>
                    <span>{{ $accion->causa->hallazgo->plan['vc_tipo'] }}</span>
                </div>
                <div class="col-md-4 form-group">
                    <h5><b>Auditor</b></h5>
                    <span>{{ $accion->causa->hallazgo->plan->auditor['full_name'] }}</span>
                </div>
                <div class="form-group bg-info">
                    <div class="col-md-12">
                        <h5><b>Hallazgo # {{$accion->causa->hallazgo['i_pk_id']}}:</b></h5>
                    </div>
                    <div class="col-md-4">
                        <h5><b>Código</b></h5>
                        <span>{{ $accion->causa->hallazgo['vc_codigo'] }}</span>
                    </div>
                    <div class="col-md-4">
                        <h5><b>Componente</b></h5>
                        <span>{{ $accion->causa->hallazgo['vc_componente'] }}</span>
                    </div>
                    <div class="col-md-4">
                        <h5><b>Factor</b></h5>
                        <span>{{ $accion->causa->hallazgo['vc_factor'] }}</span>
                    </div>
                    <div class="col-md-12 form-group">
                        <hr>
                        <h5><b>Descripción del hallazgo</b></h5>
                        <span>{{ $accion->causa->hallazgo['tx_descripcion'] }}</span>
                    </div>
                </div>
               
                <div class="col-md-12 form-group">
                    <h5><b>Causa # {{$accion->causa['i_pk_id']}}:</b></h5>
                    <span>{{$accion->causa['tx_causa']}}</span>
                </div>
                <div class="form-group bg-info">
                    <div class="col-md-12">                        
                        <h5><b>Actividad # {{$accion['i_pk_id']}}:</b></h5>
                    </div>
                    <div class="col-md-6">
                        <h5><b>Descripción Actividad</b></h5>
                        <span>{{ $accion['tx_accion'] }}</span>
                    </div>
                    <div class="col-md-6">
                        <h5><b>Objetivo</b></h5>
                        <span>{{ $accion['tx_objetivo'] }}</span>
                    </div>          
                </div>
            @endisset
        </div>
        
        @endcomponent
        
        @component('themes.bootstrap.components.portlet', ['icon' => 'fa fa-building-o', 'title' => 'Seguimientos'])
            {{-- DATATABLE SEGUIMIENTOS--}}
            @component('themes.bootstrap.components.datatable', ['id' => 'seguimientos-table'])
                @slot('columns', ['','Estado','Id', 'Usuario', 'Descripción','Archivos','Radicado Orfeo', 'URL Evidencia', 'Fecha registro' , 'Indicador' , 'Formula Indicador' , 'Meta' , 'Fecha de Inicio' , 'Fecha de Fin'])
            @endcomponent

            {{--FORMULARIO SEGUIMIENTOS--}}
            @component('themes.bootstrap.components.modal-large', ['id' => 'modal-form-seguimientos', 'class'=>'modal-form', 'icon'=>'icon-settings font-green-haze','title' => 'Registro de seguimiento'])
                    @slot('body')
                        @include('material.sections.hallazgos.seguimientos.formulario')
                    @endslot
                @slot('footer')
                    <div 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>

                    {{-- DATATABLE ARCHIVOS SEGUIMIENTOS--}}
                    <div class="col-md-12 text-left">
                        <h4><b>Evidencias</b></h4>
                    </div>¨
                    <div class="col-md-12">
                        @component('themes.bootstrap.components.datatable', ['id' => 'archivos-seguimiento-table'])
                            @slot('columns', ['','Id','Nombre','Archivo','Fecha registro'])
                        @endcomponent
                    </div>
                @endslot
            @endcomponent
        @endcomponent
    </div>

    {{--FORMULARIO SEGUIMIENTOS AUDITOR--}}
    @component('themes.bootstrap.components.modal-large', ['id' => 'modal-form-seguimientos-auditor', 'class'=>'modal-form', 'icon'=>'icon-settings font-green-haze','title' => 'AUDITOR: REVISIÓN DE SEGUIMIENTO - OCI'])
        @slot('body')
            @include('material.sections.hallazgos.seguimientos.formulario-auditor')
        @endslot
        @slot('footer')
            <div 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

    {{--MODAL COMENTARIOS--}}
    @component('themes.bootstrap.components.modal-large', ['id' => 'modal-form-comentarios', 'class'=>'modal-large', 'icon'=>'icon-settings font-green-haze','title' => 'Comentarios seguimiento'])
        @slot('body')
        <div class="col-md-12">
            @component('themes.bootstrap.components.datatable', ['id' => 'comentarios-seguimiento-table'])
                @slot('columns', ['Fecha registro','Comentario','Usuario'])
            @endcomponent
        </div>
            @include('material.sections.hallazgos.seguimientos.formulario-comentario')
        @endslot
        @slot('footer')
            <div 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
@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 () {

        $('select').selectpicker();
        var validateMessage = {};

        var validateRulesSeguimiento = {
            'tx_descripcion': { minlength: 1, required: true }
        };

        var validateRulesSeguimientoAuditor = {
            'i_estado_auditor': { required: true }
        };

        var validateRulesComentario = {
            'tx_comentario': { required: true },
        };

        //Tabla Seguimientos
        let table_seg, url_seg, columns_seg, modal_seg;
        let id_accion = $('#id_accion').val();
        let id_seguimiento = 0;
        let editarSeguimiento = 0;

        table_seg = $('#seguimientos-table');
        url_seg =  "{{ url('hallazgos') }}" + '/data_seguimientos_accion/' + id_accion
        columns_seg = [
            {
                data: 'link',
                name: 'link',
                orderable: false,
                searchable: false,
                exportable: false,
                printable: false,
                className: 'text-right',
                render: null,
                responsivePriority:1,
                width: '35px'
            },
            {
                data: 'i_estado',
                name: 'i_estado',
                orderable: false,
                searchable: false,
                exportable: false,
                printable: false,
                className: 'text-center',
                render: null,
                responsivePriority:2,
                width: '35px'
            },
            {data: 'i_pk_id', name: 'i_pk_id', width: '8px',responsivePriority:1},
            {data: 'vc_usuario', name: 'vc_usuario', width: '30px'},
            {data: 'tx_descripcion', name: 'tx_descripcion', responsivePriority:3},
            {
                data: 'archivos',
                name: 'archivos',
                orderable: false,
                searchable: false,
                exportable: false,
                printable: false,
                className: 'text-center',
                render: null,
                responsivePriority:2,
                width: '35px'
            },
            {data: 'vc_num_radicado', name: 'vc_num_radicado', width: '35px'},
            {data: 'tx_ubicacion_evidencia', name: 'tx_ubicacion_evidencia', width: '35px'},
            {data: 'dt_fecha_registro', name: 'dt_fecha_registro', width: '35px'},
            {data: 'vc_indicador', name: 'vc_indicador', width: '35px'},
            {data: 'vc_formula_indicador', name: 'vc_formula_indicador', width: '35px'},
            {data: 'vc_meta', name: 'vc_meta', width: '35px'},
            {data: 'dt_fecha_inicio', name: 'dt_fecha_inicio', width: '35px'},
            {data: 'dt_fecha_fin', name: 'dt_fecha_fin', width: '35px'},
        ];
        modal_seg = 'modal-form-seguimientos';
        dataTableServer.init(table_seg, url_seg, columns_seg, modal_seg);

        table_seg = table_seg.DataTable();
        
        
        let table_ar_seg, url_ar_seg, columns_ar_seg, modal_ar_seg;


        table_ar_seg = $('#archivos-seguimiento-table');
        url_ar_seg =  "{{ url('hallazgos') }}" + '/data_archivos_seguimiento/' + id_seguimiento
        columns_ar_seg = [
            {
                data: 'link',
                name: 'link',
                orderable: false,
                searchable: false,
                exportable: false,
                printable: false,
                render: null,
                className: 'text-center',
                responsivePriority:2,
                width: '5px'
            },
            {data: 'i_pk_id', name: 'i_pk_id', width: '25px',className: 'text-left'},
            {data: 'tx_nombre', name: 'tx_nombre', width: '50px',className: 'text-left'},
            {
                data: 'archivo',
                name: 'archivo',
                orderable: false,
                searchable: false,
                exportable: false,
                printable: false,
                className: 'text-center',
                render: null,
                responsivePriority:2,
                width: '45px'
            },
            {data: 'dt_fecha_registro', name: 'dt_fecha_registro', width: '35px', className: 'text-left'},
        ];
        modal_ar_seg = 'modal-form-seguimientoss';
        dataTableServer.init(table_ar_seg, url_ar_seg, columns_ar_seg, modal_ar_seg);

        table_ar_seg = table_ar_seg.DataTable();

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

        //Crear Seguimiento
        $('#form-seguimiento').submit(function (e) {
            e.preventDefault();
            table_ar_seg.clear();
            table_ar_seg.ajax.reload();
            var validateForm = $('#form-seguimiento');
            FormValidationMd.init(validateForm, validateRulesSeguimiento, false, false);

            if(validateForm.valid()) {
                $('#modal-form-seguimientos').modal('hide');
                $('.progress').show();
                var route, type;
                route = '{{ route('store_seguimiento_accion') }}';
                type = 'POST';
                var data = new FormData(this);
                data.append("i_fk_id_accion", id_accion);
                if(editarSeguimiento == 1){
                    data.append("id_seguimiento", $('#id_seguimiento').val());
                }else{
                    data.append("id_seguimiento", 0);
                }
         
                var form = $('#form-seguimiento');
                var table = $('#seguimientos-table');
                var tableRoute = "{{ url('hallazgos') }}" + '/data_seguimientos_accion/' + id_accion;
                ajaxRequest.init(route, type, data, modal_seg, form, table, tableRoute, true);
                $('#form-seguimiento')[0].reset();
                editarSeguimiento = 0;
                id_seguimiento=0;
                $('.progress').hide();
                table_ar_seg.ajax.reload();
            }
        });

        //Editar Seguimiento
        $('#seguimientos-table').delegate('.edit', 'click', function () {
            var validateForm = $('#form-seguimiento');
            validateForm[0].reset();
            $('.progress').hide();
            $('#btn_cancel').removeAttr('disabled');
            $('#btn_save_seguimiento').removeAttr('disabled');

            editarSeguimiento = 1;
            id_seguimiento = $(this).data('id');
            var newTableRoute = "{{ url('hallazgos') }}" + '/data_archivos_seguimiento/' + id_seguimiento;
            table_ar_seg.clear();
            table_ar_seg.ajax.url(newTableRoute).load();
            table_ar_seg.ajax.reload();
           
            $('#id_seguimiento').val($(this).data('id'));
            $('#tx_descripcion').val($(this).data('tx-descripcion'));
            $('#i_avance').val($(this).data('i-avance'));
            $('#i_fk_id_accion').val(id_accion);
            
            $('#modal-form-seguimientos').modal('show');

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

                    var data = new FormData();
                    data.append('_method', 'PUT');
                    data.append("i_fk_id_accion", id_accion);
                    data.append("id_seguimiento", $('#id_seguimiento').val());
                    data.append("tx_descripcion", $('#tx_descripcion').val());
                    data.append("archivos", $('#archivos').val());        
                    var form = $('#form-seguimiento');

                    $('#btn_cancel').attr('disabled', 'disabled');
                    $('#btn').attr('disabled', 'disabled');
                    var table = $('#seguimientos-table');
                    var modal = 'edit-seg';
                    var tableRoute = "{{ url('hallazgos') }}" + '/data_seguimientos_accion/' + id_accion;
                    $('.progress').show();
                    ajaxRequest.init(route, type, data, modal, validateForm, table, tableRoute, true);
                    $('#form-seguimiento')[0].reset();
                }
                return {
                    init: function () {
                        dataRequest();
                    }
                }
            }();
            FormValidationMd.init(validateForm, validateRulesSeguimiento, validateMessage, sendAjax);
        });

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

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

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

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

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

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

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

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

        $('#archivos-seguimiento-table').delegate('.eliminar', 'click', function () {
            var id = $(this).data('id');
            $('#modal-form-seguimientos').modal('hide');
            var dataRequest = function (id) {
                var route, type;
                route = '{{ route('delete_archivo_seguimiento') }}';
                type = 'POST';  
                var data = new FormData();
                data.append("i_pk_id", id);
                var table = $('#archivos-seguimiento-table');
                var modal = null;
                var validateForm = null;
                var tableRoute = "{{ url('hallazgos') }}" + '/data_archivos_seguimientos' + id_seguimiento;
                ajaxRequest.init(route, type, data, modal, validateForm, table, tableRoute, true);
                table_seg.ajax.reload();
            }(id);
        });

        //Gestionar Estado seguimiento
        $('#seguimientos-table').delegate('.estado', 'click', function () {
            
            var validateForm = $('#form-seguimiento-auditor');
            validateForm[0].reset();
            $('.progress').hide();
            $('#btn_cancel').removeAttr('disabled');
            $('#btn_save_seguimiento_auditor').removeAttr('disabled');

            editarSeguimiento = 1;
            id_seguimiento = $(this).data('id');
            var newTableRoute = "{{ url('hallazgos') }}" + '/data_archivos_seguimiento/' + id_seguimiento;

              
                actualizarTablaComentarios1L(id_seguimiento);
                actualizarTablaComentarios2L(id_seguimiento);
                actualizarTablaComentarios3L(id_seguimiento);
           
            
            $('#id_seguimiento_auditor').val($(this).data('id'));
            $('#tx_descripcion_auditor').val($(this).data('tx-descripcion'));
            $('#i_avance_auditor').val($(this).data('i-avance'));
            $('#i_estado_auditor').selectpicker('val', $(this).data('i-estado'));
            $('.selectpicker').selectpicker('refresh')
            $('#modal-form-seguimientos-auditor').modal('show');  
                      
        });

        //Auditor: Revisar Seguimiento
        $("#btn_save_seguimiento_auditor").click(function(e){
            e.preventDefault();
            
            var validateForm = $('#form-seguimiento-auditor');
            FormValidationMd.init(validateForm, validateRulesSeguimientoAuditor, false, false);

            if(validateForm.valid()) {
                $('.progress').show();
                var datos = {
                  'id_seguimiento': $('#id_seguimiento_auditor').val(),
                  'i_avance': $('#i_avance_auditor').val(),
                  'i_estado': $('#i_estado_auditor').val()
                };
                var formData = new FormData(document.getElementById('form-seguimiento-auditor'));
                $.ajax({
                    url: '{{ route('revisar_seguimiento') }}',
                    type: 'POST',
                    data: formData,
                    contentType: false,
                    cache: false,
                    processData: false,
                    dataType: "json",
                    success: function (data) {
                        $('#modal-form-seguimientos-auditor').modal('hide');
                        $('.progress').hide();
                        swal(data.title, data.message, data.type);
                        table_seg.ajax.reload();
                    }
                });
            }
        });
        
        //Gestión de comentarios
        let id_seguimiento_comentarios = 0;
        
        function actualizarTablaComentarios(idSeg) {
            $('#comentarios-seguimiento-table').DataTable({
                processing: true,
                serverSide: true,
                responsive: true,
                "destroy": true,
                "scrollY":"300px",
                "scrollCollapse": true,
                "scrollX": false,
                "paging":false,
                language: {
                    "sProcessing": '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i> <span class="sr-only">Procesando...</span>',
                    "sLengthMenu": "Mostrar _MENU_ registros",
                    "sZeroRecords": "No se encontraron resultados",
                    "sEmptyTable": "Ningún dato disponible en esta tabla",
                    "sInfo": "Mostrando comentarios del _START_ al _END_ de un total de _TOTAL_ comentarios",
                    "sInfoEmpty": "Mostrando comentarios del 0 al 0 de un total de 0 comentarios",
                    "sInfoFiltered": "(filtrado de un total de _MAX_ registros)",
                    "sInfoPostFix": "",
                    "sSearch": "Buscar:",
                    "sUrl": "",
                    "sInfoThousands": ",",
                    "sLoadingRecords": "Cargando...",
                    "oPaginate": {
                        "sFirst": "Primero",
                        "sLast": "Último",
                        "sNext": "Siguiente",
                        "sPrevious": "Anterior"
                    },
                   
                },
                "ajax": {
                    "url": '{{ route('obtener_comentarios_seguimiento') }}',
                    "type": 'POST',
                    "data": {'id_seguimiento': idSeg}
                },
                columns: [
                    {data: 'dt_fecha_registro', name: 'dt_fecha_registro',width: '60px'},
                    {data: 'tx_descripcion', name: 'tx_descripcion'},
                    {data: 'vc_usuario', name: 'vc_usuario',width: '60px'},
                    
                ],
            });
        }
        actualizarTablaComentarios(id_seguimiento_comentarios);

        $('#seguimientos-table').delegate('a[data-target="#comentarios_seguimiento"]', 'click', function (e) {
            id_seguimiento_comentarios = $(this).data('id');
            // console.log(id_seguimiento_comentarios);
            actualizarTablaComentarios(id_seguimiento_comentarios);
            $('#modal-form-comentarios').modal('toggle');
            
        });

        $("#btn_save_comentario").click(function(e){
            e.preventDefault();
            // console.log(id_seguimiento_comentarios);
            var validateForm = $('#form-comentario');
            FormValidationMd.init(validateForm, validateRulesComentario, false, false);

            if(validateForm.valid()) {
                $('.progress').show();
                var formData = new FormData(document.getElementById('form-comentario'));
                formData.append('id_seguimiento',id_seguimiento_comentarios);
                $.ajax({
                    url: '{{ route('store_comentario_seguimiento') }}',
                    type: 'POST',
                    data: formData,
                    contentType: false,
                    cache: false,
                    processData: false,
                    dataType: "json",
                    success: function (data) {
                        $('.progress').hide();
                        toastr.success(data.title,data.message);
                        var newTableRoute = "{{ route('obtener_comentarios_seguimiento') }}";
                        actualizarTablaComentarios(id_seguimiento_comentarios);
                    }
                });
            }
        });

        function actualizarTablaComentarios1L(idSeg) {
            $('#comentarios-seguimiento-1l-table').DataTable({
                "destroy": true,
                searching: false, paging: false, info: false,
                "ajax": {
                    "url": '{{ route('consolidado_comentario_seguimiento') }}',
                    "type": 'POST',
                    "data": {'id_seguimiento': idSeg}
                },
                columns: [
                    {data: 'dt_fecha_registro', name: 'dt_fecha_registro',width: '60px'},
                    {data: 'tx_descripcion', name: 'tx_descripcion'},
                    {data: 'vc_usuario', name: 'vc_usuario',width: '60px'},
                    
                ],
            });
        }

        function actualizarTablaComentarios2L(idSeg) {

            $('#comentarios-seguimiento-2l-table').DataTable({
                "destroy": true,
                searching: false, paging: false, info: false,
                "ajax": {
                    "url": '{{ route('consolidado_comentario_seguimiento_2l') }}',
                    "type": 'POST',
                    "data": {'id_seguimiento': idSeg}
                },
                columns: [
                    {data: 'dt_fecha_registro', name: 'dt_fecha_registro',width: '60px'},
                    {data: 'tx_descripcion', name: 'tx_descripcion'},
                    {data: 'vc_usuario', name: 'vc_usuario',width: '60px'},
                    
                ],
            });
        }

        function actualizarTablaComentarios3L(idSeg) {
            $('#comentarios-seguimiento-3l-table').DataTable({
                "destroy": true,
                searching: false, paging: false, info: false,
                "ajax": {
                    "url": '{{ route('consolidado_comentario_seguimiento_3l') }}',
                    "type": 'POST',
                    "data": {'id_seguimiento': idSeg}
                },
                columns: [
                    {data: 'dt_fecha_registro', name: 'dt_fecha_registro',width: '60px'},
                    {data: 'tx_descripcion', name: 'tx_descripcion'},
                    {data: 'vc_usuario', name: 'vc_usuario',width: '60px'},
                    
                ],
            });
        }

    });
</script>
@endpush