{% extends 'base.html' %}

{% block content %}
<div class="container py-4">
  <div class="row mb-3">
    <div class="col">
      <h1>{{ title }}</h1>
      <p class="lead">{{ message }}</p>
      <div class="card mt-4 p-4">
        <p><strong>Subscription:</strong> {{ transaction.plan.name }}</p>
        <p><strong>Amount:</strong> {{ transaction.currency }} {{ transaction.amount|floatformat:2 }}</p>
        <p><strong>Provider:</strong> {{ transaction.provider|title }}</p>
        <p><strong>Status:</strong> {{ transaction.get_status_display }}</p>
      </div>
      <a href="{% url 'core:subscription_plans' %}" class="btn btn-primary mt-3">Back to plans</a>
    </div>
  </div>
</div>
{% endblock %}