@extends('layouts.app')

@section('titulo', 'Usuarios')

@section('contenido')
  <div class="topbar">
    <div>
      <div class="eyebrow">Administración</div>
      <h2>Usuarios</h2>
    </div>
    <a href="{{ route('usuarios.create') }}" class="btn-gold">＋ Nuevo usuario</a>
  </div>

  @include('partials.alertas')

  <div class="sidenote" style="margin:0 0 20px;">
    <span>🔒</span>
    <span>Sección visible solo para administradores. Las cuentas desactivadas no pueden iniciar sesión, pero sus cotizaciones se conservan.</span>
  </div>

  <div class="panel">
    <div class="panel-head"><h3>Cuentas de {{ $empresa->nombre }}</h3></div>
    <table>
      <thead>
        <tr><th>Usuario</th><th>Rol</th><th>Último acceso</th><th>Estado</th><th style="text-align:right;">Acciones</th></tr>
      </thead>
      <tbody>
        @foreach ($usuarios as $u)
        @php($esYo = $u->id === auth()->id())
        <tr @if (! $u->activo) style="opacity:.6;" @endif>
          <td>
            <div style="display:flex; gap:10px; align-items:center;">
              <div class="avatar avatar-chico {{ ! $u->activo ? 'inactivo' : ($u->esAdministrador() ? '' : 'vendedor') }}">{{ \Illuminate\Support\Str::of($u->nombre)->explode(' ')->take(2)->map(fn ($p) => mb_substr($p, 0, 1))->implode('') }}</div>
              <div class="cliente">
                <b>{{ $u->nombre }}@if ($esYo) <span class="sin-dato" style="font-size:11.5px;">(tú)</span>@endif</b>
                <span>{{ $u->usuario }}{{ $u->email ? ' · ' . $u->email : '' }}</span>
              </div>
            </div>
          </td>
          <td><span class="badge {{ $u->esAdministrador() ? 'pend' : 'neutral' }}">{{ $u->esAdministrador() ? 'Administrador' : 'Vendedor(a)' }}</span></td>
          <td>{{ $u->ultimo_acceso?->translatedFormat('d M Y, H:i') ?? '—' }}</td>
          <td><span class="badge {{ $u->activo ? 'apr' : 'rej' }}"><span class="dot"></span>{{ $u->activo ? 'Activo' : 'Inactivo' }}</span></td>
          <td style="text-align:right; white-space:nowrap;">
            <a class="icon-btn icono-enlace" href="{{ route('usuarios.edit', $u) }}" title="Editar usuario">✎</a>
            @unless ($esYo)
            <form method="post" action="{{ route('usuarios.estado', $u) }}" style="display:inline;">
              @csrf @method('PATCH')
              <button type="submit" class="icon-btn" style="color:{{ $u->activo ? 'var(--red)' : 'var(--green)' }};" title="{{ $u->activo ? 'Desactivar cuenta' : 'Reactivar cuenta' }}">{{ $u->activo ? '⊘' : '✓' }}</button>
            </form>
            @endunless
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
@endsection