@extends('layouts.principal')

@section('titulo', 'Dashboard - MNGD Sistemas')

@section('conteudo')
<div class="dashboard-container">
    <!-- Header -->
    <div class="dashboard-header">
        <div class="dashboard-welcome">
            <h1>Bem-vindo, {{ $cliente->nome }}!</h1>
            <p>Gerencie suas licenças e produtos</p>
        </div>
        <div class="dashboard-actions">
            <a href="{{ route('cliente.perfil') }}" class="btn-secondary">
                <i class="fas fa-user"></i>
                <span>Perfil</span>
            </a>
            <form method="POST" action="{{ route('cliente.logout') }}" style="display: inline;">
                @csrf
                <button type="submit" class="btn-secondary">
                    <i class="fas fa-sign-out-alt"></i>
                    <span>Sair</span>
                </button>
            </form>
        </div>
    </div>

    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    @if (!$emailVerified)
        <div class="alert alert-warning" style="background: #fff3cd; border: 1px solid #ffc107; border-left: 4px solid #ffc107; padding: 15px; margin-bottom: 20px; border-radius: 5px; color: #856404;">
            <div style="display: flex; align-items: center; justify-content: space-between;">
                <div style="flex: 1;">
                    <strong style="color: #856404;">⚠️ Email não verificado</strong>
                    <p style="margin: 5px 0 0 0; font-size: 14px; color: #856404;">
                        Por favor, verifique seu email para ter acesso completo ao sistema. 
                        <a href="{{ route('cliente.email.verify.show') }}" style="color: #664d03; text-decoration: underline; font-weight: bold;">
                            Verificar agora
                        </a>
                    </p>
                </div>
                <a href="{{ route('cliente.email.verify.show') }}" class="btn-secondary" style="margin-left: 15px; background: #664d03; color: white; border-color: #664d03;">
                    Verificar Email
                </a>
            </div>
        </div>
    @endif

    <!-- Stats Cards -->
    <div class="stats-grid">
        <div class="stat-card">
            <div class="stat-icon">
                <i class="fas fa-key"></i>
            </div>
            <div class="stat-content">
                <h3>{{ $licencas->count() }}</h3>
                <p>Licenças Ativas</p>
            </div>
        </div>

        <div class="stat-card">
            <div class="stat-icon">
                <i class="fas fa-cube"></i>
            </div>
            <div class="stat-content">
                <h3>{{ $licencas->unique('produto_id')->count() }}</h3>
                <p>Produtos Diferentes</p>
            </div>
        </div>

        <div class="stat-card">
            <div class="stat-icon">
                <i class="fas fa-calendar-check"></i>
            </div>
            <div class="stat-content">
                <h3>{{ $licencas->where('status', 'ativa')->count() }}</h3>
                <p>Licenças Válidas</p>
            </div>
        </div>
    </div>

    <!-- Licenças Ativas -->
    <div class="dashboard-section">
        <div class="section-header">
            <h2>Suas Licenças</h2>
            <a href="{{ route('cliente.pedidos') }}" class="btn-secondary">
                <i class="fas fa-list"></i>
                <span>Ver Todos</span>
            </a>
        </div>

        @if($licencas->count() > 0)
            <div class="licencas-grid">
                @foreach($licencas->take(3) as $licenca)
                    <div class="licenca-card">
                        <div class="licenca-header">
                            <div class="licenca-icon">
                                <i class="fas fa-key"></i>
                            </div>
                            <div class="licenca-status {{ $licenca->status }}">
                                {{ ucfirst($licenca->status) }}
                            </div>
                        </div>
                        
                        <div class="licenca-content">
                            <h3>{{ $licenca->produto->nome }}</h3>
                            <p>{{ $licenca->produto->descricao }}</p>
                            
                            <div class="licenca-details">
                                <div class="detail-item">
                                    <span class="label">Início:</span>
                                    <span class="value">{{ $licenca->created_at->format('d/m/Y') }}</span>
                                </div>
                                <div class="detail-item">
                                    <span class="label">Expira:</span>
                                    <span class="value">{{ $licenca->license_ends_at->format('d/m/Y') }}</span>
                                </div>
                                <div class="detail-item">
                                    <span class="label">Valor:</span>
                                    <span class="value">
                                        @if($licenca->tipo === 'trial')
                                            Gratuito (Trial)
                                        @else
                                            @if($licenca->produto)
                                                R$ {{ number_format($licenca->pagamento->valor ?? 0, 2, ',', '.') }}
                                            @else
                                                <span class="text-muted">N/A</span>
                                            @endif
                                        @endif
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        @else
            <div class="empty-state">
                <div class="empty-icon">
                    <i class="fas fa-cube"></i>
                </div>
                <h3>Nenhuma licença encontrada</h3>
                <p>Você ainda não possui licenças ativas. Explore nossos produtos!</p>
                <a href="{{ route('product.index') }}" class="btn-primary">
                    <i class="fas fa-shopping-cart"></i>
                    <span>Ver Produtos</span>
                </a>
            </div>
        @endif
    </div>

    <!-- Quick Actions -->
    <div class="dashboard-section">
        <h2>Ações Rápidas</h2>
        <div class="actions-grid">
            <a href="{{ route('product.index') }}" class="action-card">
                <div class="action-icon">
                    <i class="fas fa-shopping-cart"></i>
                </div>
                <h3>Comprar Produto</h3>
                <p>Adquira novas licenças</p>
            </a>
            
            <a href="{{ route('cliente.pedidos') }}" class="action-card">
                <div class="action-icon">
                    <i class="fas fa-list"></i>
                </div>
                <h3>Meus Pedidos</h3>
                <p>Visualize histórico completo</p>
            </a>
            
            <a href="{{ route('cliente.perfil') }}" class="action-card">
                <div class="action-icon">
                    <i class="fas fa-user-edit"></i>
                </div>
                <h3>Editar Perfil</h3>
                <p>Atualize suas informações</p>
            </a>
        </div>
    </div>
</div>
@endsection