@page "/konto"
@using PlanTempus.Application.Features.Account.Pages
@model PlanTempus.Application.Features.Account.Pages.IndexModel
@{
    ViewData["Title"] = "Abonnement & Konto";
}

<swp-page-container>

    <!-- Page Header -->
    <swp-page-header>
        <swp-page-title>
            <h1 localize="account.title">Abonnement & Konto</h1>
            <p localize="account.subtitle">Administrer dit abonnement og betalingsinfo</p>
        </swp-page-title>
    </swp-page-header>

    <!-- Subscription Section -->
    <swp-account-section>
        <swp-account-section-header>
            <swp-account-section-title>
                <i class="ph ph-crown"></i>
                <span localize="account.subscription.title">Dit abonnement</span>
            </swp-account-section-title>
        </swp-account-section-header>

        @await Component.InvokeAsync("SubscriptionPlans")
    </swp-account-section>

    <!-- Billing Section -->
    <swp-account-section>
        <swp-account-section-header>
            <swp-account-section-title>
                <i class="ph ph-credit-card"></i>
                <span localize="account.billing.title">Betaling & Fakturaer</span>
            </swp-account-section-title>
        </swp-account-section-header>

        <swp-billing-grid>
            @await Component.InvokeAsync("PaymentMethod")
            @await Component.InvokeAsync("InvoiceHistory")
        </swp-billing-grid>
    </swp-account-section>

</swp-page-container>