@extends('fragments.fullTemplate')
@section('titulo')
    Normas
@endsection
@section('contenido')
@php
    //use App\Http\Controllers\plaza_de_cobros;
    //$objPlaza = new plaza_de_cobros();
@endphp
    <div class="ui big breadcrumb">
        <div class="section">Calidad</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Normas</div>
    </div>
    {{--<div class="ui divider"></div>
    <ul class="nav nav-pills mb-3">
        <li class="nav-item">
        <a class="nav-link" href="{{url('normas_oficiales')}}">Normas Oficiales</a>
        </li>
        <li class="nav-item">
        <a class="nav-link active" href="{{url('normas')}}">Normas</a>
        </li>
    </ul>--}}
    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    @if ($permisos->gerente == 1)
    @include('fragments.navs', [
    "navs" => [
        [
            "active" => 1,
            "url" => "normas",
            "name" => "Normas"
        ],
        
        [
            "active" => 0,
            "url" => "normas_oficiales",
            "name" => "Normas Oficiales"
        ]
        
    ]
    ])
    @endif
    <div class="ui divider"></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    @include('Requisicion_compra.Notificacion.notificacion_requisicion_modal')
    @include('Control_documentos.Notificacion.notificacion_documento_version')
    @include('Modificaciones.notificacion_modificacion')
    @include('Modificaciones.Notificacion.notificacion_modificacion_firma_modal')
    @if ($permisos->gerente == 1)
    <a class="ui button fluid primary" id="new_norma">
        <i class="plus icon"></i> Agregar norma
    </a>
    @endif
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <table id="lang-dt" class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th class="">Norma/Estándar</th>
                        <th class="">Descripción</th>
                        <th class="collapsing">Traducción</th>
                        <th class="collapsing">Versión</th>
                        <th class="collapsing">Estatus</th>
                        <th class="collapsing">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @if($normas->count())
                    @foreach ($normas as $norma)
                        <tr>
                            <td>{{ $norma->nombre }}</td>
                            <td>{{ $norma->descripcion }}</td>
                            <td>{{ ($norma->eng_nombre && $norma->eng_descripcion) ? 'Si' : 'No' }}</td>
                            <td>{{ $norma->version }}</td>
                            <td>
                                @if($norma->estatus == 1)
                                <span class="btn btn-success">Activo</span>
                                @elseif($norma->estatus == 2)
                                <span class="btn btn-danger">Inactivo</span>
                                @endif
                            </td>
                            <td>
                                <div class="ui tiny icon buttons">
                                    @if ($permisos->gerente == 1)
                                    <a class="ui button blue" title="Traducir Norma" id="translate_norma" data-id="{{$norma->id_norma}}">
                                        <i class="translate icon"></i>
                                    </a>
                                    <a class="ui button blue" title="Copiar" id="copy_norma" data-id="{{$norma->id_norma}}">
                                        <i class="copy icon"></i>
                                    </a>

                                    <a class="ui button green" title="Modifica" id="edit_norma" data-id="{{$norma->id_norma}}">
                                        <i class="pencil alternate icon"></i>
                                    </a>

                                    <a class="ui button red" title="Eliminar" id="delete_norma" data-id="{{$norma->id_norma}}">
                                        <i class="trash alternate icon"></i>
                                    </a>
                                    @endif

                                    <a class="ui button orange" title="Clasificadores" href="{{url('normas/'.$norma->id_norma.'/capitulos')}}">
                                        <i class="arrow right icon"></i>
                                    </a>
                                       
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>
    </div>
    @include('Normas.new_norma')
    @include('Normas.edit_norma')
    @include('Normas.delete_norma')
    @include('Normas.copy_norma')
    @include('Normas.translate_norma')
    <script>
        resultData = [];
        id_norma = 0;

        function normalizarTextoNorma(texto) {
            texto = $.trim(texto || '').replace(/\s+/g, ' ');

            if (typeof texto.normalize === 'function') {
                texto = texto.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
            }

            return texto.toLowerCase();
        }

        function obtenerNombreNormaOficial($select) {
            var valor = $select.val();

            if (!valor) {
                return '';
            }

            return $.trim($select.find('option:selected').text() || '');
        }

        function actualizarAyudaNombreNorma($modal, bloqueado) {
            var $ayuda = $modal.find('.ayuda-nombre-norma');

            if (bloqueado) {
                $ayuda.text('El campo está bloqueado porque se usará el mismo nombre de la norma oficial.');
            } else {
                $ayuda.text('Puedes capturar un nombre diferente al de la norma oficial.');
            }
        }

        function bloquearNombreNorma($modal, bloquear) {
            $modal.find('input[name="nombre"]').prop('readonly', bloquear);
            actualizarAyudaNombreNorma($modal, bloquear);
        }

        function sincronizarNombreNormaConOficial($modal, forzarNombreOficial) {
            var $select = $modal.find('select[name="id_norma_oficial"]');
            var $nombre = $modal.find('input[name="nombre"]');
            var $check = $modal.find('.cambiar-nombre-norma');
            var nombreOficial = obtenerNombreNormaOficial($select);
            var tieneNormaOficial = nombreOficial !== '';
            var cambiarNombre = $check.is(':checked');

            if (!tieneNormaOficial) {
                bloquearNombreNorma($modal, false);
                return;
            }

            if (!cambiarNombre || forzarNombreOficial) {
                $nombre.val(nombreOficial);
                bloquearNombreNorma($modal, true);
                $check.prop('checked', false);
            } else {
                bloquearNombreNorma($modal, false);
            }
        }

        function configurarEstadoInicialNombreNormaEdit() {
            var $modal = $('#modalEditNorma');
            var $select = $modal.find('select[name="id_norma_oficial"]');
            var $nombre = $modal.find('input[name="nombre"]');
            var $check = $modal.find('.cambiar-nombre-norma');
            var nombreOficial = obtenerNombreNormaOficial($select);
            var nombreNorma = $.trim($nombre.val() || '');

            if (nombreOficial === '') {
                $check.prop('checked', true);
                bloquearNombreNorma($modal, false);
                return;
            }

            if (normalizarTextoNorma(nombreOficial) === normalizarTextoNorma(nombreNorma)) {
                $check.prop('checked', false);
                $nombre.val(nombreOficial);
                bloquearNombreNorma($modal, true);
            } else {
                $check.prop('checked', true);
                bloquearNombreNorma($modal, false);
            }
        }
        $(document).ready(function(){
            $('#new_norma').click(function(){
                $('#modalNewNorma').modal('show');
            });

            $('a#edit_norma').click(function(){
                id_norma = $(this).data('id');
                
                $.ajax({
                    url:"{{ url('normas/show_norma') }}",
                    method:"POST",
                    data:{'id_norma': id_norma, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response); 
                        resultData = result.data;
                        //console.log(resultData);
                        $('#modalEditNorma').modal('show');
                    }
                });
            });

            $('a#delete_norma').click(function(){
                id_norma = $(this).data('id');
                $('#modalDeleteNorma').modal('show');
            });

            $('a#copy_norma').click(function(){
                id_norma = $(this).data('id');
                $('#modalCopyNorma').modal('show');
            });

            $('a#translate_norma').click(function(){
                id_norma = $(this).data('id');
                $('#modalTranslateNorma').modal('show');
            });



            $('#modalNewNorma select[name="id_norma_oficial"]').on('changed.bs.select change', function() {
                sincronizarNombreNormaConOficial($('#modalNewNorma'), true);
            });

            $('#modalEditNorma select[name="id_norma_oficial"]').on('changed.bs.select change', function() {
                sincronizarNombreNormaConOficial($('#modalEditNorma'), !$('#modalEditNorma .cambiar-nombre-norma').is(':checked'));
            });

            $('#modalNewNorma .cambiar-nombre-norma, #modalEditNorma .cambiar-nombre-norma').on('change', function() {
                var $modal = $(this).closest('.modal');
                sincronizarNombreNormaConOficial($modal, !$(this).is(':checked'));

                if ($(this).is(':checked')) {
                    $modal.find('input[name="nombre"]').focus();
                }
            });

            $('#modalNewNorma').on('show.bs.modal', function () {
                $(this).find('.cambiar-nombre-norma').prop('checked', false);
                sincronizarNombreNormaConOficial($(this), false);
            });

            // agregamos funcion de editor al textarea de descargo de responsabilidades
            $('#descargo_responsabilidad').summernote({
                dialogsInBody: true,
                placeholder: 'Resultado',
                tabsize: 1,
                height: 50,
                toolbar: [
                    ['style', ['bold', 'italic', 'underline', 'clear']],
                    ['font', ['strikethrough', 'superscript', 'subscript']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['table', ['table']],
                    ['view', ['fullscreen', 'codeview']],
                    ['specialchars', ['specialchars']]
                ],
                icons: {
                    specialchars: '<i class="at icon"></i>',
                },
                callbacks: {
                    onPaste: function (e) {
                        var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
                        e.preventDefault();
                        document.execCommand('insertText', false, bufferText);
                    }
                },
                onPaste: function (e) {
                    var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
                    e.preventDefault();
                    document.execCommand('insertText', false, bufferText);
                },
                buttons: {
                    specialchars: specialCharacters
                }
            });
        });

        $('#modalEditNorma').on('show.bs.modal', function () {
            if (resultData['caract_informe'] != null && resultData['caract_informe']['sombreado_inciso'] == 1) {
                $('#modal-form-modify #sombreado_inciso_edit').prop('checked', true);
            }else{
                $('#modal-form-modify #sombreado_inciso_edit').prop('checked', false);
            }
            if (resultData['caract_informe']) {
                if (resultData['caract_informe']['mostrar_apendices']) {
                    $('#modal-form-modify #mostrar_apendices').prop('checked', true);
                }else{
                    $('#modal-form-modify #mostrar_apendices').prop('checked', false);
                }
            }else{
                $('#modal-form-modify #mostrar_apendices').prop('checked', false);
            }
            
           $("#modal-form-modify :input").each(function(){
               input = $(this).attr('id');
               //console.log(resultData['caract_informe']);
               if(input in resultData['norma']){
                    $('#modal-form-modify #'+input).val(resultData['norma'][input]);
                    $('#modal-form-modify #'+input).selectpicker('val', resultData['norma'][input]);
                    if(input == 'estatus'){
                        $('#modal-form-modify #'+input).selectpicker('val', resultData['norma'][input]);
                    }
                    if(input == 'descargo_responsabilidad'){
                        $('#descargo_responsabilidad').summernote("code", resultData['norma'][input]);
                    }
               }
           });

           configurarEstadoInicialNombreNormaEdit();
       });

        $('#modalDeleteNorma').on('show.bs.modal', function () {
            $('#modal-form-delete input#id_norma').val(id_norma);
        });

        $('#modalCopyNorma').on('show.bs.modal', function () {
            $('#modal-form-copy input#id_norma').val(id_norma);
        });
        $('#modalTranslateNorma').on('show.bs.modal', function () {
            $('#modal-form-translate input#id_norma').val(id_norma);
        });
    </script>
    <script src="{{ url('assets/js/standars/index.js?v=1.0') }}"></script>
@endsection