From 2737939d424da36ccca95fbf6e48c49f9bd4b7df Mon Sep 17 00:00:00 2001
From: Pawan Verma <31195143+pxwxnvermx@users.noreply.github.com>
Date: Thu, 16 Nov 2023 13:21:44 +0530
Subject: [PATCH] Add modal template and tests (#151)

---
 CHANGELOG.md                                      |  1 +
 .../templates/bootstrap5/layout/modal.html        | 13 +++++++++++++
 tests/results/modal.html                          | 15 +++++++++++++++
 tests/test_layout_objects.py                      | 15 +++++++++++++++
 4 files changed, 44 insertions(+)
 create mode 100644 crispy_bootstrap5/templates/bootstrap5/layout/modal.html
 create mode 100644 tests/results/modal.html

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 514b234..5abc625 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## Next Release
 
 * Added support for [Switches](https://getbootstrap.com/docs/5.2/forms/checks-radios/#switches). (#162)
+* Added modal template
 
 ## 2023.10 (2023-10-2023)
 * Added Django 5.0 and 4.2 support
diff --git a/crispy_bootstrap5/templates/bootstrap5/layout/modal.html b/crispy_bootstrap5/templates/bootstrap5/layout/modal.html
new file mode 100644
index 0000000..ec2b061
--- /dev/null
+++ b/crispy_bootstrap5/templates/bootstrap5/layout/modal.html
@@ -0,0 +1,13 @@
+<div id="{{ modal.css_id }}" class="modal fade {{ modal.css_class }}" {{ modal.flat_attrs }}>
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title {{ modal.title_class }}" id="{{ modal.title_id }}-label">{{ modal.title }}</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                {{ fields }}
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/tests/results/modal.html b/tests/results/modal.html
new file mode 100644
index 0000000..4aed662
--- /dev/null
+++ b/tests/results/modal.html
@@ -0,0 +1,15 @@
+<div aria-labelledby="modal_title_id-label" class="fade modal modal-class-ex" id="modal-id-ex" role="dialog"
+     tabindex="-1">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="modal_title_id-label">
+                    This is my modal
+                </h5>
+                <button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"></button>
+            </div>
+            <div class="modal-body">
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/tests/test_layout_objects.py b/tests/test_layout_objects.py
index 569b734..7432daa 100644
--- a/tests/test_layout_objects.py
+++ b/tests/test_layout_objects.py
@@ -11,6 +11,7 @@
     InlineCheckboxes,
     InlineField,
     InlineRadios,
+    Modal,
     PrependedAppendedText,
     PrependedText,
     StrictButton,
@@ -621,3 +622,17 @@ def test_switch_horizontal(self):
         form.helper.form_class = "form-horizontal"
         form.helper.layout = Layout(Switch("is_company"), "first_name")
         assert parse_form(form) == parse_expected("test_switch_horizontal.html")
+
+    def test_modal(self):
+        test_form = SampleForm()
+        test_form.helper = FormHelper()
+        test_form.helper.form_tag = False
+        test_form.helper.layout = Layout(
+            Modal(
+                'field1',
+                css_id="modal-id-ex",
+                css_class="modal-class-ex",
+                title="This is my modal",
+            )
+        )
+        assert parse_form(test_form) == parse_expected("modal.html")