@extends('entidade.admin.layouts.layout')

@section('content')
<main class="content">
    <div class="container-fluid mt-5 px-4 px-md-5">
        <div class="bg-white shadow rounded-3 p-4" style="font-size: 10.5pt; line-height: 1.8;">
            {{-- Cabeçalho institucional --}}
            <div class="text-center border-bottom pb-3 mb-4">
                @if($entidade->brasao)
                    <img src="{{ asset('assets/admin/' . $entidade->id_tce . '/img/brasao/' . $entidade->brasao) }}" alt="Brasão" class="mb-2" style="height: 80px;">
                @endif
                <h5 class="mb-1 text-uppercase fw-bold">
                    @if ($entidade->uf === 'PB') ESTADO DA PARAÍBA
                    @elseif ($entidade->uf === 'PE') ESTADO DE PERNAMBUCO
                    @else ESTADO {{ $entidade->uf }}
                    @endif
                </h5>
                <h4 class="fw-semibold mb-0">{{ $entidade->entidade }}</h4>
                <small class="text-muted d-block">CNPJ: {{ $entidade->cnpj }}</small>
            </div>

            {{-- Cabeçalho do documento --}}
            <div class="row mb-3">
                <div class="col-md-6">
                    <strong>{{ $documento->modelo->descricao }} Nº:</strong> {{ $documento->numero }}
                </div>
                <div class="col-md-6 text-md-end">
                    <strong>Data:</strong> {{ \Carbon\Carbon::parse($documento->created_at)->translatedFormat('d \d\e F \d\e Y') }}
                </div>
            </div>

            {{-- Assunto --}}
            <p class="mb-1"><strong>Assunto:</strong> {{ $documento->assunto }}</p>

            {{-- Corpo do documento --}}
            <div class="mt-2" style="text-align: justify;">
                {!! $documento->descricao !!}
            </div>

            {{-- Ações --}}
            <div class="mt-5 d-print-none d-flex flex-wrap gap-2 justify-content-end">
                <a href="{{ route('documentos.index', $tenant_id) }}" class="btn btn-outline-secondary">
                    <i class="fa fa-arrow-left me-1"></i> Voltar
                </a>
                <button id="btnEnviarEmail" class="btn btn-primary">
                    <i class="fa fa-envelope me-1"></i> Enviar por e-mail
                </button>
                <a href="{{ route('documentos.pdf', [$tenant_id, $documento->id]) }}" target="_blank" class="btn btn-danger">
                    <i class="fa fa-file-pdf me-1"></i> PDF
                </a>
            </div>

            {{-- Rodapé para impressão --}}
            <div class="d-print-block d-none" style="position: fixed; bottom: 1cm; left: 2cm; right: 2cm; font-size: 9pt; color: #777;">
                <div class="text-center">
                    Documento gerado eletronicamente por {{ $entidade->entidade }} – {{ now()->format('d/m/Y H:i') }}
                </div>
            </div>
        </div>
    </div>
</main>

{{-- Scripts --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
    const btnEnviar = document.getElementById('btnEnviarEmail');

    btnEnviar?.addEventListener('click', async function (e) {
        e.preventDefault();

        const { value: email } = await Swal.fire({
            title: 'Enviar Documento por E-mail',
            input: 'email',
            inputLabel: 'Digite o endereço de e-mail',
            inputPlaceholder: 'exemplo@dominio.com',
            showCancelButton: true,
            confirmButtonText: 'Enviar',
            cancelButtonText: 'Cancelar',
            inputValidator: value => !value && 'Você precisa digitar um e-mail válido!'
        });

        if (email) {
            Swal.fire({
                title: 'Enviando...',
                allowOutsideClick: false,
                didOpen: () => Swal.showLoading()
            });

            try {
                await fetch("{{ route('emails.enviarDocumento', ['tenant_id' => $tenant_id, 'id' => $documento->id]) }}", {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    body: JSON.stringify({ email_destinatario: email })
                });

                await fetch("{{ route('documentos.atualizarStatus', ['tenant_id' => $tenant_id, 'id' => $documento->id]) }}", {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    body: JSON.stringify({ status_id: 5 })
                });

                Swal.fire('Sucesso!', 'Documento enviado para: ' + email, 'success');
            } catch (error) {
                Swal.fire('Erro!', error.message || 'Ocorreu um erro ao enviar o documento.', 'error');
            }
        }
    });
});
</script>
@endsection