@extends('layouts.app')

@section('title', 'Detalhes NFS-e - Documentos de Saida')
@section('page_title', 'Detalhes NFS-e')
@section('page_subtitle', 'Documento fiscal NFS-e')
@section('page_actions')
    <a class="button" href="{{ route('outgoing-xml.nfse.index') }}">Voltar</a>
    @if ($doc->xml_content)
        <a class="button" href="{{ route('outgoing-xml.download', $doc) }}">Download XML</a>
    @endif
    <form class="inline-form" method="POST" action="{{ route('outgoing-xml.destroy', $doc) }}"
          onsubmit="return confirm('Excluir este documento permanentemente?')">
        @csrf @method('DELETE')
        <button class="button danger" type="submit">Excluir</button>
    </form>
@endsection

@push('styles')
<style>
    .detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
    .detail-row { display: grid; gap: 4px; padding: 14px 16px; border-bottom: 1px solid var(--border); }
    .detail-row:nth-child(odd) { background: #fafbfc; }
    .detail-row.full { grid-column: 1 / -1; }
    .detail-label { font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--muted); }
    .detail-value { font-size: 14px; word-break: break-word; }
    .detail-value.mono { font-family: monospace; font-size: 13px; letter-spacing: .3px; }
    .xml-preview { padding: 16px; }
    .xml-pre { background: #1e293b; color: #e2e8f0; padding: 16px; border-radius: 6px; font-size: 12px; line-height: 1.5; overflow-x: auto; max-height: 400px; white-space: pre-wrap; word-break: break-all; }
</style>
@endpush

@section('content')
<div class="panel">
    <div class="panel-header">
        <div>
            <h2>Documento NFS-e</h2>
            <span>Informacoes extraidas do XML</span>
        </div>
        @php
            $statusMap = [
                'pending'    => ['Pendente', 'neutral'],
                'authorized' => ['Autorizado', 'ok'],
                'cancelled'  => ['Cancelado', 'danger'],
                'denied'     => ['Denegado', 'danger'],
            ];
            [$sLabel, $sClass] = $statusMap[$doc->status] ?? [$doc->status, 'neutral'];
        @endphp
        <span class="pill {{ $sClass }}">{{ $sLabel }}</span>
    </div>

    <div class="detail-grid">
        <div class="detail-row full">
            <div class="detail-label">Codigo de Verificacao</div>
            <div class="detail-value mono">{{ $doc->access_key ?? '-' }}</div>
        </div>

        <div class="detail-row">
            <div class="detail-label">Empresa</div>
            <div class="detail-value">{{ $doc->company?->name ?? '-' }}</div>
        </div>

        <div class="detail-row">
            <div class="detail-label">Protocolo</div>
            <div class="detail-value mono">{{ $doc->protocol ?? '-' }}</div>
        </div>

        <div class="detail-row">
            <div class="detail-label">Prestador</div>
            <div class="detail-value">{{ $doc->issuer_name ?? '-' }}</div>
        </div>

        <div class="detail-row">
            <div class="detail-label">CNPJ Prestador</div>
            <div class="detail-value mono">{{ $doc->issuer_cnpj ?? '-' }}</div>
        </div>

        <div class="detail-row">
            <div class="detail-label">Tomador</div>
            <div class="detail-value">{{ $doc->recipient_name ?? '-' }}</div>
        </div>

        <div class="detail-row">
            <div class="detail-label">CNPJ / CPF Tomador</div>
            <div class="detail-value mono">{{ $doc->recipient_cnpj ?? $doc->recipient_cpf ?? '-' }}</div>
        </div>

        <div class="detail-row">
            <div class="detail-label">Data de Emissao</div>
            <div class="detail-value">{{ $doc->issued_at?->format('d/m/Y H:i') ?? '-' }}</div>
        </div>

        <div class="detail-row">
            <div class="detail-label">Valor Total</div>
            <div class="detail-value">{{ $doc->total_amount ? 'R$ '.number_format((float) $doc->total_amount, 2, ',', '.') : '-' }}</div>
        </div>

        <div class="detail-row full">
            <div class="detail-label">Observacoes</div>
            <div class="detail-value">{{ $doc->notes ?? '-' }}</div>
        </div>

        <div class="detail-row full" style="border-bottom:0">
            <div class="detail-label">Cadastrado em</div>
            <div class="detail-value">{{ $doc->created_at?->format('d/m/Y H:i:s') ?? '-' }}</div>
        </div>
    </div>
</div>

@if ($doc->xml_content)
<div class="panel">
    <div class="panel-header">
        <div>
            <h2>Conteudo do XML</h2>
            <span>{{ strlen($doc->xml_content) }} bytes</span>
        </div>
    </div>
    <div class="xml-preview">
        <pre class="xml-pre">{{ $doc->xml_content }}</pre>
    </div>
</div>
@endif
@endsection