From b27ffc0582f950e976ffbb10b72b300fc1b74cbd Mon Sep 17 00:00:00 2001
From: chrisjsimpson <chris.j.simpson@live.co.uk>
Date: Mon, 12 Feb 2024 08:41:15 +0000
Subject: [PATCH] Fix #1301 use of colour to differentiate subscription
 statuses on subscriber list page

---
 .../admin/templates/admin/subscribers.html         | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/subscribie/blueprints/admin/templates/admin/subscribers.html b/subscribie/blueprints/admin/templates/admin/subscribers.html
index bdcca11a..119214cf 100644
--- a/subscribie/blueprints/admin/templates/admin/subscribers.html
+++ b/subscribie/blueprints/admin/templates/admin/subscribers.html
@@ -108,7 +108,7 @@ <h4>Search...</h4>
                                     </li>
                                 {% endif %}
                                 <li><strong>Subscription ID: </strong>{{ subscription.uuid }}</li>
-                                <li><strong>Date started: </strong>{{ subscription.created_at.strftime('%Y-%m-%d') }}</li>
+                                <li><strong>Date started: </strong>{{ subscription.created_at.strftime('%d-%m-%Y') }}</li>
                                 <li>
                                     {% if subscription.plan.requirements and subscription.plan.requirements.subscription %}
                                         <strong>Price: </strong>
@@ -128,12 +128,18 @@ <h4>Search...</h4>
                                     <li><strong>Status:</strong>
                                         {% if subscription.plan.requirements and subscription.plan.requirements.subscription %}
                                            {% if subscription.stripe_pause_collection == "void" %}
-                                              <span class="subscription-status">Paused</span>
+                                              <div class="subscription-status alert alert-warning">Paused</div>
+                                           {% elif subscription.stripe_status == "canceled" %}
+                                              <div class="subscription-status alert alert-secondary">Canceled</div>
+                                           {% elif subscription.stripe_status == 'active'  %}
+                                              <div class="subscription-status alert alert-success">Active</div>
+                                           {% elif subscription.stripe_status == 'past_due'  %}
+                                              <div class="subscription-status alert alert-danger">past_due</div>
                                            {% else %}
-                                              <span class="subscription-status">{{ subscription.stripe_status }}</span>
+                                              <div class="subscription-status alert alert-dark">{{ subscription.stripe_status }}</div>
                                            {% endif %}
                                         {% else %}
-                                           <span class="subscription-status">Paid</span>
+                                           <div class="subscription-status alert alert-success">Paid</div>
                                         {% endif %}
                                     </li>
                                     {% if subscription.stripe_status == 'canceled' %}