@extends('layouts.app')

@section('content')
@if(!empty($userLogged))
    <section class="grid">
        <div class="card">
            <h2>Visão Geral</h2>
            <p>Selecione um módulo para começar ou acesse os atalhos abaixo.</p>
            <div class="quick-links">
                <a class="btn" href="{{ route('cliente.index') }}">Gerenciar clientes</a>
                <a class="btn" href="{{ route('grupo.index') }}">Gerenciar grupos</a>
                <a class="btn" href="{{ route('ucusuario.index') }}">Usuários</a>
                <a class="btn" href="{{ route('log.index') }}">Logs de acesso</a>
            </div>
        </div>
        <div class="card">
            <h2>Indicadores</h2>
            <table class="summary">
                <tbody>
                    <tr>
                        <th>Total de clientes</th>
                        <td>{{ $stats['clientes'] ?? 0 }}</td>
                    </tr>
                    <tr>
                        <th>Clientes conectados</th>
                        <td>{{ $stats['clientesAtivos'] ?? 0 }}</td>
                    </tr>
                    <tr>
                        <th>Grupos cadastrados</th>
                        <td>{{ $stats['grupos'] ?? 0 }}</td>
                    </tr>
                    <tr>
                        <th>Usuários ativos</th>
                        <td>{{ $stats['usuarios'] ?? 0 }}</td>
                    </tr>
<!--                    <tr>
                        <th>Perfis configurados</th>
                        <td>{{ $stats['perfis'] ?? 0 }}</td>
                    </tr>-->
                    <tr>
                        <th>Movimentações hoje</th>
                        <td>{{ $stats['logsHoje'] ?? 0 }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </section>
@else
    <section class="card narrow">
        <h2>Acesso ao sistema</h2>
        <form method="post" action="{{ route('login') }}" class="simple-form">
            @csrf
            <div class="form-field">
                <label for="loginUsername">Usuário</label>
                <input type="text" name="loginUsername" id="loginUsername" required autocomplete="username" />
            </div>
            <div class="form-field">
                <label for="loginPassword">Senha</label>
                <input type="password" name="loginPassword" id="loginPassword" required autocomplete="current-password" />
            </div>
            <div class="form-actions">
                <button type="submit" class="btn">Entrar</button>
            </div>
        </form>
        <p class="helper-text">Primeiro acesso? Utilize <strong>Admin</strong> / <strong>senha</strong> e altere a senha na área de usuários.</p>
    </section>
@endif
@endsection