@extends('layouts.app')
@section('titlu', 'Parteneri')
@section('continut')
<h1>Parteneri</h1>

<div class="card">
<h2>Partener nou / modificare</h2>
<form method="post" action="{{ route('parteneri.salveaza') }}">
@csrf
<input type="hidden" name="id" id="pid">
<div class="row">
  <div class="field"><label>Denumire *</label><input name="denumire" id="pden" required></div>
  <div class="field"><label>CUI</label><input name="cui" id="pcui" placeholder="RO12345678"></div>
  <div class="field"><label>Nr. reg. com.</label><input name="nr_reg_com" id="preg"></div>
  <div class="field"><label>Tip</label><select name="tip" id="ptip">
    <option value="ambele">Client și furnizor</option>
    <option value="client">Client</option>
    <option value="furnizor">Furnizor</option></select></div>
</div>
<div class="row">
  <div class="field"><label>Țară</label><input name="tara" id="ptara" value="RO" maxlength="2"></div>
  <div class="field"><label>Județ</label><input name="judet" id="pjud" value="RO-B"></div>
  <div class="field"><label>Localitate</label><input name="oras" id="poras"></div>
  <div class="field"><label>Adresă</label><input name="adresa" id="padr"></div>
  <div class="field"><label>Cod poștal</label><input name="cod_postal" id="pcp"></div>
</div>
<div class="row">
  <div class="field"><label>Email</label><input name="email" id="pmail"></div>
  <div class="field"><label>Telefon</label><input name="telefon" id="ptel"></div>
  <div class="field"><label>IBAN</label><input name="iban" id="piban"></div>
  <div class="field"><label>Termen plată (zile)</label><input name="termen_plata" type="number" id="pterm" value="30"></div>
  <div class="field"><label>Plătitor TVA</label><input type="checkbox" name="platitor_tva" id="ptva" value="1" checked style="width:auto"></div>
  <div class="field"><label>Persoană fizică</label><input type="checkbox" name="persoana_fizica" id="ppf" value="1" style="width:auto"></div>
</div>
<button type="submit">Salvează</button>
<button type="button" class="btn sec" onclick="document.getElementById('pid').value='';this.form.reset()">Golește</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>Denumire</th><th>CUI</th><th>Tip</th><th>Localitate</th><th>Județ</th><th>TVA</th><th></th></tr></thead>
  <tbody>
  @foreach($parteneri as $p)
    <tr>
      <td>{{ $p->denumire }}</td>
      <td>{{ $p->cuiComplet() }}</td>
      <td>{{ $p->tip }}</td>
      <td>{{ $p->oras }}</td>
      <td>{{ $p->judet }}</td>
      <td>@if($p->platitor_tva)<span class="badge b-ok">da</span>@else<span class="badge b-mut">nu</span>@endif</td>
      <td><button type="button" class="btn mic sec" onclick='incarca(@json([
            "id" => $p->id, "denumire" => $p->denumire, "cui" => $p->cuiComplet(),
            "nr_reg_com" => $p->nr_reg_com, "tip" => $p->tip, "tara" => $p->tara,
            "judet" => $p->judet, "oras" => $p->oras, "adresa" => $p->adresa,
            "cod_postal" => $p->cod_postal, "email" => $p->email, "telefon" => $p->telefon,
            "iban" => $p->iban, "termen_plata" => $p->termen_plata,
            "platitor_tva" => $p->platitor_tva, "persoana_fizica" => $p->persoana_fizica,
          ]))'>Editează</button></td>
    </tr>
  @endforeach
  </tbody>
</table>
</div>

<script>
function incarca(p){
  const m = {pid:'id', pden:'denumire', pcui:'cui', preg:'nr_reg_com', ptip:'tip', ptara:'tara',
    pjud:'judet', poras:'oras', padr:'adresa', pcp:'cod_postal', pmail:'email', ptel:'telefon',
    piban:'iban', pterm:'termen_plata'};
  for (const k in m) document.getElementById(k).value = p[m[k]] ?? '';
  document.getElementById('ptva').checked = !!p.platitor_tva;
  document.getElementById('ppf').checked = !!p.persoana_fizica;
  window.scrollTo(0, 0);
}
</script>
@endsection