@extends('adminlte::page')

@section('title', 'Usuários')

@section('content_header')
@stop

@section('content')
@php
    $filtroPapel = $filtros['papel'] ?? '';
    $resultadoCount = $usuarios->total();
    $papelLabels = [
        'admin' => 'Administrador',
        'readonly' => 'Somente leitura',
        'pendente' => 'Email pendente',
    ];
    $filtrosModalCount = (int) !empty($filtros['busca'])
        + (int) (($filtros['ordenacao'] ?? 'created_at') !== 'created_at')
        + (int) (($filtros['direcao'] ?? 'desc') !== 'desc');
    $limparModalUrl = route('usuarios.index', array_filter(['papel' => $filtroPapel ?: null]));
@endphp

<div class="dashboard-page dashboard-stagger">
    @if(session('success'))
        <div class="formulario-alert formulario-alert--success mb-4" role="status">
            <i class="fas fa-check-circle" aria-hidden="true"></i>
            <div>{{ session('success') }}</div>
        </div>
    @endif

    <section class="dashboard-hero">
        <div class="dashboard-hero__inner">
            <div>
                <p class="dashboard-hero__eyebrow">Sistema</p>
                <h1 class="dashboard-hero__title">
                    Usuários do <em>Gestão</em>
                </h1>
                <p class="dashboard-hero__subtitle">
                    @if($temFiltros ?? false)
                        {{ $resultadoCount }} resultado(s) com filtros · {{ $stats['total'] ?? 0 }} no total
                    @else
                        {{ $stats['total'] ?? 0 }} conta(s) com acesso ao painel central WayGest
                    @endif
                </p>
            </div>
            <div class="dashboard-hero__actions">
                <button type="button"
                        class="btn-dashboard-hero btn-dashboard-hero--ghost"
                        data-toggle="modal"
                        data-target="#modal-filtros-usuarios"
                        aria-haspopup="dialog"
                        aria-controls="modal-filtros-usuarios">
                    <i class="fas fa-filter" aria-hidden="true"></i>
                    Filtros
                    @if($filtrosModalCount > 0)
                        <span class="dashboard-hero__badge">{{ $filtrosModalCount }}</span>
                    @endif
                </button>
                @can('gestao-write')
                    <a href="{{ route('usuarios.create') }}" class="btn-dashboard-hero btn-dashboard-hero--primary">
                        <i class="fas fa-user-plus" aria-hidden="true"></i>
                        Novo usuário
                    </a>
                @endcan
            </div>
        </div>
    </section>

    <div class="dashboard-kpi-grid">
        <a href="{{ route('usuarios.index', request()->except('papel', 'page')) }}"
           class="dashboard-kpi dashboard-kpi--link {{ empty($filtroPapel) ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--purple"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--purple">
                    <i class="fas fa-users" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ $stats['total'] ?? 0 }}</p>
            <p class="dashboard-kpi__label">Total</p>
        </a>

        <a href="{{ route('usuarios.index', array_merge(request()->except('papel', 'page'), ['papel' => 'admin'])) }}"
           class="dashboard-kpi dashboard-kpi--link {{ $filtroPapel === 'admin' ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--purple"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--purple">
                    <i class="fas fa-user-shield" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ $stats['admin'] ?? 0 }}</p>
            <p class="dashboard-kpi__label">Administradores</p>
        </a>

        <a href="{{ route('usuarios.index', array_merge(request()->except('papel', 'page'), ['papel' => 'readonly'])) }}"
           class="dashboard-kpi dashboard-kpi--link {{ $filtroPapel === 'readonly' ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--neutral"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--neutral">
                    <i class="fas fa-eye" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ $stats['readonly'] ?? 0 }}</p>
            <p class="dashboard-kpi__label">Somente leitura</p>
        </a>

        <a href="{{ route('usuarios.index', array_merge(request()->except('papel', 'page'), ['papel' => 'pendente'])) }}"
           class="dashboard-kpi dashboard-kpi--link {{ $filtroPapel === 'pendente' ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--warning"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--warning">
                    <i class="fas fa-envelope" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ $stats['pendente'] ?? 0 }}</p>
            <p class="dashboard-kpi__label">Email pendente</p>
        </a>
    </div>

    @if($temFiltros ?? false)
        <div class="listagem-chips mb-4">
            <span class="listagem-chip listagem-chip--muted">Filtros ativos:</span>
            @if($filtros['busca'] ?? null)
                <a href="{{ request()->fullUrlWithQuery(['busca' => null, 'page' => null]) }}" class="listagem-chip">
                    Busca: {{ Str::limit($filtros['busca'], 40) }}
                    <i class="fas fa-times listagem-chip__remove" aria-hidden="true"></i>
                </a>
            @endif
            @if($filtroPapel)
                <a href="{{ request()->fullUrlWithQuery(['papel' => null, 'page' => null]) }}" class="listagem-chip">
                    Papel: {{ $papelLabels[$filtroPapel] ?? $filtroPapel }}
                    <i class="fas fa-times listagem-chip__remove" aria-hidden="true"></i>
                </a>
            @endif
            @if(($filtros['ordenacao'] ?? 'created_at') !== 'created_at')
                <span class="listagem-chip listagem-chip--muted">
                    Ordem: {{ $filtros['ordenacao'] === 'name' ? 'Nome' : 'Email' }}
                </span>
            @endif
            @if(($filtros['direcao'] ?? 'desc') !== 'desc')
                <span class="listagem-chip listagem-chip--muted">Crescente</span>
            @endif
            <a href="{{ route('usuarios.index') }}" class="listagem-chip">
                Limpar todos
                <i class="fas fa-eraser listagem-chip__remove" aria-hidden="true"></i>
            </a>
        </div>
    @endif

    {{-- Modal de filtros --}}
    <div class="modal fade listagem-filter-modal"
         id="modal-filtros-usuarios"
         tabindex="-1"
         role="dialog"
         aria-labelledby="modal-filtros-usuarios-title"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal-filtros-usuarios-title">
                        <i class="fas fa-filter" aria-hidden="true"></i>
                        Filtros e busca
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="GET" action="{{ route('usuarios.index') }}">
                    @if($filtroPapel)
                        <input type="hidden" name="papel" value="{{ $filtroPapel }}">
                    @endif
                    <div class="modal-body">
                        <div class="listagem-filters listagem-filters--usuarios">
                            <div class="listagem-filters__field">
                                <label for="filtro-busca-usuarios">Buscar</label>
                                <input id="filtro-busca-usuarios" type="search" class="form-control" name="busca"
                                       value="{{ $filtros['busca'] ?? '' }}"
                                       placeholder="Nome ou email…"
                                       autocomplete="off">
                            </div>
                            <div class="listagem-filters__field">
                                <label for="filtro-ordenacao-usuarios">Ordenar por</label>
                                <select id="filtro-ordenacao-usuarios" name="ordenacao" class="form-control">
                                    <option value="created_at" @selected(($filtros['ordenacao'] ?? 'created_at') === 'created_at')>Data de criação</option>
                                    <option value="name" @selected(($filtros['ordenacao'] ?? '') === 'name')>Nome</option>
                                    <option value="email" @selected(($filtros['ordenacao'] ?? '') === 'email')>Email</option>
                                </select>
                            </div>
                            <div class="listagem-filters__field">
                                <label for="filtro-direcao-usuarios">Direção</label>
                                <select id="filtro-direcao-usuarios" name="direcao" class="form-control">
                                    <option value="desc" @selected(($filtros['direcao'] ?? 'desc') === 'desc')>Decrescente</option>
                                    <option value="asc" @selected(($filtros['direcao'] ?? '') === 'asc')>Crescente</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer d-flex flex-wrap justify-content-between">
                        <a href="{{ $limparModalUrl }}" class="btn-listagem btn-listagem--ghost">
                            <i class="fas fa-undo" aria-hidden="true"></i>
                            Limpar
                        </a>
                        <div class="d-flex flex-wrap gap-2">
                            <button type="button" class="btn-listagem btn-listagem--ghost" data-dismiss="modal">
                                Cancelar
                            </button>
                            <button type="submit" class="btn-listagem btn-listagem--primary">
                                <i class="fas fa-check" aria-hidden="true"></i>
                                Aplicar filtros
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="dashboard-panel">
        <div class="dashboard-panel__header">
            <h2 class="dashboard-panel__title">
                <i class="fas fa-list" aria-hidden="true"></i>
                Contas de acesso
            </h2>
            <span class="text-muted small">{{ $resultadoCount }} registro(s)</span>
        </div>

        @if($usuarios->isNotEmpty())
            <div class="dashboard-panel__body p-0">
                <div class="dashboard-table-wrap">
                    <table class="dashboard-table">
                        <thead>
                            <tr>
                                <th>Usuário</th>
                                <th>Papel</th>
                                <th>Verificação</th>
                                <th>Criado em</th>
                                <th>Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($usuarios as $usuario)
                                @php
                                    $iniciais = strtoupper(substr($usuario->name, 0, 1).(str_contains($usuario->name, ' ') ? substr(strrchr(trim($usuario->name), ' '), 1, 1) : substr($usuario->name, 1, 1)));
                                @endphp
                                <tr>
                                    <td>
                                        <div class="usuario-cell">
                                            <span class="usuario-avatar {{ $usuario->isGestaoOpsReadonly() ? 'usuario-avatar--readonly' : '' }}"
                                                  aria-hidden="true">{{ $iniciais }}</span>
                                            <div>
                                                <a href="{{ route('usuarios.show', $usuario) }}" class="dashboard-table__name text-decoration-none">
                                                    {{ $usuario->name }}
                                                </a>
                                                <span class="usuario-cell__email d-block">{{ $usuario->email }}</span>
                                                <span class="dashboard-table__sub">#{{ $usuario->id }}</span>
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        @if($usuario->isGestaoOpsReadonly())
                                            <span class="usuario-role-badge usuario-role-badge--readonly">
                                                <i class="fas fa-eye" aria-hidden="true"></i>
                                                Somente leitura
                                            </span>
                                        @else
                                            <span class="usuario-role-badge usuario-role-badge--admin">
                                                <i class="fas fa-user-shield" aria-hidden="true"></i>
                                                Administrador
                                            </span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($usuario->email_verified_at)
                                            <span class="usuario-verify-badge usuario-verify-badge--ok">
                                                <i class="fas fa-check" aria-hidden="true"></i>
                                                Verificado
                                            </span>
                                        @else
                                            <span class="usuario-verify-badge usuario-verify-badge--pending">
                                                <i class="fas fa-clock" aria-hidden="true"></i>
                                                Pendente
                                            </span>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="dashboard-table__sub d-block">{{ $usuario->created_at->format('d/m/Y') }}</span>
                                        <span>{{ $usuario->created_at->format('H:i') }}</span>
                                    </td>
                                    <td>
                                        <div class="listagem-row-actions">
                                            <a href="{{ route('usuarios.show', $usuario) }}"
                                               class="listagem-row-actions__btn listagem-row-actions__btn--view"
                                               title="Ver detalhe"
                                               aria-label="Ver {{ $usuario->name }}">
                                                <i class="fas fa-eye" aria-hidden="true"></i>
                                            </a>
                                            @can('gestao-write')
                                                <a href="{{ route('usuarios.edit', $usuario) }}"
                                                   class="listagem-row-actions__btn listagem-row-actions__btn--edit"
                                                   title="Editar"
                                                   aria-label="Editar {{ $usuario->name }}">
                                                    <i class="fas fa-edit" aria-hidden="true"></i>
                                                </a>
                                                <form method="POST"
                                                      action="{{ route('usuarios.destroy', $usuario) }}"
                                                      class="d-inline"
                                                      onsubmit="return confirm('Tem certeza que deseja excluir o usuário «{{ $usuario->name }}»?')">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit"
                                                            class="listagem-row-actions__btn listagem-row-actions__btn--delete"
                                                            title="Excluir"
                                                            aria-label="Excluir {{ $usuario->name }}">
                                                        <i class="fas fa-trash" aria-hidden="true"></i>
                                                    </button>
                                                </form>
                                            @endcan
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                @if($usuarios->hasPages())
                    <div class="listagem-pagination">
                        <span>
                            Exibindo {{ $usuarios->firstItem() }}–{{ $usuarios->lastItem() }} de {{ $usuarios->total() }}
                        </span>
                        {{ $usuarios->links() }}
                    </div>
                @endif
            </div>
        @else
            <div class="dashboard-panel__body">
                <div class="dashboard-empty">
                    <i class="fas fa-users" aria-hidden="true"></i>
                    @if($temFiltros ?? false)
                        <p>Nenhum usuário encontrado com os filtros aplicados.</p>
                        <a href="{{ route('usuarios.index') }}" class="btn-listagem btn-listagem--ghost">
                            Limpar filtros
                        </a>
                    @else
                        <p>Ainda não há usuários registrados.</p>
                        @can('gestao-write')
                            <a href="{{ route('usuarios.create') }}" class="btn-listagem btn-listagem--primary">
                                <i class="fas fa-user-plus" aria-hidden="true"></i>
                                Criar primeiro usuário
                            </a>
                        @endcan
                    @endif
                </div>
            </div>
        @endif
    </div>
</div>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/adminlte-inter.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-colors.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dashboard.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-listagem.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-formulario.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-usuarios.css') }}">
@stop