@extends('layouts.app')
@section('content')
<h1 class="text-2xl font-bold mb-4">Emitir nota fiscal</h1>
<form method="POST" action="/documentos" class="bg-white p-6 rounded shadow space-y-4" x-data="{itens:[{produto_id:'',quantidade:1}]}">@csrf
  <div class="grid grid-cols-3 gap-4">
    <select name="tipo" class="border p-2 rounded"><option value="nfe">NF-e (produto)</option><option value="nfce">NFC-e (varejo)</option><option value="nfse">NFS-e (serviço)</option><option value="cte">CT-e (transporte)</option></select>
    <select name="empresa_id" class="border p-2 rounded">@foreach($empresas as $e)<option value="{{ $e->id }}">{{ $e->razao_social }}</option>@endforeach</select>
    <select name="cliente_id" class="border p-2 rounded">@foreach($clientes as $c)<option value="{{ $c->id }}">{{ $c->nome }}</option>@endforeach</select>
  </div>
  <h3 class="font-bold">Itens</h3>
  <template x-for="(item,idx) in itens" :key="idx">
    <div class="grid grid-cols-3 gap-2 items-center">
      <select :name="'itens['+idx+'][produto_id]'" class="border p-2 rounded">@foreach($produtos as $p)<option value="{{ $p->id }}">{{ $p->descricao }} (R$ {{ $p->valor_unitario }})</option>@endforeach</select>
      <input type="number" step="0.01" :name="'itens['+idx+'][quantidade]'" x-model="item.quantidade" class="border p-2 rounded" placeholder="Qtd">
      <button type="button" @click="itens.splice(idx,1)" class="text-red-600 text-sm">Remover</button>
    </div>
  </template>
  <button type="button" @click="itens.push({produto_id:'',quantidade:1})" class="text-blue-600 text-sm">+ Adicionar item</button>
  <button class="block w-full bg-slate-900 text-white py-2 rounded">Emitir e enviar à SEFAZ</button>
</form>
@endsection