@extends('layouts.app')
@section('titlu', 'Produse')
@section('continut')
<h1>Produse și servicii</h1>

<div class="card">
<form method="post" action="{{ route('produse.salveaza') }}">
@csrf
<input type="hidden" name="id" id="rid">
<div class="row">
  <div class="field"><label>Cod *</label><input name="cod" id="rcod" required></div>
  <div class="field"><label>Denumire *</label><input name="denumire" id="rden" required></div>
  <div class="field"><label>UM</label><input name="um" id="rum" value="buc"></div>
  <div class="field"><label>Tip</label><select name="tip" id="rtip">
    <option value="marfa">Marfă (371)</option>
    <option value="materie_prima">Materie primă (301)</option>
    <option value="material">Material consumabil (302)</option>
    <option value="produs_finit">Produs finit (345)</option>
    <option value="ambalaj">Ambalaj (381)</option>
    <option value="serviciu">Serviciu</option></select></div>
  <div class="field"><label>Cotă TVA %</label><input name="cota_tva" id="rtva" type="number" step="0.01" value="21"></div>
  <div class="field"><label>Metodă evaluare</label><select name="metoda" id="rmet">
    <option>FIFO</option><option>CMP</option><option>LIFO</option></select></div>
  <div class="field"><label>Preț vânzare</label><input name="pret_vanzare" id="rpv" type="number" step="0.0001" value="0"></div>
  <div class="field"><label>Stoc minim</label><input name="stoc_minim" id="rmin" type="number" step="0.001" value="0"></div>
  <div class="field"><label>Cod bare</label><input name="cod_bare" id="rcb"></div>
</div>
<button type="submit">Salvează</button>
</form>
</div>

<form method="get" class="toolbar">
  <div class="field" style="min-width:280px"><label>Căutare</label><input name="q" value="{{ $q }}"></div>
  <button type="submit">Caută</button>
</form>

<div class="card">
<table>
  <thead><tr><th>Cod</th><th>Denumire</th><th>UM</th><th>Tip</th><th class="n">TVA</th>
    <th>Metodă</th><th class="n">Preț</th><th>Conturi</th><th></th></tr></thead>
  <tbody>
  @foreach($produse as $p)
    <tr>
      <td>{{ $p->cod }}</td><td>{{ $p->denumire }}</td><td>{{ $p->um }}</td><td>{{ $p->tip }}</td>
      <td class="n">{{ (int) $p->cota_tva }}%</td><td>{{ $p->metoda }}</td>
      <td class="n">@lei($p->pret_vanzare)</td>
      <td class="mut">{{ $p->cont_stoc }} / {{ $p->cont_venit }} / {{ $p->cont_cheltuiala }}</td>
      <td><button type="button" class="btn mic sec" onclick='inc(@json([
            "id" => $p->id, "cod" => $p->cod, "denumire" => $p->denumire, "um" => $p->um,
            "tip" => $p->tip, "cota_tva" => (float) $p->cota_tva, "metoda" => $p->metoda,
            "pret_vanzare" => (float) $p->pret_vanzare, "stoc_minim" => (float) $p->stoc_minim,
            "cod_bare" => $p->cod_bare,
          ]))'>Editează</button></td>
    </tr>
  @endforeach
  </tbody>
</table>
</div>

<script>
function inc(p){
  const m = {rid:'id', rcod:'cod', rden:'denumire', rum:'um', rtip:'tip', rtva:'cota_tva',
    rmet:'metoda', rpv:'pret_vanzare', rmin:'stoc_minim', rcb:'cod_bare'};
  for (const k in m) document.getElementById(k).value = p[m[k]] ?? '';
  window.scrollTo(0, 0);
}
</script>
@endsection