@extends('layouts.site')

@section('content')
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <style rel="stylesheet">
        .justify-content-center {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .validation-card {
            background: #fff;
            border: 1px solid #e1e5ea;
            border-radius: 8px;
            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
            margin: 24px auto;
            max-width: 860px;
            padding: 28px;
            text-align: left;
        }

        .validation-status {
            border-radius: 6px;
            font-weight: 700;
            margin-bottom: 20px;
            padding: 12px 16px;
        }

        .validation-status.valid {
            background: #e8f7ee;
            color: #146c2e;
        }

        .validation-status.invalid {
            background: #fdecec;
            color: #9f1c1c;
        }

    </style>

    @php
        $hasCode = !empty($code);
        $validationData = $validation ?? null;
    @endphp

    <div class="wrapper">
        <div class="header">
            <div>Superlegis</div>
            <a class="login" href="/login">
                <i class="fa fa-sign-in" style="margin-right: 5px;"></i>ACESSO RESTRITO
            </a>
        </div>

        <div class="container mt-4">
            <div class="row justify-content-center">
                <div class="col-md-10 text-center">
                    <h1>Central de Autenticação de Documentos</h1>

                    @if ($hasCode)
                        <div class="validation-card">
                            @if ($validationData)
                                <div class="validation-status {{ ($validationData['is_valid'] ?? true) ? 'valid' : 'invalid' }}">
                                    {{ ($validationData['is_valid'] ?? true) ? 'Registro de assinatura válido.' : 'Registro cancelado ou inválido.' }}
                                </div>
                                <table class="table table-bordered table-striped">
                                    <tbody>
                                        @if (in_array(($validationData['signature_kind'] ?? null), ['ADVANCED_INTERNAL', 'ICP_BRASIL_A3'], true))
                                        <tr><th scope="row">Modalidade</th><td>{{ $validationData['signature_label'] }}</td></tr>
                                        <tr><th scope="row">Código de validação</th><td>{{ $validationData['validation_code'] }}</td></tr>
                                        <tr><th scope="row">Tenant</th><td>{{ $validationData['tenant'] }}</td></tr>
                                        @if (($validationData['signature_kind'] ?? null) === 'ICP_BRASIL_A3')
                                        <tr><th scope="row">Documento</th><td>{{ $validationData['document_title'] ?? '-' }}</td></tr>
                                        <tr><th scope="row">Signatário</th><td>{{ $validationData['signer_name'] ?? '-' }}</td></tr>
                                        <tr><th scope="row">Titular do certificado</th><td>{{ $validationData['certificate_subject'] ?? '-' }}</td></tr>
                                        <tr><th scope="row">Número de série</th><td>{{ $validationData['certificate_serial'] ?? '-' }}</td></tr>
                                        <tr><th scope="row">Formato</th><td>{{ $validationData['signature_format'] ?? '-' }}</td></tr>
                                        <tr><th scope="row">Assinado em</th><td>{{ $validationData['signed_at'] ?? '-' }}</td></tr>
                                        @else
                                        <tr><th scope="row">Protocolo</th><td>{{ $validationData['protocol_number'] ?? '-' }}</td></tr>
                                        <tr><th scope="row">Signatário</th><td>{{ $validationData['signer_name'] }}</td></tr>
                                        <tr><th scope="row">CPF</th><td>{{ $validationData['masked_cpf'] }}</td></tr>
                                        <tr><th scope="row">Cargo/Função</th><td>{{ $validationData['job_title'] }}</td></tr>
                                        <tr><th scope="row">Setor</th><td>{{ $validationData['sector_name'] }}</td></tr>
                                        <tr><th scope="row">Confirmação</th><td>{{ $validationData['authentication_method'] }}</td></tr>
                                        <tr><th scope="row">Assinado em</th><td>{{ $validationData['signed_at'] }} ({{ $validationData['timezone'] }})</td></tr>
                                        @endif
                                        <tr><th scope="row">SHA-256 do PDF assinado</th><td style="word-break: break-all">{{ $validationData['signed_sha256'] }}</td></tr>
                                        @else
                                        <tr>
                                            <th scope="row">Código do Documento</th>
                                            <td>{{ $validationData['document_code'] ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">Chave de Verificação</th>
                                            <td>{{ $validationData['verification_key'] ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">Documento</th>
                                            <td>{{ $validationData['document_title'] ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">Arquivo</th>
                                            <td>{{ $validationData['file_name'] ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">Páginas</th>
                                            <td>{{ $validationData['pages'] ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">Tenant</th>
                                            <td>{{ $validationData['tenant'] ?? '-' }}</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">Data de Registro</th>
                                            <td>{{ $validationData['created_at'] ?? '-' }}</td>
                                        </tr>
                                        @endif
                                    </tbody>
                                </table>
                                <button type="button" class="btn btn-outline-primary" onclick="window.print()">
                                    Imprimir ou salvar relatório de validação
                                </button>

                            @else
                                <div class="validation-status invalid">Documento não encontrado para esta chave.</div>
                                <p>Confira se a chave foi digitada corretamente ou se o link da tarja está completo.</p>
                            @endif
                        </div>
                    @endif

                    <form method="POST" id="form-secret" class="mt-4" enctype="multipart/form-data">
                        <input name="secret-pdf" id="secret-pdf" type="text" class="form-control text-center"
                            placeholder="Insira a chave de verificação" value="{{ $code ?? '' }}" required />
                        <br />
                        <label for="document-file">PDF para comparar o hash (opcional)</label>
                        <input name="documentFile" id="document-file" type="file" class="form-control"
                            accept="application/pdf" />
                        <br />
                        <div class="g-recaptcha" data-sitekey="{{ env('RcarptchaCLient') }}"
                            style="margin: 0 auto; display: inline-block;"></div>
                        <br />
                        <button type="submit" class="btn btn-success">Validar outra chave</button>
                    </form>

                    <div id="loading" style="display: none; margin-top: 10px;">Carregando...</div>
                    <div id="responseMessage" class="mt-4 font-weight-bold"></div>
                    <div id="signatureInfo" class="validation-card" style="display: none;"></div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

    <script>
        $(document).ready(function() {
            $('#form-secret').on('submit', function(event) {
                event.preventDefault();

                var captchaResponse = grecaptcha.getResponse();
                if (captchaResponse.length === 0) {
                    alert('Por favor, complete o reCAPTCHA.');
                    return;
                }

                var secretPdf = $('#secret-pdf').val().trim();
                if (!secretPdf) {
                    alert('Por favor, insira o código.');
                    return;
                }

                var csrfToken = $('meta[name="csrf-token"]').attr('content');

                $('#loading').show();
                $('#responseMessage').text('');
                $('#signatureInfo').hide().html('');

                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': csrfToken
                    }
                });

                var formData = new FormData();
                formData.append('captchaResponse', captchaResponse);
                formData.append('secretPdf', secretPdf);
                var selectedFile = $('#document-file')[0].files[0];
                if (selectedFile) {
                    formData.append('documentFile', selectedFile);
                }

                $.ajax({
                    type: 'POST',
                    url: '/validate/doc/signature/token/' + captchaResponse,
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        $('#loading').hide();
                        grecaptcha.reset();

                        if (response.success) {
                            $('#responseMessage').css('color', 'green').text(response.message);
                            renderValidation(response.data);
                        } else {
                            $('#responseMessage').css('color', 'red').text(response.message);
                        }
                    },
                    error: function() {
                        $('#loading').hide();
                        $('#responseMessage').css('color', 'red').text('Erro ao validar. Tente novamente.');
                        grecaptcha.reset();
                    }
                });
            });
        });

        function renderValidation(data) {
            if (data.signature_kind === 'ICP_BRASIL_A3') {
                var a3HashStatus = '';
                if (data.hash_validation) {
                    a3HashStatus = row(
                        'Comparação do PDF enviado',
                        data.hash_validation.matches
                            ? 'Hash correspondente: documento íntegro'
                            : 'Hash divergente: o arquivo não corresponde à versão assinada'
                    );
                }
                var a3Html = ''
                    + '<div class="validation-status ' + (data.is_valid ? 'valid' : 'invalid') + '">'
                    + (data.is_valid ? 'Registro de assinatura válido.' : 'Registro de assinatura inválido.')
                    + '</div><table class="table table-bordered table-striped"><tbody>'
                    + row('Modalidade', data.signature_label)
                    + row('Código de validação', data.validation_code)
                    + row('Tenant', data.tenant)
                    + row('Documento', data.document_title)
                    + row('Signatário', data.signer_name)
                    + row('Titular do certificado', data.certificate_subject)
                    + row('Número de série', data.certificate_serial)
                    + row('Formato', data.signature_format)
                    + row('Assinado em', data.signed_at)
                    + row('SHA-256 do PDF assinado', data.signed_sha256)
                    + a3HashStatus
                    + '</tbody></table>'
                    + '<button type="button" class="btn btn-outline-primary" onclick="window.print()">'
                    + 'Imprimir ou salvar relatório de validação</button>';
                $('#signatureInfo').html(a3Html).show();
                return;
            }
            if (data.signature_kind === 'ADVANCED_INTERNAL') {
                var hashStatus = '';
                if (data.hash_validation) {
                    hashStatus = row(
                        'Comparação do PDF enviado',
                        data.hash_validation.matches
                            ? 'Hash correspondente: documento íntegro'
                            : 'Hash divergente: o arquivo não corresponde à versão assinada'
                    );
                }
                var advancedHtml = ''
                    + '<div class="validation-status ' + (data.is_valid ? 'valid' : 'invalid') + '">'
                    + (data.is_valid ? 'Registro de assinatura válido.' : 'Registro cancelado ou inválido.')
                    + '</div><table class="table table-bordered table-striped"><tbody>'
                    + row('Modalidade', data.signature_label)
                    + row('Código de validação', data.validation_code)
                    + row('Tenant', data.tenant)
                    + row('Protocolo', data.protocol_number)
                    + row('Documento', data.document_title)
                    + row('Signatário', data.signer_name)
                    + row('CPF', data.masked_cpf)
                    + row('Cargo/Função', data.job_title)
                    + row('Setor', data.sector_name)
                    + row('Confirmação', data.authentication_method)
                    + row('Assinado em', data.signed_at + ' (' + data.timezone + ')')
                    + row('SHA-256 do PDF assinado', data.signed_sha256)
                    + hashStatus
                    + '</tbody></table>'
                    + '<button type="button" class="btn btn-outline-primary" onclick="window.print()">'
                    + 'Imprimir ou salvar relatório de validação</button>';
                $('#signatureInfo').html(advancedHtml).show();
                return;
            }
            var html = ''
                + '<div class="validation-status valid">Documento autêntico encontrado.</div>'
                + '<table class="table table-bordered table-striped"><tbody>'
                + row('Código do Documento', data.document_code)
                + row('Chave de Verificação', data.verification_key)
                + row('Documento', data.document_title)
                + row('Arquivo', data.file_name)
                + row('Páginas', data.pages)
                + row('Tenant', data.tenant)
                + row('Data de Registro', data.created_at)
                + '</tbody></table>';

            $('#signatureInfo').html(html).show();
        }

        function row(label, value) {
            return '<tr><th scope="row">' + escapeHtml(label) + '</th><td>' + escapeHtml(value || '-') + '</td></tr>';
        }

        function escapeHtml(value) {
            return String(value || '').replace(/[&<>"']/g, function(character) {
                return ({
                    '&': '&amp;',
                    '<': '&lt;',
                    '>': '&gt;',
                    '"': '&quot;',
                    "'": '&#039;'
                })[character];
            });
        }
    </script>
@endsection