@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }

    $esGerente = (($permisos->gerente ?? 0) == 1);
    $puedeAutorizarCalidad = $es_calidad ?? false;
    $puedeVerAutorizacion = $puedeAutorizarCalidad || $esGerente;
@endphp
@section('contenido')
    <style>
        .control-documentos-table th,
        .control-documentos-table td {
            text-align: center !important;
            vertical-align: middle !important;
        }

        .control-documentos-table .ui.tiny.icon.buttons {
            justify-content: center;
        }

        .control-documentos-table .col-nombre-documento {
            min-width: 280px;
            max-width: none;
            overflow-wrap: anywhere;
            white-space: normal !important;
            text-align: left !important;
        }

        .control-documentos-table .ui.label,
        .control-documentos-table .btn,
        .control-documentos-table .ui.button {
            font-size: 12px;
        }
    </style>

    <div class="ui big breadcrumb">
        <div class="section">Sistema de gestión</div>
        <i class="right chevron icon divider"></i>
        {{-- Texto visible homologado del módulo. --}}
        <div class="section">Control de Documentos</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Versiónes del documento: {{$datos_documento->nombre_documento}}</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 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('Control_documentos.Notificacion.notificacion_documento_version')
    @if ($permisos->crear == 1 || $esGerente)
        <button class="ui button fluid primary create_version_documento_modal">
            <i class="pencil alternate icon"></i> Nueva versión del documento
        </button>
        <div class="ui divider"></div>
    @endif

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <p class="text-center" >{{$datos_documento_version->count()}}</strong> resultados en esta página</p>
            <table id="lang-dt" class="ui celled table unstackable control-documentos-table">
                <thead>
                    <tr>
                        <th class="col-nombre-documento">Nombre del documento</th>
                        <th>Clave</th>
                        <th>Versión</th>
                        <th>Fecha de alta</th>
                        <th>Estatus versión</th>

                        @if ($puedeVerAutorizacion)
                            <th>Autorización área calidad</th>
                        @endif

                        <th>Firma de personal</th>

                        @if($esGerente)
                            <th>Estatus difusión</th>
                            <th>Dudas de la difusión</th>
                            <th>Creado por</th>
                        @endif

                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($datos_documento_version as $dato)

                        @php
                            $firmas = $firmas_count[$dato->id_documento_version] ?? null;

                            $completo = $firmas
                                && $firmas->total > 0
                                && $firmas->total == $firmas->firmados;

                            $autorizado = $dato->estatus_autorizacion == 1;

                            $difusion_completa = $completo && $autorizado;
                        @endphp

                        <tr>
                            <td class="col-nombre-documento">{{$dato->nombre_archivo}}</td>
                            <td>{{$dato->clave}}</td>
                            <td style="text-align: center;">
                                {{ $dato->numero_version ?? '1' }}
                            </td>

                            <td>
                                {{ $dato->fecha ? \Carbon\Carbon::parse($dato->fecha)->format('d/m/Y') : 'N/A' }}
                            </td>
                            <td>
                                @switch($dato->estatus)
                                    @case("Activo")
                                        <span class="btn btn-success">Activo</span>
                                        @break
                                    @case("Inactivo")
                                        <span class="btn btn-danger">Inactivo</span>
                                        @break
                                    @default

                                @endswitch

                            </td>
                            @if ($puedeVerAutorizacion)
                                <td class="text-center">
                                    @if ($dato->estatus_autorizacion != null)

                                        @switch($dato->estatus_autorizacion)

                                            @case(0)

                                                @if($difusion_completa)
                                                    <button class="ui button grey disabled">
                                                        Proceso finalizado
                                                    </button>
                                                @else
                                                    @if($puedeAutorizarCalidad)
                                                        <a id="{{$dato->id_documento_version}}_autorizacion"
                                                            data-id="{{$dato->id_documento_version}}"
                                                            data-total="{{ $firmas_count[$dato->id_documento_version]->total ?? 0 }}"
                                                            data-firmados="{{ $firmas_count[$dato->id_documento_version]->firmados ?? 0 }}"
                                                            class="ui button yellow autorizacion">
                                                            Sin autorizar
                                                        </a>
                                                    @else
                                                        <button type="button" class="ui button yellow autorizacion" disabled>
                                                            Sin autorizar
                                                        </button>
                                                    @endif
                                                @endif

                                            @break

                                            @case(1)

                                                @if($difusion_completa)
                                                    <button class="ui button blue disabled">

                                                        Autorizado

                                                        @if($dato->fecha_autorizacion)
                                                            <br>
                                                            <small style="font-size:10px;">
                                                                {{ \Carbon\Carbon::parse($dato->fecha_autorizacion)->format('d/m/Y h:i a') }}
                                                            </small>
                                                        @endif

                                                    </button>
                                                @else
                                                    @if($puedeAutorizarCalidad)
                                                        <a id="{{$dato->id_documento_version}}_autorizacion"
                                                        data-id="{{$dato->id_documento_version}}"
                                                        class="ui button blue autorizacion">

                                                            Autorizado

                                                            @if($dato->fecha_autorizacion)
                                                                <br>
                                                                <small style="font-size:10px;">
                                                                    {{ \Carbon\Carbon::parse($dato->fecha_autorizacion)->format('d/m/Y h:i a') }}
                                                                </small>
                                                            @endif

                                                        </a>
                                                    @else
                                                        <button type="button" class="ui button blue autorizacion" disabled>
                                                            Autorizado

                                                            @if($dato->fecha_autorizacion)
                                                                <br>
                                                                <small style="font-size:10px;">
                                                                    {{ \Carbon\Carbon::parse($dato->fecha_autorizacion)->format('d/m/Y h:i a') }}
                                                                </small>
                                                            @endif
                                                        </button>
                                                    @endif
                                                @endif

                                            @break

                                        @endswitch

                                    @else
                                        @if($puedeAutorizarCalidad)
                                            <a id="{{$dato->id_documento_version}}_autorizacion"
                                                data-id="{{$dato->id_documento_version}}"
                                                data-total="{{ $firmas_count[$dato->id_documento_version]->total ?? 0 }}"
                                                data-firmados="{{ $firmas_count[$dato->id_documento_version]->firmados ?? 0 }}"
                                                class="ui button yellow autorizacion">
                                                Sin autorizar
                                            </a>
                                        @else
                                            <button type="button" class="ui button yellow autorizacion" disabled>
                                                Sin autorizar
                                            </button>
                                        @endif
                                    @endif
                                </td>
                            @endif



                            <td class="text-center">

                            @php
                                $firma = $firmas_usuario[$dato->id_documento_version] ?? null;
                                $puedeFirmar = $firma != null;
                            @endphp

                            {{-- NO PERTENECE A LA LÍNEA --}}
                            @if(!$puedeFirmar)
                                <button class="ui button grey disabled">
                                    No tienes permitido firmar
                                </button>

                            {{-- ESPERANDO AUTORIZACIÓN --}}
                            @elseif($dato->estatus_autorizacion != 1)
                                <button class="ui button grey disabled">
                                    Esperando autorización
                                </button>

                            {{--PUEDE FIRMAR --}}
                            @elseif($firma->estatus == 0)

                            @if($difusion_completa)
                                <button class="ui button grey disabled">
                                    Proceso finalizado
                                    @php
                                        $fecha_final = $firmas_finalizadas[$dato->id_documento_version]->fecha_final ?? null;
                                    @endphp
                                    @if($fecha_final)
                                        <br>
                                        <small style="font-size:10px;">
                                            {{ \Carbon\Carbon::parse($fecha_final)->format('d/m/Y h:i a') }}
                                        </small>
                                    @endif
                                </button>
                            @else
                                <button class="ui button yellow btn_firmar"
                                    data-id="{{$dato->id_documento_version}}"
                                    data-total="{{ $firmas_count[$dato->id_documento_version]->total ?? 0 }}"
                                    data-firmados="{{ $firmas_count[$dato->id_documento_version]->firmados ?? 0 }}">
                                    Firmar de enterado
                                </button>
                            @endif

                            {{-- YA FIRMÓ --}}
                            @elseif($firma->estatus == 1)
                            @php
                                $total = $firmas_count[$dato->id_documento_version]->total ?? 0;
                                $firmados = $firmas_count[$dato->id_documento_version]->firmados ?? 0;
                                $fecha_final = $firmas_finalizadas[$dato->id_documento_version]->fecha_final ?? null;
                            @endphp

                            <div>
                                @if($difusion_completa)
                                    <button class="ui button grey disabled">
                                        Proceso finalizado
                                        @if($firma->fecha_firma)
                                            <br>
                                            <small style="font-size:10px;">
                                                {{ \Carbon\Carbon::parse($firma->fecha_firma)->format('d/m/Y h:i a') }}
                                            </small>
                                        @endif
                                    </button>
                                @else
                                    <button class="ui button green btn_deshacer_firma"
                                        data-id="{{$dato->id_documento_version}}">
                                        Enterado

                                        @if($firma->fecha_firma)
                                            <br>
                                            <small style="font-size:10px;">
                                                {{ \Carbon\Carbon::parse($firma->fecha_firma)->format('d/m/Y h:i a') }}
                                            </small>
                                        @endif
                                    </button>
                                @endif
                            </div>
                            @endif

                            </td>
                            @if($esGerente)
                            <td class="text-center">

                            @php
                                $total = $firmas_count[$dato->id_documento_version]->total ?? 0;
                                $firmados = $firmas_count[$dato->id_documento_version]->firmados ?? 0;
                            @endphp

                            @if($dato->estatus_autorizacion != 1)
                                <span class="btn btn-warning">Pendiente</span>

                            @elseif($firmados == 0)
                                <span class="btn btn-warning">Pendiente</span>

                            @elseif($firmados < $total)
                                <span class="btn btn-warning">Usuarios pendientes por firmar</span>

                            @else
                                <span class="btn btn-success">Completa</span>
                            @endif

                            </td>
                            @endif

                            @if($esGerente)
                            <td class="text-center">

                            @php
                                $dudas = $dudas_count[$dato->id_documento_version]->total ?? 0;
                            @endphp

                            @if($dudas == 0)
                                <span class="btn btn-success">0</span>
                            @else
                                <span class="btn btn-danger">
                                    {{ $dudas }}
                                </span>
                            @endif

                            </td>
                            <td>{{ $dato->creado_por ?? 'N/A' }}</td>
                            @endif


                            <td>
                                <div class="ui tiny icon buttons">

                                    {{-- DIFUSIÓN DE CAMBIOS --}}
                                    @if ($esGerente)
                                        <a href="{{ url('bitacora_difusion/'.$dato->id_documento_version) }}"
                                            target="_blank"
                                            class="ui button orange"
                                            title="Difusión de cambios">
                                            <i class="download icon"></i>
                                        </a>
                                    @endif

                                    {{-- DUDAS --}}
                                    <a class="ui button yellow btn_dudas {{ ($completo && $autorizado) ? 'disabled btn_dudas_bloqueado' : '' }}"
                                        data-id="{{$dato->id_documento_version}}"
                                        title="Dudas">
                                        <i class="comment alternate icon"></i>
                                    </a>

                                    {{-- VISOR --}}
                                    <a href="{{ url('visor_documento/'.$dato->id_documento_version) }}"
                                        class="ui button purple"
                                        title="Ver visor">
                                        <i class="file alternate icon"></i>
                                    </a>

                                    {{-- FIRMAS --}}
                                    @if ($esGerente)
                                        <a href="{{ url('firmas_versiones_documentos/'.$dato->id_documento_version) }}"
                                            class="ui button teal"
                                            title="Firmas">
                                            <i class="list ul icon"></i>
                                        </a>
                                    @endif

                                    {{-- NOTIFICACIONES --}}
                                    @if ($esGerente)
                                        @php
                                            $bloquear_notificacion = $difusion_completa;
                                        @endphp

                                        <a
                                            data-id="{{$dato->id_documento_version}}"
                                            class="ui button blue notificacion_modal {{ $bloquear_notificacion ? 'disabled' : '' }}"
                                            title="Notificaciones">
                                            <i class="send icon"></i>
                                        </a>
                                    @endif

                                    {{-- EDITAR --}}
                                    @if ($permisos->actualizar == 1 || $esGerente)
                                        <a id="edit_version_{{$dato->id_documento_version}}"
                                            data-id="{{$dato->id_documento_version}}"

                                            @switch($dato->estatus_autorizacion)
                                                @case(1)
                                                    class="ui button green btn_editar_version"
                                                    @break
                                                @default
                                                    class="ui button green btn_editar_version disabled"
                                            @endswitch

                                            title="Editar">
                                            <i class="pencil icon"></i>
                                        </a>
                                    @endif

                                    {{-- ELIMINAR --}}
                                    @if ($permisos->eliminar == 1 || $esGerente)
                                        <a id="{{$dato->id_documento_version}}"
                                            data-nombre="{{$dato->nombre_archivo}}"
                                            class="ui button red delete_version"
                                            title="Eliminar">
                                            <i class="trash alternate icon"></i>
                                        </a>
                                    @endif

                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {{-- $usuarios->links("pagination::bootstrap-4") --}}
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-6">
            <a href="{{url('control_documentos')}}" class="ui button gray">Atrás</a>
        </div>
    </div>


    @include('Control_documentos.delete_version_modal')
    <script>
        const controlDocumentosStorageUrl = "{{ asset('storage/control_documentos') }}";

        function escapeHtml(value) {
            return $('<div>').text(value || '').html();
        }

        function renderArchivosVersion(v, archivosRelacionados = []) {
            let html = "";
            let fecha = v.created_at_formatted ? v.created_at_formatted : '-';
            let usuario = v.usuario_cambio ?? "N/A";

            if(v.ruta_archivo){
                html += `
                    <label><b>Documento</b></label>
                    <table class="ui celled table unstackable">
                        <thead>
                            <tr>
                                <th>Archivo</th>
                                <th>Nombre archivo</th>
                                <th>Fecha y hora de carga</th>
                                <th>Cargado por</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <a target="_blank"
                                    href="${controlDocumentosStorageUrl}/${encodeURIComponent(v.ruta_archivo)}"
                                    class="ui button blue">
                                        Ver archivo
                                    </a>
                                </td>
                                <td class="td-break">${escapeHtml(v.ruta_archivo)}</td>
                                <td>${escapeHtml(fecha)}</td>
                                <td>${escapeHtml(usuario)}</td>
                                <td>
                                    <div class="ui tiny icon buttons">
                                        <a class="ui button red btn_eliminar_archivo"
                                        data-id="${v.id_documento_version}"
                                        data-tipo="principal">
                                            <i class="trash icon"></i>
                                        </a>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                `;
            }

            let filasCambios = "";

            if(v.ruta_archivo_cambios){
                filasCambios += `
                    <tr>
                        <td>
                            <a target="_blank"
                            href="${controlDocumentosStorageUrl}/${encodeURIComponent(v.ruta_archivo_cambios)}"
                            class="ui button orange">
                                Ver archivo
                            </a>
                        </td>
                        <td class="td-break">${escapeHtml(v.ruta_archivo_cambios)}</td>
                        <td>${escapeHtml(fecha)}</td>
                        <td>${escapeHtml(usuario)}</td>
                        <td>
                            <div class="ui tiny icon buttons">
                                <a class="ui button red btn_eliminar_archivo"
                                data-id="${v.id_documento_version}"
                                data-tipo="cambios">
                                    <i class="trash icon"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                `;
            }

            (archivosRelacionados || []).forEach(archivo => {
                filasCambios += `
                    <tr>
                        <td>
                            <a target="_blank"
                            href="${controlDocumentosStorageUrl}/${encodeURIComponent(archivo.ruta_archivo)}"
                            class="ui button orange">
                                Ver archivo
                            </a>
                        </td>
                        <td class="td-break">${escapeHtml(archivo.nombre_original || archivo.ruta_archivo)}</td>
                        <td>${escapeHtml(archivo.created_at_formatted || '-')}</td>
                        <td>${escapeHtml(archivo.usuario_carga || 'N/A')}</td>
                        <td>
                            <div class="ui tiny icon buttons">
                                <a class="ui button red btn_eliminar_archivo"
                                data-id="${archivo.id_documento_version_archivo_cambio}"
                                data-tipo="cambios_relacionado">
                                    <i class="trash icon"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                `;
            });

            if(filasCambios !== ""){
                html += `
                    <label class="mt-2"><b>Documentos con cambios señalados</b></label>
                    <table class="ui celled table unstackable mt-2">
                        <thead>
                            <tr>
                                <th>Archivo</th>
                                <th>Nombre archivo</th>
                                <th>Fecha y hora de carga</th>
                                <th>Cargado por</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            ${filasCambios}
                        </tbody>
                    </table>
                `;
            }

            if(html === ""){
                html = "<p class='text-muted'>No hay archivos cargados</p>";
            }

            $('#edit_archivos_actuales').html(html);
        }
        $(document).on('click','.delete_version',function(){
            var id_documento_version = $(this).attr('id');
            var nombre=$(this).data('nombre');

            $('#id_documento_version_delete').val(id_documento_version);
            $('#nombre_version_delete').html(nombre);

            $('#delete_documento_version_modal').modal('show');
        });
    </script>


@include('Control_documentos.edit_version_sistema_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.edit_version_sistema').on('click', function(){
                showLoader();
                id_documento_version = $(this).data('id');
                $('#id_documento_version_update').val(id_documento_version);

                $.ajax({
                    url:"{{url('show_documento_version')}}",
                    method:"POST",
                    data:{'id_documento_version': id_documento_version, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = response;
                        resultData = result.data;
                        hideLoader();
                        console.log(resultData);
                        $('#edit_documento_version_sistema_modal').modal('show');
                    },
                    error: function () {
                    hideLoader();
                    }
                });

            });
        });

        $('#edit_documento_version_sistema_modal').on('show.bs.modal', function () {

            input_arr = ['clave_segunda','clave','nombre_archivo','fecha','estatus','ruta_archivo_sistema'];

            $.each(input_arr, function(key, value) {
                $('#edit_documento_version_sistema_modal #'+value).val(resultData['datos_documento_version'][value]);
                $('#edit_documento_version_sistema_modal #'+value).selectpicker('val',resultData['datos_documento_version'][value]);
            });


        });

    </script>
    @include('Control_documentos.edit_version_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.edit_version').on('click', function(){
                showLoader();
                id_documento_version = $(this).data('id');
                $('#id_documento_version_update').val(id_documento_version);

                $.ajax({
                    url:"{{url('show_documento_version')}}",
                    method:"POST",
                    data:{'id_documento_version': id_documento_version, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        //alert(response);
                        result = response;
                        resultData = result.data;
                        hideLoader();
                        console.log(resultData);
                        $('#edit_documento_version_modal').modal('show');
                    },
                    error: function () {
                    hideLoader();
                    }
                });

            });
        });

        $('#edit_documento_version_modal').on('show.bs.modal', function () {

            input_arr = ['clave','nombre_archivo','fecha','estatus'];

            $.each(input_arr, function(key, value) {
                $('#edit_documento_version_modal #'+value).val(resultData['datos_documento_version'][value]);
                $('#edit_documento_version_modal #'+value).selectpicker('val',resultData['datos_documento_version'][value]);
            });

            if (resultData['datos_documento_version']['ruta_archivo'] != null) {
                //html +=
                //$('#table_firma_digitalizada').html(html);
                html = "";
                html += "<table class='ui celled table unstackable'>";
                html += "<thead>";
                html += "<tr>";
                html += "<th class='collapsing'>Archivo</th>";
                html += "<th>Nombre</th>";
                html += "<th class='collapsing'>Acciones</th>";
                html += "</tr>";
                html += "</thead>";
                html += "<tbody>";

                    asset_storage = "/"+resultData['datos_documento_version']['ruta_archivo'];
                    html += "<tr>";
                        html += "<td><a target='_blank' href='{{asset('storage/control_documentos/')}}/"+resultData['datos_documento_version']['ruta_archivo']+"' id='"+resultData['datos_documento_version']['id_documento_version']+"' class='ui button blue fluid'>Ver Archivo</a></td>";
                        html += "<td>"+resultData['datos_documento_version']['ruta_archivo']+"</td>";
                        html += "<td>";
                        html += "<div class='ui tiny icon buttons'>";
                        html += "<a class='ui button red delete_archivo' id='"+resultData['datos_documento_version']['id_documento_version']+"' data-nombre='"+resultData['datos_documento_version']['ruta_archivo']+"'>";
                        html += "<i class='trash icon'></i>";
                        html += "</a>";
                        html += "</div>";
                        html += "</td>";
                        html += "</tr>";

                html += "</tbody>";
                html += "</table>";

                $('#datos_archivo').html(html);
            }else{
                html = "";
                @if(session('id_usuario') == 87)
                    html += "<div class='form-group row'>";
                    html += "<label for='documento_archivo' class='col-sm-2 col-form-label'>Documento</label>";
                    html += "<div class='col-sm-10'>";
                    html += "<div class='custom-file'>";
                    html += "<input type='file' class='custom-file-input' id='documento_archivo' name='documento_archivo'>";
                    html += "<label class='custom-file-label' for='documento_archivo'>Elegir archivo</label>";
                    html += "</div></div></div>";
                @endif

                $('#datos_archivo').html(html);
            }

        });

    </script>
    @include('Control_documentos.delete_archivo_modal')
    <script>
        $(document).on('click','.delete_archivo',function(){
            var id_documento_version = $(this).attr('id');
            var nombre=$(this).data('nombre');

            $('#id_archivo_delete').val(id_documento_version);
            $('#nombre_archivo_delete').html(nombre);

            $('#delete_archivo_modal').modal('show');
        });
    </script>
    @include('Control_documentos.notificacion_modal')
    <script>
        $(document).ready(function(){

            $(document).on('click','.notificacion_modal',function(){

                let id_version = $(this).data('id');

                let autorizado = $(this)
                    .closest('tr')
                    .find('.autorizacion')
                    .hasClass('blue');

                abrirModalNotificacion(id_version, autorizado);
            });

        });
    </script>

    @include('Control_documentos.delete_notificacion_modal')
    <script>
        $(document).on('click','.delete_notificacion',function(){
            var id_documento_notificacion = $(this).attr('id');
            var nombre=$(this).data('nombre');

            $('#id_notificacion_delete').val(id_documento_notificacion);
            $('#nombre_notificacion_delete').html(nombre);

            $('#delete_notificacion_modal').modal('show');
        });
    </script>
    <script>
        $(document).on('click','.autorizacion',function(){

        let btn = $(this);

        let id_documento_version = btn.data("id");
        let id_usuario = {{ session('id_usuario') }};

        let total = btn.data('total') || 0;
        let firmados = btn.data('firmados') || 0;

        let yaAutorizado = btn.hasClass('blue'); // estado actual

        // =========================
        // DESHACER AUTORIZACIÓN
        // =========================
        if(yaAutorizado){

            // 🚫 VALIDACIÓN: si alguien ya firmó
            if(firmados > 0){
                showConfirmModal(
                    "No puedes deshacer la autorización porque ya existen firmas registradas",
                    "Autorización bloqueada",
                    "Entendido"
                );
                return;
            }

            showConfirmModal(
                "¿Estás seguro de deshacer la autorización?\n\nEl documento volverá a estado pendiente.",
                "Deshacer autorización",
                "Sí, deshacer"
            ).then(confirmado => {

                if(!confirmado) return;

                ejecutarAutorizacion(id_documento_version, id_usuario);
            });

            return;
        }

        // =========================
        // AUTORIZAR
        // =========================

        let esUltimoPaso = (firmados === total && total > 0);

        let mensaje = "¿Deseas autorizar este documento?";

        if(esUltimoPaso){
            let nombre = "{{ session('nombre') ?? 'Usuario' }}";

            mensaje = nombre + ", estás a punto de AUTORIZAR el documento.\n\n" +
                    "Esto finalizará el proceso de difusión.\n\n" +
                    "Después de esto no se podrán generar dudas ni modificar firmas.\n\n" +
                    "¿Deseas continuar?";
        }

        showConfirmModal(
            mensaje,
            "Autorizar documento",
            "Sí, autorizar"
        ).then(confirmado => {

            if(!confirmado) return;

            ejecutarAutorizacion(id_documento_version, id_usuario);
        });

    });

    function ejecutarAutorizacion(id_documento_version, id_usuario){

        fetch("{{ url('change_autorizacion_version') }}", {
            method: "POST",
            headers: {
                "Content-Type": "application/json",
                "X-CSRF-TOKEN": "{{ csrf_token() }}"
            },
            body: JSON.stringify({
                id_documento_version: id_documento_version,
                id_usuario: id_usuario
            })
        })
        .then(res => res.json())
        .then(() => location.reload());
    }
    </script>
    <script>
        $(document).on('click','.autorizacion_tecnico',function(){

            id_documento_version = $(this).data("id");
            id_usuario = $(this).data("id_usuario");

            $.ajax({
                url:"{{url('change_autorizacion_tecnico_version')}}",
                method:"POST",
                data:{'id_documento_version': id_documento_version,'id_usuario': id_usuario, _token: '{{csrf_token()}}'},
                success:function(response){
                    //alert(response);
                    result = response;
                    resultData = result.data;
                    console.log(resultData);
                    if (resultData['estatus_tecnico']== "0") {

                        $('#'+id_documento_version+'_autorizacion_tecnico').removeClass("blue");
                        $('#'+id_documento_version+'_autorizacion_tecnico').addClass("yellow");
                        $('#'+id_documento_version+'_autorizacion_tecnico').text('Sin autorizar');
                        /*
                        $('#edit_version_'+id_documento_version).removeClass("enabled");
                        $('#edit_version_'+id_documento_version).addClass("disabled");
                        */
                    }
                    if (resultData['estatus_tecnico']=="1") {

                        $('#'+id_documento_version+'_autorizacion_tecnico').removeClass("yellow");
                        $('#'+id_documento_version+'_autorizacion_tecnico').addClass("blue");
                        $('#'+id_documento_version+'_autorizacion_tecnico').text('Autorizado');

                        /*
                        $('#edit_version_'+id_documento_version).removeClass("disabled");
                        $('#edit_version_'+id_documento_version).addClass("enabled");
                        */
                    }


                }
            });
        });
    </script>
    @include('Control_documentos.create_version_2-0_modal')

    @include('Control_documentos.edit_version_2-0_modal')

    <script>
        // EDITAR VERSIÓN
    $(document).on('click', '.btn_editar_version', function(){

        if($(this).hasClass('disabled')) return;

        let id = $(this).data('id');

        console.log("CLICK", id);

        abrirEditarVersion(id);
    });

    function abrirEditarVersion(id_version) {

        fetch("{{ url('show_documento_version') }}", {
            method: "POST",
            headers: {
                "Content-Type": "application/json",
                "X-CSRF-TOKEN": "{{ csrf_token() }}"
            },
            body: JSON.stringify({
                id_documento_version: id_version
            })
        })
        .then(res => res.json())
        .then(data => {

            let v = data.data.datos_documento_version;
            let archivosRelacionados = data.data.archivos_cambios_relacionados || [];
            console.log(v);

            // llenar campos
            $('#edit_id_version').val(v.id_documento_version);
            $('#edit_clave').val(v.clave);
            $('#edit_nombre_archivo').val(v.nombre_archivo);
            $('#edit_fecha').val(v.fecha);
            $('#edit_estatus').val(v.estatus);
            $('#edit_observaciones').val(v.observaciones);
            $('#edit_numero_version').val(v.numero_version);

            let categoria = "{{ $datos_documento->categoria_documento }}";
            $('#edit_categoria').val(categoria);

            // mostrar/ocultar inputs
            if(categoria === "Generado por sistema"){
                $('#edit_grupo_archivo').hide();
                $('#edit_grupo_ruta').show();
                $('#edit_ruta_archivo_sistema').val(v.ruta_archivo_sistema);
            }else{
                $('#edit_grupo_archivo').show();
                $('#edit_grupo_ruta').hide();
            }

            // NUEVO BLOQUE ARCHIVOS
            let html = "";

            let fecha = v.created_at_formatted ? v.created_at_formatted : '-';
            let usuario = v.usuario_cambio ?? "N/A";

            // ===============================
            // ARCHIVO PRINCIPAL
            // ===============================
            if(v.ruta_archivo){

                html += `
                <table class="ui celled table unstackable">
                    <thead>
                        <tr>
                            <th>Archivo</th>
                            <th>Nombre archivo</th>
                            <th>Fecha y hora de carga</th>
                            <th>Cargado por</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <a target="_blank"
                                href="{{ asset('storage/control_documentos') }}/${v.ruta_archivo}"
                                class="ui button blue">
                                    Ver archivo
                                </a>
                            </td>
                            <td class="td-break">${v.ruta_archivo}</td>
                            <td>${fecha}</td>
                            <td>${usuario}</td>
                            <td>
                                <div class="ui tiny icon buttons">
                                    <a class="ui button red btn_eliminar_archivo"
                                    data-id="${v.id_documento_version}"
                                    data-tipo="principal">
                                        <i class="trash icon"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>`;
            }

            // ===============================
            // CAMBIOS
            // ===============================
            if(v.ruta_archivo_cambios){

                html += `
                <table class="ui celled table unstackable mt-2">
                    <thead>
                        <tr>
                            <th>Archivo</th>
                            <th>Nombre archivo</th>
                            <th>Fecha y hora de carga</th>
                            <th>Cargado por</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <a target="_blank"
                                href="{{ asset('storage/control_documentos') }}/${v.ruta_archivo_cambios}"
                                class="ui button orange">
                                    Ver archivo
                                </a>
                            </td>
                            <td class="td-break">${v.ruta_archivo_cambios}</td>
                            <td>${fecha}</td>
                            <td>${usuario}</td>
                            <td>
                                <div class="ui tiny icon buttons">
                                    <a class="ui button red btn_eliminar_archivo"
                                    data-id="${v.id_documento_version}"
                                    data-tipo="cambios">
                                        <i class="trash icon"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>`;
            }

            // ===============================
            // VACÍO
            // ===============================
            if(!v.ruta_archivo && !v.ruta_archivo_cambios){
                html = "<p class='text-muted'>No hay archivos cargados</p>";
            }

            $('#edit_archivos_actuales').html(html);

            if(typeof editArchivosCambiosSeleccionados !== 'undefined'){
                editArchivosCambiosSeleccionados = [];
            }

            $('#edit_documento_cambios').val('');
            $('#edit_archivos_nuevos').html('').hide();

            renderArchivosVersion(v, archivosRelacionados);

            $('#edit_version_modal').modal('show');
        });
    }

    $(document).on('click', '.btn_eliminar_archivo', function(){

        let id = $(this).data('id');
        let tipo = $(this).data('tipo');

        showConfirmModal(
            "¿Eliminar archivo?",
            "Eliminar archivo",
            "Sí, eliminar"
        ).then(confirmado => {

            if(!confirmado) return;

            fetch("{{ url('destroy_documento_version_archivo') }}", {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                    "X-CSRF-TOKEN": "{{ csrf_token() }}"
                },
                body: JSON.stringify({
                    id_archivo_delete: id,
                    tipo: tipo
                })
            })
            .then(res => res.json())
            .then(() => location.reload());
        });
    });

    </script>

    @include('Control_documentos.dudas_modal')
    @include('Control_documentos.dudas_scripts')
    @include('Control_documentos.firmas_modal')

    <script>

        // abrir firmar
        let id_version_accion = null;
        let es_ultima_firma = false;

        $(document).on('click','.btn_firmar',function(){

            id_version_accion = $(this).data('id');

            let total = $(this).data('total');
            let firmados = $(this).data('firmados');

            // detectar última firma
            es_ultima_firma = (firmados + 1 == total);

            if(es_ultima_firma){

                let nombre = "{{ session('nombre') ?? 'Usuario' }}";

                showConfirmModal(
                    nombre + ", estás a punto de FINALIZAR el proceso de difusión.\n\n" +
                    "Una vez completado no se podrán generar más dudas ni rehacer firmas.\n\n" +
                    "¿Deseas continuar?",
                    "Última firma",
                    "Sí, firmar"
                ).then(confirmado => {

                    if(!confirmado) return;

                    $('#modal_firmar').modal('show');
                });

                return;
            }

            $('#modal_firmar').modal('show');
        });

        // confirmar firmar
        $('#confirmar_firma').click(function(){

            fetch("{{ url('change_firma_version') }}", {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                    "X-CSRF-TOKEN": "{{ csrf_token() }}"
                },
                body: JSON.stringify({
                    id_documento_version: id_version_accion,
                    id_usuario: {{ session('id_usuario') }}
                })
            })
            .then(res => res.json())
            .then(() => location.reload());
        });

        // abrir deshacer
        $(document).on('click','.btn_deshacer_firma',function(){
            id_version_accion = $(this).data('id');
            $('#modal_deshacer_firma').modal('show');
        });

        // confirmar deshacer
        $('#confirmar_deshacer_firma').click(function(){

            fetch("{{ url('change_firma_version') }}", {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                    "X-CSRF-TOKEN": "{{ csrf_token() }}"
                },
                body: JSON.stringify({
                    id_documento_version: id_version_accion,
                    id_usuario: {{ session('id_usuario') }},
                    deshacer: true
                })
            })
            .then(res => res.json())
            .then(() => location.reload());
        });
    </script>


@endsection