@extends('layouts.app')
@section('titlu', 'Factură nouă')
@section('continut')
<h1>Factură nouă ({{ $tip === 'emisa' ? 'emisă' : 'primită' }})</h1>

<form method="post" action="{{ route('facturi.salveaza') }}" id="frm" class="card">
@csrf
<input type="hidden" name="tip" value="{{ $tip }}">
<input type="hidden" name="linii_json" id="linii_json">

<div class="row">
  <div class="field"><label>Partener *</label>
    <select name="partener_id" required>
      <option value="">— alege —</option>
      @foreach($parteneri as $p)
        <option value="{{ $p->id }}">{{ $p->denumire }} ({{ $p->cuiComplet() }})</option>
      @endforeach
    </select></div>
  <div class="field"><label>Data *</label><input type="date" name="data" value="{{ now()->toDateString() }}" required></div>
  @if($tip === 'primita')
    <div class="field"><label>Serie</label><input name="serie"></div>
    <div class="field"><label>Număr *</label><input name="numar" required></div>
  @endif
  <div class="field"><label>Tip operațiune</label>
    <select name="tip_operatiune">
      <option value="bunuri">Livrare/achiziție bunuri</option>
      <option value="servicii">Prestare servicii</option>
      <option value="livrare_intracom">Livrare intracomunitară</option>
      <option value="achizitie_intracom">Achiziție intracomunitară</option>
      <option value="taxare_inversa">Taxare inversă (art. 331)</option>
      <option value="export">Export</option>
      <option value="import">Import</option>
    </select></div>
  <div class="field"><label>Monedă</label><input name="moneda" value="RON" maxlength="3"></div>
  <div class="field"><label>Curs</label><input name="curs" type="number" step="0.000001" value="1"></div>
</div>
<div class="field"><label>Mențiuni</label><input name="mentiuni"></div>

<h2>Linii</h2>
<table id="tbl">
  <thead><tr><th style="width:22%">Produs</th><th>Descriere</th><th style="width:8%">UM</th>
    <th style="width:9%" class="n">Cant.</th><th style="width:11%" class="n">Preț</th>
    <th style="width:7%" class="n">Disc.%</th><th style="width:8%" class="n">TVA%</th>
    <th style="width:12%">Gestiune</th><th class="n">Valoare</th><th></th></tr></thead>
  <tbody></tbody>
</table>
<button type="button" class="btn sec" onclick="adauga()">+ Linie</button>

<div class="row" style="margin-top:1rem">
  <div class="kpi"><div class="lbl">Total fără TVA</div><div class="val" id="t1">0,00</div></div>
  <div class="kpi"><div class="lbl">TVA</div><div class="val" id="t2">0,00</div></div>
  <div class="kpi"><div class="lbl">Total de plată</div><div class="val" id="t3">0,00</div></div>
</div>

<div style="margin-top:1rem">
  <button type="submit" name="contabilizeaza" value="1">Salvează și contabilizează</button>
  <button type="submit" class="btn sec">Salvează ca ciornă</button>
</div>
</form>

<script>
const P = @json($produse->map(fn($p) => ['id' => $p->id, 'cod' => $p->cod, 'den' => $p->denumire, 'um' => $p->um, 'tva' => (float) $p->cota_tva, 'pret' => (float) $p->pret_vanzare, 'tip' => $p->tip])->values());
const G = @json($gestiuni->map(fn($g) => ['id' => $g->id, 'den' => $g->denumire])->values());
const TIP = @json($tip);

function adauga(){
  const tb = document.querySelector('#tbl tbody');
  const tr = document.createElement('tr');
  tr.innerHTML = `
   <td><select class="pr" onchange="alege(this)"><option value="">— liber —</option>
     ${P.map(p => `<option value="${p.id}">${p.cod} · ${p.den}</option>`).join('')}</select></td>
   <td><input class="ds"></td><td><input class="um" value="buc"></td>
   <td><input class="ct n" type="number" step="0.001" value="1"></td>
   <td><input class="pu n" type="number" step="0.0001" value="0"></td>
   <td><input class="dc n" type="number" step="0.01" value="0"></td>
   <td><input class="tv n" type="number" step="0.01" value="21"></td>
   <td><select class="ge"><option value="">—</option>${G.map(g => `<option value="${g.id}">${g.den}</option>`).join('')}</select></td>
   <td class="n val">0,00</td>
   <td><button type="button" class="btn mic dang" onclick="this.closest('tr').remove();calc()">×</button></td>`;
  tb.appendChild(tr);
  tr.querySelectorAll('input,select').forEach(x => x.addEventListener('input', calc));
  calc();
}

function alege(sel){
  const tr = sel.closest('tr');
  const p = P.find(x => x.id == sel.value);
  if (!p) return;
  tr.querySelector('.ds').value = p.den;
  tr.querySelector('.um').value = p.um;
  tr.querySelector('.tv').value = p.tva;
  if (TIP === 'emisa') tr.querySelector('.pu').value = p.pret;
  if (p.tip !== 'serviciu' && G.length && !tr.querySelector('.ge').value) tr.querySelector('.ge').selectedIndex = 1;
  calc();
}

const nr = v => parseFloat(v || 0) || 0;
const fmt = v => v.toLocaleString('ro-RO', {minimumFractionDigits: 2, maximumFractionDigits: 2});

function calc(){
  let b = 0, t = 0;
  document.querySelectorAll('#tbl tbody tr').forEach(tr => {
    const c = nr(tr.querySelector('.ct').value), p = nr(tr.querySelector('.pu').value),
          d = nr(tr.querySelector('.dc').value), v = nr(tr.querySelector('.tv').value);
    const val = Math.round(c * p * (1 - d / 100) * 100) / 100;
    tr.querySelector('.val').textContent = fmt(val);
    b += val; t += Math.round(val * v) / 100;
  });
  document.getElementById('t1').textContent = fmt(b);
  document.getElementById('t2').textContent = fmt(t);
  document.getElementById('t3').textContent = fmt(b + t);
}

document.getElementById('frm').addEventListener('submit', e => {
  const linii = [...document.querySelectorAll('#tbl tbody tr')].map(tr => ({
    produs_id: tr.querySelector('.pr').value || null,
    descriere: tr.querySelector('.ds').value,
    um: tr.querySelector('.um').value,
    cantitate: tr.querySelector('.ct').value,
    pret_unitar: tr.querySelector('.pu').value,
    discount_proc: tr.querySelector('.dc').value,
    cota_tva: tr.querySelector('.tv').value,
    gestiune_id: tr.querySelector('.ge').value || null,
    categorie_tva: parseFloat(tr.querySelector('.tv').value) > 0 ? 'S' : 'AE',
  }));
  if (!linii.length) { e.preventDefault(); alert('Adaugă cel puțin o linie.'); return; }
  document.getElementById('linii_json').value = JSON.stringify(linii);
});

adauga();
</script>
@endsection