@extends('layouts.app')

@section('title', 'Dashboard')
@section('page-title', 'Dashboard')

@section('content')
    <div class="stats-grid">
        <div class="stat-card stat-card--primary">
            <div class="stat-card__label">Total de Clientes</div>
            <div class="stat-card__value">{{ $estatisticas['total'] }}</div>
            <div class="stat-card__desc">cadastrados no sistema</div>
        </div>

        <div class="stat-card stat-card--success">
            <div class="stat-card__label">Ativos</div>
            <div class="stat-card__value">{{ $estatisticas['ativo'] }}</div>
            <div class="stat-card__desc">sites publicados</div>
        </div>

        <div class="stat-card stat-card--warning">
            <div class="stat-card__label">Rascunho</div>
            <div class="stat-card__value">{{ $estatisticas['rascunho'] }}</div>
            <div class="stat-card__desc">em preparacao</div>
        </div>

        <div class="stat-card stat-card--info">
            <div class="stat-card__label">Inativos</div>
            <div class="stat-card__value">{{ $estatisticas['inativo'] }}</div>
            <div class="stat-card__desc">desativados ou suspensos</div>
        </div>
    </div>

    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-lg);">
        {{-- Clientes Recentes --}}
        <div class="content-card">
            <div class="content-card__title">Clientes Recentes</div>

            @if($clientesRecentes->count() > 0)
                @foreach($clientesRecentes as $client)
                    <div class="activity-item">
                        <div class="activity-item__content">
                            <div class="activity-item__text">
                                <strong>{{ $client->name }}</strong>
                                <span class="badge badge--{{ $client->status }}">{{ $client->status }}</span>
                            </div>
                            <div class="activity-item__time">{{ $client->created_at->diffForHumans() }}</div>
                        </div>
                    </div>
                @endforeach
            @else
                <div class="empty-state">
                    <p>Nenhum cliente cadastrado ainda.</p>
                </div>
            @endif
        </div>

        {{-- Atividade Recente --}}
        <div class="content-card">
            <div class="content-card__title">Atividade Recente</div>

            @if($atividadeRecente->count() > 0)
                <ul class="activity-list">
                    @foreach($atividadeRecente as $log)
                        <li class="activity-item">
                            <div class="activity-item__icon activity-item__icon--{{ $log->action }}">
                                @switch($log->action)
                                    @case('create') + @break
                                    @case('update') ~ @break
                                    @case('delete') - @break
                                    @case('login')  > @break
                                    @default ?
                                @endswitch
                            </div>
                            <div class="activity-item__content">
                                <div class="activity-item__text">
                                    {{ $log->description ?? ucfirst($log->action) . ' em ' . $log->module }}
                                </div>
                                <div class="activity-item__time">
                                    {{ $log->user?->name ?? 'Sistema' }} - {{ $log->created_at->diffForHumans() }}
                                </div>
                            </div>
                        </li>
                    @endforeach
                </ul>
            @else
                <div class="empty-state">
                    <p>Nenhuma atividade registrada.</p>
                </div>
            @endif
        </div>
    </div>
@endsection