@extends('layouts.app')

@section('title', 'Dashboard')

@section('content')
<h1>Dashboard</h1>
<div class="card-grid" style="display:grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 16px; margin-bottom: 24px;">
    <a href="{{ route('campaigns.index') }}" class="card card-link" style="margin-bottom: 0; text-decoration: none; color: inherit;">
        <h2 style="margin: 0 0 4px; font-size: 1rem;">Campaigns</h2>
        <p style="margin: 0; font-size: 1.5rem; font-weight: 600;">{{ $counts['campaigns'] }}</p>
    </a>
    <a href="{{ route('products.index') }}" class="card card-link" style="margin-bottom: 0; text-decoration: none; color: inherit;">
        <h2 style="margin: 0 0 4px; font-size: 1rem;">Products</h2>
        <p style="margin: 0; font-size: 1.5rem; font-weight: 600;">{{ $counts['products'] }}</p>
    </a>
    <a href="{{ route('orders.index') }}" class="card card-link" style="margin-bottom: 0; text-decoration: none; color: inherit;">
        <h2 style="margin: 0 0 4px; font-size: 1rem;">Orders</h2>
        <p style="margin: 0; font-size: 1.5rem; font-weight: 600;">{{ $counts['orders'] }}</p>
    </a>
    <a href="{{ route('knowledge.index') }}" class="card card-link" style="margin-bottom: 0; text-decoration: none; color: inherit;">
        <h2 style="margin: 0 0 4px; font-size: 1rem;">Knowledge base</h2>
        <p style="margin: 0; font-size: 1.5rem; font-weight: 600;">{{ $counts['knowledge'] }}</p>
    </a>
    <a href="{{ route('social-accounts.index') }}" class="card card-link" style="margin-bottom: 0; text-decoration: none; color: inherit;">
        <h2 style="margin: 0 0 4px; font-size: 1rem;">Social accounts</h2>
        <p style="margin: 0; font-size: 1.5rem; font-weight: 600;">{{ $counts['social_accounts'] }}</p>
    </a>
    <a href="{{ route('social-replies.index') }}" class="card card-link" style="margin-bottom: 0; text-decoration: none; color: inherit;">
        <h2 style="margin: 0 0 4px; font-size: 1rem;">Social replies</h2>
        <p style="margin: 0; font-size: 1.5rem; font-weight: 600;">{{ $counts['social_replies'] }}</p>
    </a>
    <a href="{{ route('billing.index') }}" class="card card-link" style="margin-bottom: 0; text-decoration: none; color: inherit;">
        <h2 style="margin: 0 0 4px; font-size: 1rem;">Billing</h2>
        <p style="margin: 0; font-size: 1rem; font-weight: 600;">{{ ucfirst($plan) }}</p>
    </a>
    <a href="{{ route('landing-pages.index') }}" class="card card-link" style="margin-bottom: 0; text-decoration: none; color: inherit;">
        <h2 style="margin: 0 0 4px; font-size: 1rem;">Landing pages</h2>
        <p style="margin: 0; font-size: 1.5rem; font-weight: 600;">{{ $counts['landing_pages'] }}</p>
    </a>
    <a href="{{ route('team.index') }}" class="card card-link" style="margin-bottom: 0; text-decoration: none; color: inherit;">
        <h2 style="margin: 0 0 4px; font-size: 1rem;">Team</h2>
        <p style="margin: 0; font-size: 1.5rem; font-weight: 600;">{{ $counts['users'] }}</p>
    </a>
</div>
@if(!empty($limits))
<div class="card card-link" style="margin-bottom: 24px; text-decoration: none; color: inherit;">
    <h2>Plan & usage</h2>
    <p style="margin: 0 0 8px;"><strong>Plan:</strong> {{ ucfirst($plan) }}</p>
    @if(isset($activeSub) && $activeSub)
        <p style="margin: 0 0 8px; font-size: 0.875rem;">Expires {{ $activeSub->expires_at->format('M j, Y') }}. <a href="{{ route('billing.index') }}" style="color: var(--m3-primary);">Renew</a></p>
    @endif
    <p style="margin: 0 0 8px; font-size: 0.875rem; color: var(--m3-outline);">
        @php
            $parts = [];
            foreach (['products' => 'products', 'campaigns' => 'campaigns', 'orders' => 'orders', 'knowledge' => 'knowledge docs', 'social_accounts' => 'social accounts', 'users' => 'users'] as $key => $label) {
                $limit = $limits[$key] ?? null;
                if ($limit !== null && isset($usage[$key])) {
                    $parts[] = $usage[$key] . ' / ' . $limit . ' ' . $label;
                }
            }
            if (isset($limits['ai_tokens_per_month'], $usage['ai_tokens'])) {
                $parts[] = number_format($usage['ai_tokens']) . ' / ' . number_format($limits['ai_tokens_per_month']) . ' AI tokens (this month)';
            }
        @endphp
        {{ implode(' · ', $parts) ?: 'Unlimited' }}
    </p>
    <p style="margin: 0; font-size: 0.875rem;"><a href="{{ route('billing.index') }}" style="color: var(--m3-primary);">Manage billing & upgrade</a></p>
</div>
@endif
<div class="card">
    <h2>Welcome</h2>
    <p>Use the left menu to manage campaigns, social accounts, social replies, products, orders, knowledge base, landing pages, and team. Generate AI content from the AI content page. Set AI reply tone in Settings → Workspace. Workspace admins can add team members (Team), manage landing pages, upgrade the plan, and view payment history under Billing.</p>
</div>
@endsection