@extends('layouts.app')
@section('content')
<h1 class="text-2xl font-bold mb-4">Documento {{ strtoupper($documento->tipo) }} #{{ $documento->id }}</h1>
<div class="bg-white p-6 rounded shadow grid grid-cols-2 gap-4">
  <div><strong>Status:</strong> {{ $documento->status }}</div>
  <div><strong>Chave:</strong> {{ $documento->chave_acesso ?? '—' }}</div>
  <div><strong>Protocolo:</strong> {{ $documento->protocolo ?? '—' }}</div>
  <div><strong>Referência:</strong> {{ $documento->referencia }}</div>
  <div><strong>Total:</strong> R$ {{ number_format($documento->valor_total,2,',','.') }}</div>
  <div><strong>IBS:</strong> R$ {{ number_format($documento->valor_ibs,2,',','.') }}</div>
  <div><strong>CBS:</strong> R$ {{ number_format($documento->valor_cbs,2,',','.') }}</div>
  <div><strong>IS:</strong> R$ {{ number_format($documento->valor_is,2,',','.') }}</div>
</div>
<h3 class="font-bold mt-6 mb-2">Itens</h3>
<table class="w-full bg-white rounded shadow text-sm">
<thead class="bg-slate-100"><tr><th class="p-2 text-left">Descrição</th><th class="p-2">NCM</th><th class="p-2">CFOP</th><th class="p-2">Qtd</th><th class="p-2">Valor</th><th class="p-2">IBS</th><th class="p-2">CBS</th></tr></thead>
<tbody>@foreach($documento->itens as $it)<tr class="border-t"><td class="p-2">{{ $it->descricao }}</td><td class="p-2 text-center">{{ $it->ncm }}</td><td class="p-2 text-center">{{ $it->cfop }}</td><td class="p-2 text-center">{{ $it->quantidade }}</td><td class="p-2">R$ {{ number_format($it->valor_total,2,',','.') }}</td><td class="p-2">R$ {{ number_format($it->valor_ibs,2,',','.') }}</td><td class="p-2">R$ {{ number_format($it->valor_cbs,2,',','.') }}</td></tr>@endforeach</tbody></table>
@if($documento->focus_response)<details class="mt-4"><summary class="cursor-pointer text-sm text-slate-600">Resposta SEFAZ (Focus NFe)</summary><pre class="bg-slate-900 text-green-400 p-4 rounded text-xs overflow-auto mt-2">{{ json_encode($documento->focus_response, JSON_PRETTY_PRINT) }}</pre></details>@endif
@endsection