Cart shows items in it; disables buttons if item in basket

- Rough cart icon in navbar
- Shows items in cart
- Styled dependent on existence
- Add to cart buttons disabled if resource in cart, on resource list
  page and detail page
- Throws 404 error if trying add item to cart which has no price -
  eventually all items will have a price

1 files changed, 14 insertions, 4 deletions

diff --git a/alphabetlearning/templates/resources/resource_card_standard.html b/alphabetlearning/templates/resources/resource_card_standard.html
index 9850117..640f75d 100644
--- a/alphabetlearning/templates/resources/resource_card_standard.html
+++ b/alphabetlearning/templates/resources/resource_card_standard.html
@@ -37,10 +37,20 @@
                 </div>
                 <div class="d-flex flex-row justify-content-between align-items-end mt-2">
                     <p class="card-text m-1"><small class="text-muted">1 credit</small></p>
-                    <form action="{% url 'payments:add_to_basket' resource.id %}" method="POST">
-                        {% csrf_token %}
-                        <button type="submit" class="btn btn-success fs-6 px-2 py-0">Add to basket</button>
-                    </form>
+
+                        {% if resource.in_cart %}
+                        <form action="{% url 'payments:add_to_basket' resource.id %}" method="POST">
+                            {% csrf_token %}
+                            <button type="submit" class="btn btn-success fs-6 px-2 py-0" disabled>In basket</button>
+                        </form>
+                        {% else %}
+                        <form action="{% url 'payments:add_to_basket' resource.id %}" method="POST">
+                            {% csrf_token %}
+                            <button type="submit" class="btn btn-success fs-6 px-2 py-0">Add to basket</button>
+                        </form>
+                        {% endif %}
+
+
                 </div>
             </div>
         </div>