aboutsummaryrefslogtreecommitdiff
path: root/templates/payment/table/search.html
blob: 0ae2589fda6b892ba6f3af60de39c3d64733e3c5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<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>

  <label class="g-Form__Label">
    Date de début
    <input
      type="date"
      name="start_date"
      class="g-Form__Input"
      value="{{ query.start_date }}"
    />
  </label>

  <label class="g-Form__Label">
    Date de fin
    <input
      type="date"
      name="end_date"
      class="g-Form__Input"
      value="{{ query.end_date }}"
    />
  </label>

  <input type="submit" class="g-Button__Validate" value="Rechercher">

  <div class="g-Payments__CloseFilters">
    <input type="button" class="g-Button__Secondary" value="Annuler" />
  </div>
</form>