{% extends 'portal/base_portal.html' %}
{% block title %}Subscription - IXG Buyer Portal{% endblock %}
{% block content %}

<div class="page-header">
  <h2>My Subscription</h2>
</div>

<div class="row g-3">
  <div class="col-md-6">
    <div class="stat-card">
      {% if sub %}
      <table class="table table-sm table-borderless mb-0">
        <tr><td class="text-secondary">Plan</td><td><strong>{{ sub.get_plan_display }}</strong></td></tr>
        <tr><td class="text-secondary">Status</td><td><span class="badge {% if sub.status == 'active' %}bg-success{% elif sub.status == 'trialing' %}bg-info{% elif sub.status == 'past_due' %}bg-warning text-dark{% else %}bg-danger{% endif %}">{{ sub.get_status_display }}</span></td></tr>
        <tr><td class="text-secondary">Current Period End</td><td>{{ sub.current_period_end|date:'d/m/Y'|default:'-' }}</td></tr>
        <tr><td class="text-secondary">Since</td><td>{{ sub.created_at|date:'d/m/Y' }}</td></tr>
      </table>
      {% else %}
      <p class="text-muted mb-0">You don't have an active subscription.</p>
      {% endif %}
    </div>
  </div>
</div>

{% endblock %}