From 54d57b2b83ab2704335dd9aacebfe9c2945b3872 Mon Sep 17 00:00:00 2001
From: Jannis Portmann <jannis@thisfro.ch>
Date: Sat, 15 May 2021 18:58:28 +0200
Subject: [PATCH] add modal to confirm deletion of offer

---
 templates/app/offer.html.twig | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/templates/app/offer.html.twig b/templates/app/offer.html.twig
index 8c9af9f..d182b52 100644
--- a/templates/app/offer.html.twig
+++ b/templates/app/offer.html.twig
@@ -20,8 +20,28 @@
     </div>
 
     {% if offer.byUser == user %}
-        <a href="{{ path('edit_offer', {'id': offer.id}) }}" class="btn btn-info"><i class="fas fa-pen"></i></a>
-        <a href="{{ path('delete_offer', {'id': offer.id}) }}", class="btn btn-danger"><i class="fas fa-trash-alt"></i></a>
+        <button href="{{ path('edit_offer', {'id': offer.id}) }}" class="btn btn-info"><i class="fas fa-pen"></i></button>
+        <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#exampleModal"><i class="fas fa-trash-alt"></i></button>
+        <!-- Modal -->
+        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLabel">Warning</h5>
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                        </button>
+                    </div>
+                    <div class="modal-body">
+                        Are you sure you want to delete this offer?
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
+                        <a type="button" class="btn btn-danger" href="{{ path('delete_offer', {'id': offer.id}) }}">Delete</a>
+                    </div>
+                </div>
+            </div>
+        </div>
     {% else %}
         <h3>Wishes</h3>
         <p>{{ offer.byUser }} would like some of the following in return:</p>
@@ -40,4 +60,4 @@
             </div>
             <button class="btn btn-primary">Offer trade</button>
         {% endif %}
-{% endblock %}
\ No newline at end of file
+{% endblock %}