From bf049d0b140a7ef7f257eea4a1ac4134a155d1f7 Mon Sep 17 00:00:00 2001
From: Rajit Sarkar <rsar@loc.gov>
Date: Fri, 13 Oct 2023 13:31:18 -0400
Subject: [PATCH] CONCD-482 The first card should not have a Back button

---
 .../templates/transcriptions/asset_detail.html   | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/concordia/templates/transcriptions/asset_detail.html b/concordia/templates/transcriptions/asset_detail.html
index 6cb41002f..d169f07fc 100644
--- a/concordia/templates/transcriptions/asset_detail.html
+++ b/concordia/templates/transcriptions/asset_detail.html
@@ -714,6 +714,11 @@ <h4>Quick Tips</h4>
                             <div class="carousel-inner">
                                 {% for card in cards %}
                                     <div class="carousel-item {% if forloop.first %} active {% endif %}">
+                                        {% if not forloop.first %}
+                                            <a id="previous-card" href="#card-carousel" role="button" data-slide="prev">
+                                                <strong><u><&nbsp;Back</u></strong>
+                                            </a>
+                                        {% endif %}
                                         <div class="position-static d-flex flex-column justify-content-around">
                                             {% if card.image %}
                                                 <img src="{{ card.image.url }}">
@@ -721,20 +726,19 @@ <h4>Quick Tips</h4>
                                             <h3>{{ card.title }}</h3>
                                             <p>{{ card.body_text|safe }}</p>
                                         </div>
+                                        {% if not forloop.last %}
+                                            <a id="next-card" href="#card-carousel" data-slide="next">
+                                                <strong><u>Next&nbsp;></u></strong>
+                                            </a>
+                                        {% endif %}
                                     </div>
                                 {% endfor %}
                             </div>
-                            <a id="previous-card" href="#card-carousel" role="button" data-slide="prev">
-                                <strong><u><&nbsp;Back</u></strong>
-                            </a>
                             <ol class="carousel-indicators d-none d-lg-flex">
                                 {% for card in cards %}
                                     <li data-target="#card-carousel" data-slide-to="{{ forloop.counter0 }}" {% if forloop.first %}class="active" {% endif %}></li>
                                 {% endfor %}
                             </ol>
-                            <a id="next-card" href="#card-carousel" data-slide="next">
-                                <strong><u>Next&nbsp;></u></strong>
-                            </a>
                         </div>
                     </div>
                 </div>