From 5cee9f21ade025d63e60b745fa196cec7c7f5d2a Mon Sep 17 00:00:00 2001
From: rizwanisready <rizwanisready@gmail.com>
Date: Mon, 12 Aug 2024 15:08:55 +0530
Subject: [PATCH] my subscriptions page 6

---
 .../stripe_html/active_subscription.html      | 69 ++++++++++++++-----
 1 file changed, 51 insertions(+), 18 deletions(-)

diff --git a/templates/stripe_html/active_subscription.html b/templates/stripe_html/active_subscription.html
index f489d9f..5896ccf 100644
--- a/templates/stripe_html/active_subscription.html
+++ b/templates/stripe_html/active_subscription.html
@@ -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,39 +111,47 @@
     </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>
                 </div>
                 {% 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>