Search by name, cost and user

1 files changed, 68 insertions, 0 deletions

diff --git a/templates/payment/table/search.html b/templates/payment/table/search.html
new file mode 100644
index 0000000..8805cbb
--- /dev/null
+++ b/templates/payment/table/search.html
@@ -0,0 +1,68 @@
+<form action="/" method="GET" class="g-Payments__Filters">
+
+  <label class="g-Form__Label">
+    Fréquence
+    <select name="frequency" class="g-Form__Select">
+      <option value="Punctual" {% if query.frequency == "Punctual" %} selected {% endif %}>
+        Ponctuelle
+      </option>
+      <option value="Monthly" {% if query.frequency == "Monthly" %} selected {% endif %}>
+        Mensuelle
+      </option>
+    </select>
+  </label>
+
+  <label class="g-Form__Label">
+    Nom
+    <input
+      type="search"
+      name="name"
+      class="g-Form__Input"
+      value="{{ query.name }}"
+    />
+  </label>
+
+  <label class="g-Form__Label">
+    Coût
+    <input
+      type="number"
+      name="cost"
+      class="g-Form__Input"
+      value="{{ query.cost }}"
+    />
+  </label>
+
+  <label class="g-Form__Label">
+    Personne
+    <select name="user" class="g-Form__Select">
+      <option selected disabled hidden></option>
+      {% for user in users %}
+        <option
+          value="{{ user.id }}"
+          {% if user.id == query.user %} selected {% endif %}
+        >
+          {{ user.name }}
+        </option>
+      {% endfor %}
+    </select>
+  </label>
+
+  <label class="g-Form__Label">
+    Catégorie
+    <select name="category" class="g-Form__Select">
+      <option selected disabled hidden></option>
+      {% for category in categories %}
+        <option
+          value="{{ category.id }}"
+          style="color: {{ category.color }}"
+          {% if category.id == query.category %} selected {% endif %}
+        >
+          {{ category.name }}
+        </option>
+      {% endfor %}
+    </select>
+  </label>
+
+  <input type="submit" class="g-Button__Validate" value="Rechercher">
+
+</form>