@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">SEATSA Internacional</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Correlación normas</div>
    </div>

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></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">
                    <strong>{{ session()->get('success') }}</strong>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <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')
    {{--
    <div class="ui segment">
        <form class="ui form" action="usuarioSearch" method="get">
            <div class="inline fields sx-remove-margin">
                <div class="twelve wide field">
                    <input type="search" name="search" id="search" placeholder="Nombre del usuario…">
                </div>
                <div class="four wide field">
                    <input class="ui button" type="submit" name="" value="Buscar usuario">
                </div>
            </div>
        </form>
    </div>
    --}}
	@if ($permisos->crear == 1)
    <button class="ui button fluid primary create_correlacion_modal">
        <i class="pencil alternate icon"></i> Nueva Correlación
    </button>    
	@endif
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <p class="text-center" >{{ $datos_correlacion->count() }}</strong> resultados en esta página</p>
            <table id="lang-dt" class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th>Norma</th>
                        <th>Estándar internacional relacionado</th>
                        <th>Editado por</th>
                        <th>Fecha de edición</th>
                        
                        
                        <th class="collapsing">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @if($datos_correlacion->count())
                    @foreach ($datos_correlacion as $correlacion)
                       @php
                           $estandares = estandares_relacionados($correlacion->id_norma);
                       @endphp
                        <tr>
                            <td>{{ $correlacion->norma }} | {{$correlacion->version}}</td>
                            <td>
                                <ul>
                                    @foreach ($estandares as $estandar)
                                        <li>{{$estandar->nombre}}</li>
                                    @endforeach
                                    
                                </ul>
                                
                            </td>
                            @if(isset($correlacion->estandar->usuario))
                            <td>{{ $correlacion->estandar->usuario->nombre }}</td>
                            @else
                            <td>Sin registro</td>
                            @endif
                            <td>{{ $correlacion->fecha }}</td>
                            
                            
                            
                            <td>
                                <div class="ui tiny icon buttons">
                                 @if($permisos->verqr == 1 || $permisos->gerente == 1)
                                    <!-- Detalles -->                                    
                                    <a href="{{'correlacion_normas_internacional/correlacion_incisos/'.$correlacion->id_norma_x_estandar_internacional}}" class="ui button orange" 
                                       title="Modifica">
                                        <i class="right arrow icon"></i>
                                    </a>
                                 @endif
                                 @if ($permisos->actualizar == 1 || $permisos->gerente == 1)
                                    <a class="ui button green edit_estandar" 
                                    title="Modifica" 
                                    data-id_estandar_internacional="{{$correlacion->id_estandar_internacional}}">
                                        <i class="pencil alternate icon"></i>
                                    </a>
                                  @endif
                                   
                                  @if ($permisos->eliminar == 1 || $permisos->gerente == 1)
                                    <button class="ui button red eliminarUsuario" data-nombre_completo="{{$correlacion->norma }}" data-id_norma_x_estandar="{{$correlacion->id_norma_x_estandar_internacional }}">
                                        <i class="trash alternate icon"></i>
                                    </button>
                                  @endif
                                    
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
            {{-- $usuarios->links("pagination::bootstrap-4") --}}
        </div>
    </div>
    @php
    use App\Normas_x_Estandar_Internacional;
    function estandares_relacionados($id_norma){

        $datos = Normas_x_Estandar_Internacional::select('estandar_internacionales.nombre')
        ->join('estandar_internacionales','normas_x_estandar_internacionales.id_estandar_internacional','=','estandar_internacionales.id_estandar_internacional')
        ->where('id_norma',$id_norma)
        ->get();

        return $datos;
    }
    @endphp
    
    @include('Correlacion_Normas.create_modal')
    @include('Correlacion_Normas.edit_modal')
    <script>
        $(document).on('click','.create_correlacion_modal',function(){
            $('#create_correlacion_modal').modal('show'); 
        });
    </script>
    {{--@include('Usuarios.modify_modal')--}}
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.edit_estandar').on('click', function(){
                
                id_estandar_internacional = $(this).data('id_estandar_internacional');
                //console.log(id_estandar_internacional);
                //$('#edit_correlacion_modal').modal('show');
                
                $.ajax({
                    url:"{{url('data_norma_x_estandar')}}",
                    method:"POST",
                    data:{'id_estandar_internacional': id_estandar_internacional, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        //console.log(resultData);
                        $('#edit_correlacion_modal').modal('show');
                    }
                });
        
            });
        });
        
        $('#edit_correlacion_modal').on('show.bs.modal', function () {
            
            $("#modal-form-modify :input").each(function(){
                
                input = $(this).attr('id'); // This is the jquery object of the input, do what you will
                console.log(input);
                if(input in resultData){
                    
                        $('#modal-form-modify #'+input).val(resultData[input]);
                    
                }
            });
             
        });
    </script>
    @include('Correlacion_Normas.delete_modal')
    <script>
        $(document).on('click','.eliminarUsuario',function(){
            var id_norma_x_estandar=$(this).attr('data-id_norma_x_estandar');
            var nombre_completo=$(this).attr('data-nombre_completo');
           
            $('#id_norma_x_estandar_delete').val(id_norma_x_estandar);
            $('#nombre_norma_delete').html(nombre_completo);

            $('#delete_correlacion_modal').modal('show'); 
        });
    </script>
    @include('Usuarios.delete_firma_modal')
    <script>
        $(document).on('click','.eliminarFirma',function(){
            var id_usuario=$(this).attr('id');
            var nombre_firma=$(this).attr('data-nombre_firma');
           
            $('#id_usr_firma_delete').val(id_usuario);
            $('#nombre_firma_usr').html(nombre_firma);

            $('#delete_firma_mod').modal('show'); 
        });
    </script>
    <script>
        
    </script>
@endsection