@extends('layouts.app')
@section('title', 'Usuarios - ERP-PLUS')
@section('page_title', 'Usuarios')
@section('page_subtitle', 'Gerencie acessos, papeis e empresas vinculadas.')
@section('page_actions')
    <a class="button primary" href="{{ route('users.create') }}">Novo usuario</a>
@endsection

@push('styles')
<style>
    .company-tags { display: flex; flex-wrap: wrap; gap: 5px; }
    .company-tag  { font-size: 11px; background: #eef3f6; color: #475569; border-radius: 4px; padding: 2px 7px; font-weight: 600; white-space: nowrap; }
    .company-tag.all { background: #dbeafe; color: #1d4ed8; }
</style>
@endpush

@section('content')
<div class="panel">
    <div class="panel-header">
        <div>
            <h2>Usuarios cadastrados</h2>
            <span>{{ $users->count() }} usuario(s) — Administradores acessam todas as empresas automaticamente.</span>
        </div>
    </div>
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Usuario</th>
                    <th>Papel</th>
                    <th>Empresas com acesso</th>
                    <th>Cadastro</th>
                    <th>Acoes</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($users as $user)
                    <tr>
                        <td>
                            <strong>{{ $user->name }}</strong>
                            <div class="row-text">{{ $user->email }}</div>
                            @if ($user->id === auth()->id())
                                <span class="pill neutral" style="min-width:0;padding:2px 6px;font-size:10px;margin-top:3px;display:inline-flex">Voce</span>
                            @endif
                        </td>
                        <td>
                            @php
                                $roleStyle = match($user->role) {
                                    'admin'    => 'background:#dbeafe;color:#1d4ed8',
                                    'operator' => 'background:#dcfce7;color:#15803d',
                                    default    => 'background:#e5edf2;color:#475569',
                                };
                            @endphp
                            <span class="pill" style="min-width:0;padding:4px 9px;font-size:12px;{{ $roleStyle }}">
                                {{ $user->roleName() }}
                            </span>
                        </td>
                        <td>
                            @if ($user->isAdmin())
                                <span class="company-tag all">Todas as empresas</span>
                            @elseif ($user->companies->isEmpty())
                                <span style="font-size:12px;color:var(--muted)">Nenhuma empresa</span>
                            @else
                                <div class="company-tags">
                                    @foreach ($user->companies as $company)
                                        <span class="company-tag" title="{{ $company->cnpj }}">{{ $company->name }}</span>
                                    @endforeach
                                </div>
                            @endif
                        </td>
                        <td>{{ $user->created_at->format('d/m/Y') }}</td>
                        <td>
                            <div class="inline-actions">
                                <a class="button" style="min-height:32px;font-size:12px;padding:6px 10px"
                                   href="{{ route('users.edit', $user) }}">Editar</a>
                                @if ($user->id !== auth()->id())
                                    <form class="inline-form" method="POST" action="{{ route('users.destroy', $user) }}"
                                          onsubmit="return confirm('Excluir usuario {{ addslashes($user->name) }}?')">
                                        @csrf @method('DELETE')
                                        <button class="button danger" style="min-height:32px;font-size:12px;padding:6px 10px"
                                                type="submit">Excluir</button>
                                    </form>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5"><div class="empty">Nenhum usuario cadastrado.</div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection