🧾 Plan and Usage Details
📦 Plan Details
This section displays the current subscription information for the user.
Subscription Details:
| Field | Description |
|---|---|
| Plan Name | The name of the subscribed plan. (e.g., Free Trial) |
| Plan Status | Indicates whether the subscription is active. |
| Plan Price | Cost of the plan. For the Free Trial, it's $0. |
| Paid Amount | Amount paid for the subscription. |
| Start Date | The date when the subscription started. |
| End Date | The date when the current plan will expire. |
| Smart Pay | Auto-debit toggle for automatic renewals. |
✅ Smart Pay:
- If enabled, auto-debit is active.
- Can be turned on/off using the toggle.
- A button "Enable Smart Pay" is available if disabled.
🧰 Included Features:
| Feature | Allocation |
|---|---|
| Storage | 5 GB |
| Support | Email Support |
| Users | 1 User |
| URL Shortening | Unlimited |
| Custom Domains | 1 Domain |
| Analytics | Basic |
| Two Step Verification | Enabled |
📊 Monthly Usage Details
This section displays usage statistics for the current billing cycle:
📅 Period: 01-Feb-2025 to 28-Feb-2025
Usage Overview:
| Feature | Usage | Status |
|---|---|---|
| Short Links Generated | 100 / 200 (50%) | Medium Usage (🟢) |
| QR Codes Generated | 30 / 100 (30%) | Low Usage (🟡) |
| Link Redirects | 70 / 100 (70%) | High Usage (🔴) |
| Custom Domains | 1 / 1 (100%) | Limit Exhausted (🔴) |
| API Usage | 400 / 1000 (40%) | Medium Usage (🔵) |
🔁 Renew Plan button is available to upgrade or extend the current plan once limits are reached (e.g., Custom Domains).
📎 Notes:
- This section helps users monitor their usage and upgrade before hitting their limits.
- Visual progress bars are used to indicate usage percentage by color codes:
- 🟢 Green: Low/Medium Usage
- 🔴 Red: High Usage or Limit Exhausted
- 🟡 Yellow: Moderate usage
- 🔵 Blue: API specific medium usage