@extends('layouts.app')

@section('title', 'Usuarios')
@section('hi', 'Usuarios y Roles')
@section('hi_sub', 'Administración')

@section('content')
    <div class="page-head">
        <div>
            <h1 class="page-title">Usuarios y Roles</h1>
            <p class="page-sub">
                @if(auth()->user()->isSuperAdmin())
                    Todos los usuarios de la suite.
                @else
                    Usuarios de {{ auth()->user()->company->name ?? 'tu empresa' }}.
                @endif
            </p>
        </div>
        <a href="{{ route('users.create') }}" class="btn-primary">@include('partials.icon', ['name' => 'plus', 'class' => 'ic-sm']) Nuevo usuario</a>
    </div>

    <div class="card table-card">
        <div class="toolbar">
            <form class="search" method="GET" action="{{ route('users.index') }}">
                @include('partials.icon', ['name' => 'search'])
                <input type="text" name="q" value="{{ $q }}" placeholder="Buscar por nombre o correo...">
            </form>
        </div>

        <table class="dt">
            <thead>
                <tr>
                    <th>Usuario</th>
                    @if(auth()->user()->isSuperAdmin())<th>Empresa</th>@endif
                    <th>Rol</th><th>Estado</th><th style="text-align:right">Acciones</th>
                </tr>
            </thead>
            <tbody>
            @forelse($users as $u)
                <tr>
                    <td>
                        <div class="cell-user">
                            <span class="avatar-sm">{{ strtoupper(mb_substr($u->name, 0, 1)) }}</span>
                            <div>
                                <div class="strong">{{ $u->name }} @if($u->id === auth()->id())<span class="muted">(tú)</span>@endif</div>
                                <div class="muted">{{ $u->email }}</div>
                            </div>
                        </div>
                    </td>
                    @if(auth()->user()->isSuperAdmin())
                        <td>{{ $u->company->name ?? '—' }}</td>
                    @endif
                    <td><span class="badge badge-role">{{ $u->roleLabel() }}</span></td>
                    <td><span class="badge {{ $u->active ? 'badge-on' : 'badge-off' }}">{{ $u->active ? 'Activo' : 'Inactivo' }}</span></td>
                    <td>
                        <div class="actions">
                            @if($u->id !== auth()->id())
                                <form method="POST" action="{{ route('users.toggle', $u) }}">
                                    @csrf @method('PATCH')
                                    <button class="btn-ghost btn-icon" title="{{ $u->active ? 'Desactivar' : 'Activar' }}">@include('partials.icon', ['name' => 'power', 'class' => 'ic-sm'])</button>
                                </form>
                            @endif
                            <a href="{{ route('users.edit', $u) }}" class="btn-outline btn-icon" title="Editar">@include('partials.icon', ['name' => 'edit', 'class' => 'ic-sm'])</a>
                            @if($u->id !== auth()->id())
                                <form method="POST" action="{{ route('users.destroy', $u) }}" onsubmit="return confirm('¿Eliminar este usuario?')">
                                    @csrf @method('DELETE')
                                    <button class="btn-danger btn-icon" title="Eliminar">@include('partials.icon', ['name' => 'trash', 'class' => 'ic-sm'])</button>
                                </form>
                            @endif
                        </div>
                    </td>
                </tr>
            @empty
                <tr><td colspan="5"><div class="empty">No hay usuarios registrados.</div></td></tr>
            @endforelse
            </tbody>
        </table>

        @include('partials.pager', ['paginator' => $users])
    </div>
@endsection