@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', 'EVALUACIÓN DE LA ACTIVIDAD ')


@section('page-description', 'Equipo De Control Interno')

@section('content')
    <div class="col-md-12">
        @component('themes.bootstrap.components.portlet', ['icon' => 'fa fa-building-o', 'title' => 'EVALUACIÓN EQUIPO DE CONTROL INTERNO', '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' => 'Evaluaciones Control Interno'])
            {{-- DATATABLE SEGUIMIENTOS--}}
            @component('themes.bootstrap.components.datatable', ['id' => 'evaluaciones-table'])
                @slot('columns', ['','Estado','Id', 'Descripción', 'Recomendaciones', 'Usuario', 'Fecha registro'])
            @endcomponent

            {{--FORMULARIO SEGUIMIENTOS--}}
            @component('themes.bootstrap.components.modal-large', ['id' => 'modal-form-evaluaciones', 'class'=>'modal-form', 'icon'=>'icon-settings font-green-haze','title' => 'EVALUACION DE LA ACTIVIDAD CORRECTIVA Y/O MEJORA'])
                    @slot('body')
                        @include('material.sections.hallazgos.evaluaciones.formulario')
                        <hr>
                    @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
        @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 () {

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

        /*$('#actividades-table-accion').dataTable( {
            paging: false,
            searching: false,
            info: false,
            //responsive:false,
        } );*/


        $('#seguimiento-table-2linea').dataTable( {
            paging: false,
            searching: false,
            info: false
        } );
        $('#seguimiento2-table-2linea').dataTable( {
            paging: false,
            searching: false,
            info: false
        } );

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

        //Tabla Evaluaciones
        let table_eval, url_eval, columns_eval, modal_eval;
        let id_accion = $('#id_accion').val();
        let id_evaluacion = 0;
        let editar_evaluacion = 0;
        
        table_eval = $('#evaluaciones-table');
        url_eval =  "{{ url('hallazgos') }}" + '/data_evaluaciones_accion/' + id_accion
        columns_eval = [
            {
                data: 'link',
                name: 'link',
                orderable: false,
                searchable: false,
                exportable: false,
                printable: false,
                className: 'text-right',
                render: null,
                responsivePriority:1,
                width: '8px'
            },
            {data: 'vc_estado', name: 'vc_estado', width: '25px'},
            {data: 'i_pk_id', name: 'i_pk_id', width: '8px'},
            {data: 'tx_descripcion', name: 'tx_descripcion'},
            {data: 'tx_recomendaciones', name: 'tx_recomendaciones'},
            {data: 'vc_usuario', name: 'vc_usuario', width: '25px'},
            {data: 'dt_fecha_registro', name: 'dt_fecha_registro', width: '30px'},
            
        ];
        modal_eval = 'modal-form-evaluaciones';
        dataTableServer.init(table_eval, url_eval, columns_eval, modal_eval);

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

        //Crear
        $('#form-evaluacion').submit(function (e) {
            e.preventDefault();
            
            var validateForm = $('#form-evaluacion');
            FormValidationMd.init(validateForm, validateRulesEvaluaciones, false, false);

            if(validateForm.valid()) {
                $('#modal-form-evaluaciones').modal('hide');
                $('.progress').show();
                var route, type;
                route = '{{ route('store_evaluacion_accion') }}';
                type = 'POST';
                var data = new FormData(this);
                data.append("i_fk_id_accion", id_accion);
                if(editar_evaluacion == 1){
                    data.append("id_evaluacion", $('#id_evaluacion').val());
                }else{
                    data.append("id_evaluacion", 0);
                }
         
                var form = $('#form-evaluacion');
                var table = $('#evaluaciones-table');
                var tableRoute = "{{ url('hallazgos') }}" + '/data_evaluaciones_accion/' + id_accion;
                ajaxRequest.init(route, type, data, modal_eval, form, table, tableRoute, true);
                $('#form-evaluacion')[0].reset();
                editar_evaluacion = 0;
                id_evaluacion=0;
                $('.progress').hide();
            }
        });

        //Editar
        $('#evaluaciones-table').delegate('.edit', 'click', function () {

            
            var validateForm = $('#form-evaluacion');
            validateForm[0].reset();
            $('.progress').hide();
            $('#btn_cancel').removeAttr('disabled');
            $('#btn_save_evaluacion').removeAttr('disabled');

            editar_evaluacion = 1;
            id_evaluacion = $(this).data('id');
            $('#id_evaluacion').val($(this).data('id'));
            $('#tx_descripcion').val($(this).data('tx-descripcion'));
            $('#tx_recomendaciones').val($(this).data('tx-recomendaciones'));
            $('#i_estado').selectpicker('val', $(this).data('i-estado'));
            $('.selectpicker').selectpicker('refresh')
            $('#i_fk_id_accion').val(id_accion);
            
            $('#modal-form-evaluaciones').modal('show');

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

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

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

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

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

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

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

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

    });
</script>
@endpush