@extends('emails.layouts.base')

@section('content')
<div class="card">
    <h1>Welcome to Nexus, {{ $userName }}! 🎉</h1>
    <p class="lead">Your {{ ucfirst($plan) }} plan is active and your business dashboard is ready.</p>

    <hr class="divider">

    <p>Here's what you can do right now:</p>

    <div class="data-row">
        <span class="label">📊 Dashboard</span>
        <span class="value">View your business KPIs</span>
    </div>
    <div class="data-row">
        <span class="label">💰 Data Entry</span>
        <span class="value">Record your first sale</span>
    </div>
    <div class="data-row">
        <span class="label">📦 Inventory</span>
        <span class="value">Add your products</span>
    </div>
    <div class="data-row">
        <span class="label">📄 Invoices</span>
        <span class="value">Generate and send invoices</span>
    </div>

    <hr class="divider">

    @if(!$emailVerified)
    <div class="alert alert-warning">
        ⚠️ Please verify your email to unlock all features including team invites and billing.
    </div>

    <a href="{{ $verificationUrl }}" class="btn">Verify My Email</a>
    @endif

    <a href="{{ config('app.frontend_url') }}/dashboard" class="btn-outline">Go to Dashboard →</a>
</div>

<div class="card">
    <h2>Your Plan</h2>
    <div class="data-row">
        <span class="label">Plan</span>
        <span class="value">{{ ucfirst($plan) }}</span>
    </div>
    <div class="data-row">
        <span class="label">Business</span>
        <span class="value">{{ $businessName }}</span>
    </div>
    <div class="data-row">
        <span class="label">Next renewal</span>
        <span class="value">{{ $renewalDate }}</span>
    </div>
</div>
@endsection