@extends('layouts.app')
@section('titlu', 'Notă contabilă')
@section('continut')
<h1>Notă contabilă manuală</h1>
<form method="post" action="{{ route('note.salveaza') }}" id="frm" class="card">
@csrf
<input type="hidden" name="randuri_json" id="rj">
<div class="row">
  <div class="field"><label>Data *</label><input type="date" name="data" value="{{ now()->toDateString() }}" required></div>
  <div class="field"><label>Jurnal</label>
    <select name="jurnal">
      <option value="diverse">Diverse</option><option value="vanzari">Vânzări</option>
      <option value="cumparari">Cumpărări</option><option value="banca">Bancă</option>
      <option value="casa">Casă</option><option value="salarii">Salarii</option>
      <option value="deschidere">Deschidere</option>
    </select></div>
  <div class="field"><label>Explicație</label><input name="descriere"></div>
  <div class="field"><label>Document</label><input name="document"></div>
</div>

<h2>Formule contabile</h2>
<table id="tbl">
  <thead><tr><th style="width:18%">Cont debit</th><th style="width:18%">Cont credit</th>
    <th class="n" style="width:16%">Sumă</th><th>Explicație</th><th></th></tr></thead>
  <tbody></tbody>
</table>
<button type="button" class="btn sec" onclick="adauga()">+ Rând</button>

<div class="kpi" style="max-width:260px;margin-top:1rem">
  <div class="lbl">Total notă</div><div class="val" id="tot">0,00</div>
</div>
<div style="margin-top:1rem"><button type="submit">Salvează nota</button></div>
</form>

<datalist id="conturi">
  @foreach($conturi as $c)<option value="{{ $c->simbol }}">{{ $c->denumire }}</option>@endforeach
</datalist>

<script>
function adauga(){
  const tr = document.createElement('tr');
  tr.innerHTML = `<td><input class="cd" list="conturi" required></td>
    <td><input class="cc" list="conturi" required></td>
    <td><input class="sm n" type="number" step="0.01" value="0" required></td>
    <td><input class="ex"></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').forEach(x => x.addEventListener('input', calc));
}

function calc(){
  let t = 0;
  document.querySelectorAll('.sm').forEach(x => t += parseFloat(x.value) || 0);
  document.getElementById('tot').textContent = t.toLocaleString('ro-RO', {minimumFractionDigits: 2, maximumFractionDigits: 2});
}

document.getElementById('frm').addEventListener('submit', e => {
  const r = [...document.querySelectorAll('#tbl tbody tr')].map(tr => ({
    debit: tr.querySelector('.cd').value,
    credit: tr.querySelector('.cc').value,
    suma: tr.querySelector('.sm').value,
    explicatie: tr.querySelector('.ex').value,
  })).filter(x => parseFloat(x.suma));
  if (!r.length) { e.preventDefault(); alert('Adaugă cel puțin un rând cu valoare.'); return; }
  document.getElementById('rj').value = JSON.stringify(r);
});

adauga();
</script>
@endsection