67 lines
2.9 KiB
HTML
67 lines
2.9 KiB
HTML
{% extends 'layout/base_template.html' %}
|
|
{% load static %}
|
|
|
|
{% block content %}
|
|
<div class="container mt-5">
|
|
<div class="row">
|
|
<!-- Subscription Title and Image -->
|
|
<div class="col-md-12 mb-4">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body text-center">
|
|
{% if principal_subscription_obj.image %}
|
|
<img src="{{ subscription.image.url }}" class="img-fluid rounded mb-3" alt="{{ subscription.title }}" style="max-height: 200px;">
|
|
{% endif %}
|
|
<h3 class="card-title">{{ subscription.title }}</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Plan and Pricing Info -->
|
|
<div class="col-md-6 mb-4">
|
|
<div class="card shadow-sm h-100">
|
|
<div class="card-header text-white">
|
|
<h5 class="card-title"><i class="bi bi-currency-dollar"></i> Plan & Pricing</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<p><strong>Customer type :</strong>
|
|
{% for principal_type in subscription.principal_types.all %}
|
|
{{ principal_type.name }}
|
|
{% endfor %}
|
|
</p>
|
|
<p><strong>Plan:</strong> {{subscription.interval_count}} {{ subscription.interval }}</p>
|
|
<p><strong>Stripe Price ID:</strong> {{ subscription.price_id|default:"Not a Stripe Subscription" }}</p>
|
|
<p><strong>Stripe Product ID:</strong> {{ subscription.product_id|default:"None" }}</p>
|
|
<p><strong>Amount:</strong> ${{ subscription.amount }}</p>
|
|
<p><strong>High Amount:</strong> ${{ subscription.high_amount }}</p>
|
|
<p><strong>Referral Percentage:</strong> {{ subscription.referral_percentage }}%</p>
|
|
<p><strong>Is Free:</strong>
|
|
{% if subscription.is_free %}
|
|
<span class="badge bg-success">Yes</span>
|
|
{% else %}
|
|
<span class="badge bg-danger">No</span>
|
|
{% endif %}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Descriptions -->
|
|
<div class="col-md-6 mb-4">
|
|
<div class="card shadow-sm h-100">
|
|
<div class="card-header text-dark">
|
|
<h5 class="card-title"><i class="bi bi-file-earmark-text"></i> Descriptions</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<p><strong>Short Description:</strong> {{ subscription.short_description|default:"Not Provided" }}</p>
|
|
<p><strong>Long Description:</strong></p>
|
|
<p>{{ subscription.long_description.html|default:"Not Provided"|safe }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock content %}
|
|
|