@extends('layouts.app')
@section('titlu', 'Utilizatori')
@section('continut')
<h1>Utilizatori</h1>
<p class="mut">Utilizatorii au acces la toate firmele din abonament. Rolul stabilește ce pot face.</p>

<div class="card">
<h2>Utilizator nou / modificare</h2>
<form method="post" action="{{ route('utilizatori.salveaza') }}">
@csrf
<input type="hidden" name="id" id="uid">
<div class="row">
  <div class="field"><label>Nume și prenume *</label><input name="nume" id="unume" required></div>
  <div class="field"><label>Email *</label><input type="email" name="email" id="umail" required></div>
  <div class="field"><label>Parolă</label><input type="password" name="parola" minlength="8" id="uparola">
    <div class="mut">La modificare, lasă gol dacă nu schimbi parola.</div></div>
  <div class="field"><label>Rol *</label>
    <select name="rol" id="urol">
      @foreach($roluri as $cod => $descriere)
        <option value="{{ $cod }}">{{ ucfirst($cod) }}</option>
      @endforeach
    </select></div>
</div>
<button type="submit">Salvează</button>
<button type="button" class="btn sec" onclick="document.getElementById('uid').value='';this.form.reset()">Golește</button>
</form>
</div>

<div class="card">
<table>
  <thead><tr><th>Nume</th><th>Email</th><th>Rol</th><th>Stare</th><th></th></tr></thead>
  <tbody>
  @foreach($utilizatori as $u)
    <tr>
      <td>{{ $u->nume }} @if($u->id === auth()->id())<span class="badge b-mut">tu</span>@endif</td>
      <td>{{ $u->email }}</td>
      <td><span class="badge b-mut">{{ $u->rol }}</span></td>
      <td><span class="badge {{ $u->activ ? 'b-ok' : 'b-err' }}">{{ $u->activ ? 'activ' : 'dezactivat' }}</span></td>
      <td>
        <button type="button" class="btn mic sec" onclick='incarca(@json([
          "id" => $u->id, "nume" => $u->nume, "email" => $u->email, "rol" => $u->rol,
        ]))'>Editează</button>
        @if($u->id !== auth()->id())
          <form method="post" action="{{ route('utilizatori.comuta', $u->id) }}" class="inline">
            @csrf<button class="btn mic {{ $u->activ ? 'dang' : 'sec' }}">{{ $u->activ ? 'Dezactivează' : 'Activează' }}</button>
          </form>
        @endif
      </td>
    </tr>
  @endforeach
  </tbody>
</table>
</div>

<div class="card">
<h2>Ce poate fiecare rol</h2>
<table>
  <tbody>
  @foreach($roluri as $cod => $descriere)
    <tr><td style="width:8rem"><b>{{ ucfirst($cod) }}</b></td><td class="mut">{{ $descriere }}</td></tr>
  @endforeach
  </tbody>
</table>
</div>

<script>
function incarca(u){
  document.getElementById('uid').value = u.id;
  document.getElementById('unume').value = u.nume;
  document.getElementById('umail').value = u.email;
  document.getElementById('urol').value = u.rol;
  document.getElementById('uparola').value = '';
  window.scrollTo(0, 0);
}
</script>
@endsection