Rizwan.Shaikh/goodtimes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

my subscriptions page 6

Browse Source
This commit is contained in:
rizwanisready
2024-08-12 15:08:55 +05:30
parent 08adadffbf
commit 5cee9f21ad
1 changed files with 51 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
templates/stripe_html/active_subscription.html
View File

@@ -76,6 +76,31 @@
text-align: center;
}
}
.bg-dark {
background-color: #000 !important;
}
.text-light {
color: #f8f9fa !important;
}
.text-gold {
color: #d4af37 !important;
}
.border-gold {
border: 2px solid #d4af37 !important;
}
.border-bottom-gold {
border-bottom: 2px solid #d4af37 !important;
}
.btn-outline-gold {
color: #d4af37;
border-color: #d4af37;
}
.btn-outline-gold:hover {
background-color: #d4af37;
color: #000;
}
</style>
</head>
@@ -86,19 +111,25 @@
</header>
<div class="container">
<div class="card">
<div class="card-header">
<h2 class="card-title">{{ active_subscription.subscription.name }}</h2>
<div class="card bg-dark text-light border-gold">
<div class="card-header border-bottom-gold">
<h2 class="card-title text-gold">{{ active_subscription.subscription.title }}</h2>
</div>
<div class="card-body">
<p><strong>Status:</strong> {{ active_subscription.status }}</p>
<h5 class="text-gold">Principal:</h5>
<p>{{ active_subscription.principal.first_name }} {{ active_subscription.principal.last_name }}</p>
<p><strong>Status:</strong> {{ active_subscription.get_status_display }}</p>
<p><strong>Start Date:</strong> {{ active_subscription.start_date }}</p>
<p><strong>End Date:</strong> {{ active_subscription.end_date }}</p>
<p><strong>Auto Renew:</strong> {{ active_subscription.auto_renew }}</p>
<p><strong>Auto Renew:</strong> {{ active_subscription.auto_renew|yesno:"Yes,No" }}</p>
{% if active_subscription.coupon_code %}
<p><strong>Coupon Code:</strong> {{ active_subscription.coupon_code }}</p>
{% endif %}
{% if active_subscription.cancelled %}
<div class="cancel-details">
<h3>Cancellation Details</h3>
<div class="cancel-details mt-4">
<h3 class="text-gold">Cancellation Details</h3>
<p><strong>Cancelled:</strong> Yes</p>
<p><strong>Cancellation Date:</strong> {{ active_subscription.cancelled_date_time }}</p>
<p><strong>Grace Period Ends:</strong> {{ active_subscription.grace_period_end_date }}</p>
@@ -106,20 +137,22 @@
{% endif %}
{% if active_subscription.auto_renew and not active_subscription.cancelled %}
<div class="cancel-details">
<h3>Cancel Subscription</h3>
<form method="POST" action="{% url 'manage_subscriptions:cancel_subscription' %}">
{% csrf_token %}
<input type="hidden" name="subscription_id" value="{{ active_subscription.stripe_subscription_id }}">
<button type="submit" class="btn btn-cancel">Cancel Subscription</button>
</form>
</div>
<div class="cancel-details mt-4">
<h3 class="text-gold">Cancel Subscription</h3>
<form method="POST" action="{% url 'manage_subscriptions:cancel_subscription' %}">
{% csrf_token %}
<input type="hidden" name="subscription_id" value="{{ active_subscription.stripe_subscription_id }}">
<button type="submit" class="btn btn-outline-gold">Cancel Subscription</button>
</form>
</div>
{% endif %}
</div>
</div>
</div>
</body>
</html>