@extends('layouts.app')
@section('title', 'NFS-e #' . ($invoice->numero_nfse ?? $invoice->id))
@section('page_title', 'NFS-e ' . ($invoice->numero_nfse ? 'n.° '.$invoice->numero_nfse : 'RPS-'.str_pad($invoice->id,6,'0',STR_PAD_LEFT)))
@section('page_subtitle', 'Emitida em ' . ($invoice->emitted_at?->format('d/m/Y \à\s H:i') ?? $invoice->created_at->format('d/m/Y')))
@section('page_actions')
    <a class="button" href="{{ route('nfse.invoices.index') }}">Voltar</a>
    @if ($invoice->isIssued())
        <a class="button" href="{{ route('nfse.invoices.pdf', $invoice) }}" target="_blank">Baixar PDF</a>
        @if ($invoice->xml_path)
        <a class="button" href="{{ route('nfse.invoices.xml', $invoice) }}">Baixar XML</a>
        @endif
        <form method="POST" action="{{ route('nfse.invoices.resend', $invoice) }}" style="margin:0;display:inline">
            @csrf
            <button class="button" type="submit">Reenviar e-mail</button>
        </form>
    @endif
    @if ($invoice->hasError() && auth()->user()->isAdmin())
        <form method="POST" action="{{ route('nfse.invoices.retry', $invoice) }}" style="margin:0;display:inline">
            @csrf
            <button class="button primary" type="submit">Reprocessar</button>
        </form>
    @endif
@endsection

@section('content')

<div style="display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px">

    {{-- Dados principais --}}
    <div style="display:grid;gap:18px">

        <div class="panel">
            <div class="panel-header">
                <div>
                    <h2>Dados da nota</h2>
                    <span>{{ $invoice->ambiente === 'producao' ? 'Producao' : 'Homologacao' }}</span>
                </div>
                <span class="pill" style="{{ $invoice->statusStyle() }};min-width:0;font-size:12px">
                    {{ $invoice->statusLabel() }}
                </span>
            </div>

            <div style="padding:16px;display:grid;gap:10px;font-size:13px">
                @if ($invoice->numero_nfse)
                <div style="display:flex;gap:12px"><span style="color:var(--muted);min-width:160px">N.° NFS-e</span><strong>{{ $invoice->numero_nfse }}</strong></div>
                @endif
                @if ($invoice->codigo_verificacao)
                <div style="display:flex;gap:12px"><span style="color:var(--muted);min-width:160px">Codigo verificacao</span><span style="font-family:monospace">{{ $invoice->codigo_verificacao }}</span></div>
                @endif
                @if ($invoice->protocolo)
                <div style="display:flex;gap:12px"><span style="color:var(--muted);min-width:160px">Protocolo</span><span style="font-family:monospace">{{ $invoice->protocolo }}</span></div>
                @endif
                <div style="display:flex;gap:12px"><span style="color:var(--muted);min-width:160px">RPS</span><span>{{ $invoice->rps_serie }}-{{ str_pad($invoice->rps_numero,6,'0',STR_PAD_LEFT) }}</span></div>
                <div style="display:flex;gap:12px"><span style="color:var(--muted);min-width:160px">Tipo de emissao</span><span>{{ ucfirst($invoice->tipo_emissao) }}</span></div>
                @if ($invoice->error_message)
                <div style="display:flex;gap:12px;flex-direction:column">
                    <span style="color:var(--danger);font-weight:600">Mensagem de erro:</span>
                    <div style="background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:10px;font-size:12px;font-family:monospace;color:var(--danger)">{{ $invoice->error_message }}</div>
                </div>
                @endif
            </div>
        </div>

        {{-- Servico --}}
        <div class="panel">
            <div class="panel-header"><h2>Servico</h2></div>
            <div style="padding:16px;display:grid;gap:10px;font-size:13px">
                <div style="display:flex;gap:12px"><span style="color:var(--muted);min-width:160px">Codigo servico</span><span>{{ $invoice->codigo_servico }}</span></div>
                <div style="display:flex;gap:12px"><span style="color:var(--muted);min-width:160px">Item lista servico</span><span>{{ $invoice->item_lista_servico }}</span></div>
                @if ($invoice->cnae)
                <div style="display:flex;gap:12px"><span style="color:var(--muted);min-width:160px">CNAE</span><span>{{ $invoice->cnae }}</span></div>
                @endif
                <div style="display:flex;gap:12px;flex-direction:column">
                    <span style="color:var(--muted)">Discriminacao</span>
                    <div style="background:var(--surface-2);border-radius:6px;padding:10px;font-size:12.5px;line-height:1.6">{{ $invoice->descricao_servico }}</div>
                </div>
                @if ($invoice->observacoes)
                <div style="display:flex;gap:12px;flex-direction:column">
                    <span style="color:var(--muted)">Observacoes</span>
                    <div style="font-size:12.5px;color:var(--muted)">{{ $invoice->observacoes }}</div>
                </div>
                @endif
            </div>
        </div>

        {{-- Logs --}}
        @if ($invoice->logs->isNotEmpty())
        <div class="panel">
            <div class="panel-header"><h2>Logs de comunicacao</h2></div>
            <div class="table-wrap">
                <table>
                    <thead><tr><th>Tipo</th><th>Status</th><th>Data/Hora</th><th></th></tr></thead>
                    <tbody>
                        @foreach ($invoice->logs as $log)
                        <tr>
                            <td style="font-size:12px">{{ ucfirst($log->tipo) }}</td>
                            <td><span class="pill neutral" style="min-width:0;font-size:11px">{{ $log->status }}</span></td>
                            <td style="font-size:12px;color:var(--muted)">{{ $log->created_at->format('d/m/Y H:i:s') }}</td>
                            <td>
                                <button type="button" onclick="toggleLog('log-{{ $log->id }}')"
                                        style="background:none;border:none;color:var(--primary);font-size:12px;cursor:pointer;font-family:inherit">
                                    Detalhes
                                </button>
                            </td>
                        </tr>
                        <tr id="log-{{ $log->id }}" style="display:none">
                            <td colspan="4" style="background:var(--surface-2);padding:12px">
                                <div style="font-size:11px;font-family:monospace;white-space:pre-wrap;max-height:200px;overflow:auto">
                                    Request: {{ json_encode($log->request_payload, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}
                                    Response: {{ json_encode($log->response_payload, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif
    </div>

    {{-- Coluna lateral --}}
    <div style="display:grid;gap:18px;align-content:start">

        {{-- Valores --}}
        <div class="panel">
            <div class="panel-header"><h2>Valores</h2></div>
            <div style="padding:16px;display:grid;gap:8px;font-size:13px">
                <div style="display:flex;justify-content:space-between"><span style="color:var(--muted)">Valor servicos</span><strong>{{ $invoice->valorServicoFormatted() }}</strong></div>
                @if ($invoice->valor_deducoes > 0)
                <div style="display:flex;justify-content:space-between"><span style="color:var(--muted)">Deducoes</span><span>- R$ {{ number_format($invoice->valor_deducoes, 2, ',', '.') }}</span></div>
                @endif
                <div style="display:flex;justify-content:space-between"><span style="color:var(--muted)">Aliquota ISS</span><span>{{ number_format($invoice->aliquota, 2, ',', '.') }}%</span></div>
                <div style="display:flex;justify-content:space-between"><span style="color:var(--muted)">Valor ISS</span><span>R$ {{ number_format($invoice->valor_iss, 2, ',', '.') }}</span></div>
                @if ($invoice->iss_retido)
                <div style="display:flex;justify-content:space-between"><span style="color:var(--muted)">ISS retido</span><span class="pill ok" style="min-width:0;font-size:11px">Sim</span></div>
                @endif
                <div style="border-top:1px solid var(--border);margin-top:4px;padding-top:8px;display:flex;justify-content:space-between;align-items:center">
                    <span style="font-weight:700">Valor liquido</span>
                    <strong style="font-size:18px;color:var(--ok)">{{ $invoice->valorLiquidoFormatted() }}</strong>
                </div>
            </div>
        </div>

        {{-- Tomador --}}
        @if ($invoice->customer)
        <div class="panel">
            <div class="panel-header"><h2>Tomador</h2></div>
            <div style="padding:16px;display:grid;gap:8px;font-size:13px">
                <div><strong>{{ $invoice->customer->nome }}</strong></div>
                <div style="color:var(--muted);font-family:monospace;font-size:12px">{{ $invoice->customer->cpf_cnpj_formatted }}</div>
                @if ($invoice->customer->email)
                <div style="color:var(--muted)">{{ $invoice->customer->email }}</div>
                @endif
                @if ($invoice->customer->cidade)
                <div style="color:var(--muted)">{{ $invoice->customer->cidade }}/{{ $invoice->customer->uf }}</div>
                @endif
            </div>
        </div>
        @endif

        {{-- Cancelamento --}}
        @if ($invoice->isIssued() && auth()->user()->isAdmin())
        <div class="panel">
            <div class="panel-header"><h2>Cancelamento</h2></div>
            <div style="padding:16px">
                @if ($invoice->canCancel())
                <form method="POST" action="{{ route('nfse.invoices.cancel', $invoice) }}"
                      onsubmit="return confirm('Confirmar cancelamento desta NFS-e?')">
                    @csrf
                    <div class="form-field" style="margin-bottom:10px">
                        <label style="font-size:12.5px">Motivo do cancelamento</label>
                        <textarea name="motivo" rows="3" required minlength="10" maxlength="255"
                                  style="font-size:13px;resize:vertical" placeholder="Descreva o motivo..."></textarea>
                        @error('motivo') <div class="error">{{ $message }}</div> @enderror
                    </div>
                    <button class="button danger" type="submit" style="width:100%">Cancelar NFS-e</button>
                </form>
                @else
                <p style="font-size:13px;color:var(--muted)">Prazo para cancelamento expirado (24h apos a emissao).</p>
                @endif
            </div>
        </div>
        @endif

        @if ($invoice->isCancelled())
        <div class="panel">
            <div class="panel-header"><h2>Cancelamento</h2></div>
            <div style="padding:16px;font-size:13px">
                <div style="color:var(--muted);margin-bottom:4px">Cancelada em</div>
                <div>{{ $invoice->cancelled_at?->format('d/m/Y H:i') }}</div>
                @if ($invoice->cancel_reason)
                <div style="color:var(--muted);margin-top:8px;margin-bottom:4px">Motivo</div>
                <div>{{ $invoice->cancel_reason }}</div>
                @endif
            </div>
        </div>
        @endif
    </div>
</div>

@push('scripts')
<script>
function toggleLog(id) {
    var el = document.getElementById(id);
    if (el) el.style.display = el.style.display === 'none' ? 'table-row' : 'none';
}
</script>
@endpush
@endsection