@extends('layouts.superadmin')
@section('title', 'Usuarios · SuperAdmin')

@section('content')
<div class="d-flex align-items-center justify-content-between mb-3">
    <div>
        <h1 class="h4 fw-bold mb-1">Usuarios</h1>
        <div class="text-muted">Asignación por empresa (pivot) y sucursal opcional</div>
    </div>
    <a href="{{ route('superadmin.usuarios.create', ['empresa_id' => $empresaId]) }}" class="btn btn-dark">
        + Nuevo Usuario
    </a>
</div>

<div class="card shadow-sm mb-3">
    <div class="card-body">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-12 col-md-4">
                <label class="form-label fw-semibold">Empresa</label>
                <select name="empresa_id" class="form-select">
                    <option value="">Todas</option>
                    @foreach($empresas as $e)
                        <option value="{{ $e->id }}" {{ (string)$empresaId === (string)$e->id ? 'selected' : '' }}>
                            {{ $e->nombre }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-12 col-md-3">
                <label class="form-label fw-semibold">Rol global</label>
                <select name="role" class="form-select">
                    <option value="">Todos</option>
                    <option value="superadmin" {{ $role === 'superadmin' ? 'selected' : '' }}>superadmin</option>
                    <option value="admin" {{ $role === 'admin' ? 'selected' : '' }}>admin</option>
                    <option value="usuario" {{ $role === 'usuario' ? 'selected' : '' }}>usuario</option>
                </select>
            </div>

            <div class="col-12 col-md-3">
                <label class="form-label fw-semibold">Buscar</label>
                <input name="q" value="{{ $q ?? '' }}" class="form-control" placeholder="Nombre o email">
            </div>

            <div class="col-12 col-md-2 d-grid">
                <button class="btn btn-outline-secondary">Filtrar</button>
            </div>
        </form>
    </div>
</div>

<div class="card shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Usuario</th>
                    <th>Rol global</th>
                    <th>Empresa (rol en empresa)</th>
                    <th>Sucursal</th>
                    <th class="text-end" style="width:210px;">Acciones</th>
                </tr>
            </thead>
            <tbody>
                @forelse($users as $u)
                    @php
                        $empresa = $u->empresas->first();
                        $rolEmpresa = $empresa?->pivot?->rol;
                        $sucursal = $u->sucursales->first();
                    @endphp
                    <tr>
                        <td>
                            <div class="fw-semibold">{{ $u->name }}</div>
                            <div class="text-muted small">{{ $u->email }}</div>
                        </td>
                        <td>
                            <span class="badge text-bg-{{ $u->role === 'superadmin' ? 'dark' : ($u->role === 'admin' ? 'primary' : 'secondary') }}">
                                {{ $u->role }}
                            </span>
                        </td>
                        <td>
                            @if($empresa)
                                <div class="fw-semibold">{{ $empresa->nombre }}</div>
                                <div class="text-muted small">Rol: {{ $rolEmpresa ?? 'usuario' }}</div>
                            @else
                                —
                            @endif
                        </td>
                        <td>{{ $sucursal?->nombre ?? '—' }}</td>
                        <td class="text-end">
                            <a href="{{ route('superadmin.usuarios.edit', $u) }}" class="btn btn-sm btn-outline-primary">
                                Editar
                            </a>
                            <form method="POST" action="{{ route('superadmin.usuarios.destroy', $u) }}"
                                  class="d-inline" onsubmit="return confirm('¿Eliminar este usuario?');">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger">Eliminar</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center py-5 text-muted">No hay usuarios.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="mt-3">
    {{ $users->links() }}
</div>
@endsection