@extends('layouts.app')
@section('titlu', 'Document de gestiune')
@section('continut')
@php
  $titluri = ['NIR' => 'Notă de intrare-recepție', 'BON_CONSUM' => 'Bon de consum',
    'TRANSFER' => 'Transfer între gestiuni', 'AVIZ' => 'Aviz de însoțire'];
  $cuPret = in_array($tip, ['NIR', 'AVIZ']);
@endphp
<h1>{{ $titluri[$tip] ?? $tip }}</h1>

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

<div class="row">
  <div class="field"><label>Data *</label><input type="date" name="data" value="{{ now()->toDateString() }}" required></div>
  <div class="field"><label>Gestiune {{ $tip === 'TRANSFER' ? 'sursă' : '' }} *</label>
    <select name="gestiune_id" required>
      @foreach($gestiuni as $g)<option value="{{ $g->id }}">{{ $g->denumire }}</option>@endforeach
    </select></div>
  @if($tip === 'TRANSFER')
    <div class="field"><label>Gestiune destinație *</label>
      <select name="gestiune_dest_id" required>
        @foreach($gestiuni as $g)<option value="{{ $g->id }}">{{ $g->denumire }}</option>@endforeach
      </select></div>
  @endif
  @if($cuPret)
    <div class="field"><label>Furnizor</label>
      <select name="partener_id"><option value="">—</option>
        @foreach($parteneri as $p)<option value="{{ $p->id }}">{{ $p->denumire }}</option>@endforeach
      </select></div>
    <div class="field"><label>Factură furnizor</label><input name="document_extern" placeholder="FF 1234 / 01.08.2026"></div>
  @endif
  <div class="field"><label>Observații</label><input name="observatii"></div>
</div>

<h2>Linii</h2>
<table id="tbl">
  <thead><tr><th style="width:34%">Produs</th><th class="n">Cantitate</th>
    @if($cuPret)<th class="n">Preț achiziție</th><th class="n">TVA%</th><th class="n">Adaos%</th>@endif
    <th class="n">Valoare</th><th></th></tr></thead>
  <tbody></tbody>
</table>
<button type="button" class="btn sec" onclick="adauga()">+ Linie</button>

<div style="margin-top:1rem">
  <button type="submit" name="valideaza" value="1">Salvează și validează</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, 'tva' => (float) $p->cota_tva])->values());
const CU_PRET = @json($cuPret);

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

function calc(){
  document.querySelectorAll('#tbl tbody tr').forEach(tr => {
    const c = parseFloat(tr.querySelector('.ct').value) || 0;
    const p = CU_PRET ? (parseFloat(tr.querySelector('.pu').value) || 0) : 0;
    tr.querySelector('.val').textContent = (c * p).toLocaleString('ro-RO', {minimumFractionDigits: 2, maximumFractionDigits: 2});
  });
}

document.getElementById('frm').addEventListener('submit', e => {
  const l = [...document.querySelectorAll('#tbl tbody tr')].map(tr => ({
    produs_id: tr.querySelector('.pr').value,
    cantitate: tr.querySelector('.ct').value,
    pret_unitar: CU_PRET ? tr.querySelector('.pu').value : 0,
    cota_tva: CU_PRET ? tr.querySelector('.tv').value : 21,
    adaos_proc: CU_PRET ? tr.querySelector('.ad').value : 0,
  }));
  if (!l.length) { e.preventDefault(); alert('Adaugă cel puțin o linie.'); return; }
  document.getElementById('lj').value = JSON.stringify(l);
});

adauga();
</script>
@endsection