{% extends "base.html" %}
{% load static %}

{% block title %}Subscription {{ subscription.pk }} - AI ML Operations{% endblock %}

{% block content %}
<div class="section">
    <div class="container">
        <div style="margin-bottom: 2rem;">
            <a href="{% url 'invoice_list' %}" class="btn">Back to Invoices</a>
        </div>
        <h1 class="section-title" style="text-align: left;">Subscription #{{ subscription.pk }}</h1>
        <div class="card" style="max-width: 720px;">
            <p><strong>Customer:</strong> {{ subscription.customer.name }} &lt;{{ subscription.customer.email }}&gt;</p>
            <p><strong>Description:</strong> {{ subscription.description }}</p>
            <p><strong>Amount:</strong> ${{ subscription.amount_dollars|floatformat:2 }} / {{ subscription.get_interval_display }}</p>
            <p><strong>Status:</strong> {{ subscription.get_status_display }}</p>
            <p><strong>Stripe subscription:</strong> {{ subscription.stripe_subscription_id|default:"—" }}</p>
            {% if subscription.checkout_url %}
            <p><strong>Checkout link:</strong> <a href="{{ subscription.checkout_url }}" target="_blank" rel="noopener">Open Checkout</a></p>
            {% endif %}
            <p><strong>Email sent:</strong> {{ subscription.pay_link_emailed_at|default:"Not yet" }}</p>
            {% if subscription.notes %}<p><strong>Notes:</strong> {{ subscription.notes }}</p>{% endif %}

            {% if subscription.checkout_url %}
            <form method="post" action="{% url 'subscription_resend_email' subscription.pk %}" style="margin-top: 1.5rem;">
                {% csrf_token %}
                <button type="submit" class="btn">Resend checkout email</button>
            </form>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}