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

@endphp

@section('contenido')

<div class="container-fluid">

    {{-- HEADER --}}
    <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')

    @php
        $version = $datos_documento_version;
    @endphp

    @php
    $firmo = $firmas_usuario && $firmas_usuario->estatus == 1;
    @endphp

    @php
        $firmas = $firmas_count;

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

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

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


    <div class="card mb-4 shadow">

        {{-- BOTONES --}}
        <div class="card-body">

            @php
                $mostrarAutorizar = $es_calidad && !$difusion_completa;
            @endphp

            <div class="row text-center justify-content-center">

                {{-- AUTORIZAR --}}
                @if($mostrarAutorizar)
                <div class="col-md-4">
                    @if($version->estatus_autorizacion == 1)
                        {{-- Estado autorizado homologado con la tabla de versiones. --}}
                        <button type="button" class="ui button blue autorizacion w-100" disabled>
                            Autorizado

                            @if($version->fecha_autorizacion)
                                @php $fechaAutorizacionVisor = \Carbon\Carbon::parse($version->fecha_autorizacion); @endphp
                                <br>
                                <small style="font-size:10px;">
                                    {{ $fechaAutorizacionVisor->format('d/m/Y h:i a') }}
                                </small>
                            @endif
                        </button>
                    @else
                        {{-- Estado sin autorizar homologado con la tabla de versiones. --}}
                        <button type="button" class="ui button yellow autorizacion w-100"
                            onclick="autorizar({{ $version->id_documento_version }})">
                            Sin autorizar
                        </button>
                    @endif
                </div>
                @endif

                {{-- FIRMAR --}}
                <div class="col-md-4">

                    @php $firma = $firmas_usuario; @endphp

                    @if($difusion_completa)
                        <button class="btn btn-secondary w-100" disabled>
                            Proceso finalizado
                            {{-- Fecha de firma homologada con la tabla de versiones. --}}
                            @if($firma && $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>

                    @elseif(!$firma)
                        <button class="btn btn-secondary w-100" disabled>
                            No tienes permitido firmar
                        </button>

                    @elseif($version->estatus_autorizacion != 1)
                        <button class="btn btn-secondary w-100" disabled>
                            Esperando autorización
                        </button>

                    @elseif($firma->estatus == 1)
                        <button class="btn btn-success w-100">
                            Enterado
                            {{-- Fecha de firma homologada con la tabla de versiones. --}}
                            @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="btn btn-warning w-100"
                            onclick="firmar({{ $version->id_documento_version }})">
                            Firmar de enterado
                        </button>
                    @endif

                </div>

                {{-- DUDAS --}}
                <div class="col-md-4">
                    <button class="btn btn-warning w-100 btn_dudas {{ ($completo && $autorizado) ? 'btn_dudas_bloqueado' : '' }}"
                        data-id="{{ $version->id_documento_version }}"
                        {{ ($completo && $autorizado) ? 'disabled' : '' }}>
                        Dudas
                    </button>
                </div>

            </div>

        </div>

        @if($firmas_count && $firmas_count->total !== null)

        @php
            $total = $firmas_count->total ?? 0;
            $firmados = $firmas_count->firmados ?? 0;
            $porcentaje = $total > 0 ? ($firmados / $total) * 100 : 0;
        @endphp

        <div class="mt-3">

            <small>
                Firmas: {{ $firmados }} / {{ $total }}
            </small>

            <div class="progress" style="height: 10px;">
                <div class="progress-bar
                    {{ $porcentaje == 100 ? 'bg-success' : 'bg-warning' }}"
                    style="width: {{ $porcentaje }}%">
                </div>
            </div>

        </div>

        @endif

        <div class="card-body border-top">
            <h5 class="mb-2">Descripción del cambio</h5>
            <p class="mb-0">
                {{ trim($version->observaciones ?? '') !== '' ? $version->observaciones : 'Sin descripción del cambio registrada.' }}
            </p>
        </div>

        @php
            $archivosCambios = collect();

            if (!empty($version->ruta_archivo_cambios)) {
                $archivosCambios->push((object) [
                    'nombre' => $version->ruta_archivo_cambios,
                    'ruta' => $version->ruta_archivo_cambios,
                ]);
            }

            foreach (($archivos_cambios_relacionados ?? collect()) as $archivoRelacionado) {
                $archivosCambios->push((object) [
                    'nombre' => $archivoRelacionado->nombre_original ?? $archivoRelacionado->ruta_archivo,
                    'ruta' => $archivoRelacionado->ruta_archivo,
                ]);
            }
        @endphp

        @if($archivosCambios->count() > 0)
        <div class="card-body border-top">
            <h5 class="mb-3">Documentos con cambios señalados</h5>
            <table class="table table-bordered table-sm text-center mb-0">
                <thead>
                    <tr>
                        <th>Archivo</th>
                        <th>Nombre archivo</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($archivosCambios as $archivoCambio)
                    <tr>
                        <td>
                            <a href="{{ url('ver_pdf/'.$archivoCambio->ruta) }}" target="_blank" class="btn btn-warning btn-sm">
                                Ver archivo
                            </a>
                        </td>
                        <td class="text-left">{{ $archivoCambio->nombre }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @endif

        @if($version->ruta_archivo)
        <div class="card-body border-top">
            <h5 class="mb-3">Documento principal</h5>
            <a href="{{ url('ver_pdf/'.$version->ruta_archivo) }}" target="_blank" class="btn btn-primary btn-sm">
                Abrir o descargar archivo principal
            </a>
            <span class="ml-2">{{ $version->ruta_archivo }}</span>
        </div>
        @endif

        {{-- El visor embebe PDF; otros formatos históricos quedan disponibles para descarga. --}}
        <div class="card-body p-0">

            @if($version->ruta_archivo && strtolower(pathinfo($version->ruta_archivo, PATHINFO_EXTENSION)) === 'pdf')
                <div class="border-top">
                    <div class="p-2 bg-light">
                        <strong>Documento principal:</strong> {{ $version->ruta_archivo }}
                    </div>
                    <iframe
                        src="{{ url('ver_pdf/'.$version->ruta_archivo) }}"
                        width="100%"
                        height="750px"
                        style="border:none;">
                    </iframe>
                </div>
            @endif

            @foreach($archivosCambios as $index => $archivoCambio)
                <div class="border-top">
                    <div class="p-2 bg-light">
                        <strong>Documento con cambios señalados {{ $index + 1 }}:</strong>
                        {{ $archivoCambio->nombre }}
                    </div>

                    <iframe
                        src="{{ url('ver_pdf/'.$archivoCambio->ruta) }}"
                        width="100%"
                        height="750px"
                        style="border:none;">
                    </iframe>
                </div>
            @endforeach

            @if(!$version->ruta_archivo && $archivosCambios->isEmpty())
                <div class="text-center p-5">
                    <p class="text-muted">
                        No hay documento cargado
                    </p>
                </div>
            @endif

        </div>

        {{-- FOOTER --}}
        <div class="card-footer">

            <div class="row">

                <div class="col-md-3">
                    <strong>Versión:</strong> {{ $version->numero_version }}
                </div>

                <div class="col-md-3">
                    <strong>Fecha:</strong> {{ $version->fecha ? \Carbon\Carbon::parse($version->fecha)->format('d/m/Y') : 'N/A' }}
                </div>

                <div class="col-md-3">
                    <strong>Estatus:</strong>
                    @if($version->estatus == 'Activo')
                        <span class="badge badge-success">Activo</span>
                    @else
                        <span class="badge badge-secondary">Inactivo</span>
                    @endif
                </div>

                @if(($es_gerente ?? false) || $es_calidad)
                <div class="col-md-3 text-right">
                    <a href="{{ url('firmas_versiones_documentos/'.$version->id_documento_version) }}"
                    class="btn btn-sm btn-info">
                        Ver firmas
                    </a>
                </div>
                @endif

            </div>

        </div>

    </div>
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-6">
            <a href="{{url('versiones_documento/'.$datos_documento->id_documento)}}" class="ui button gray">Atrás</a>
        </div>
    </div>


</div>
@include('Control_documentos.dudas_modal')
@include('Control_documentos.dudas_scripts')
@include('Control_documentos.firmas_modal')

<script>
    console.log("JS visor cargado");
let idVersionFirmaVisor = null;

function autorizar(id_documento_version) {

    showConfirmModal(
        "¿Deseas autorizar este documento?",
        "Autorizar documento",
        "Sí, autorizar"
    ).then(confirmado => {

        if(!confirmado) return;

        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: {{ session('id_usuario') }}
            })
        })
        .then(res => res.json())
        .then(data => location.reload());
    });
}

function firmar(id_documento_version) {
    idVersionFirmaVisor = id_documento_version;
    $('#modal_firmar').modal('show');
}


    $('#confirmar_firma').click(function(){

        if(!idVersionFirmaVisor) return;

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

@endsection