aboutsummaryrefslogtreecommitdiff
path: root/templates/payment/create.html
blob: aea6fcd46afe350180db2b98c98a578859c42fca (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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
{% extends "base.html" %}

{% block title %}
  Nouveau paiement
{% endblock title %}

{% block main %}

  <div>
    <p class="g-Paragraph">
      <a
        class="g-Link g-Media__Large"
        href="/{{ payments_params(
          page=query.page,
          search=query.search,
          frequency=query.frequency
        ) }}"
      >
        Retour aux paiements
      </a>
    </p>

    <form class="g-Form" action="/payment/create" method="POST">
      <h1 class="g-H1">
        Nouveau paiement
        {% if query.frequency != "Monthly" %}
          ponctuel
        {% else %}
          mensuel
        {% endif %}
      </h1>

      {% if error %}
        <div class="g-Form__Error">{{ error }}</div>
      {% endif %}

      <label class="g-Form__Label" for="name">Nom</label>
      <input
        name="name"
        class="g-Form__Input"
        id="name"
        value="{{ form.name | default(value="") }}"
        required
        {% if not form %} autofocus {% endif %}
      />

      <label class="g-Form__Label" for="cost">Coût</label>
      <input
        name="cost"
        type="number"
        class="g-Form__Input"
        id="cost"
        value="{{ form.cost | default(value="") }}"
        required
      />

      {% set user_id = form.user_id | default(value="" ~ connected_user.id) %}

      <label class="g-Form__Label" for="user_id">Personne</label>
      <select name="user_id" id="user_id" class="g-Form__Select" required>
        {% for user in users %}
          <option
            value="{{ user.id }}"
            {% if "" ~ user.id == user_id %}
              selected
            {% endif %}
          >
            {{ user.name }}
          </option>
        {% endfor %}
      </select>

      {% set category_id = form.category_id | default(value="") %}

      <label class="g-Form__Label" for="category_id">Catégorie</label>
      <select name="category_id" id="category_id" class="g-Form__Select" required>
        {% for category in categories %}
          <option
            value="{{ category.id }}"
            style="color: {{ category.color }}"
            {% if "" ~ category.id == category_id %} selected {% endif %}
          >
            {{ category.name }}
          </option>
        {% endfor %}
      </select>

      {% set date = form.date | default(value=now() | date(format="%Y-%m-%d")) %}

      {% if query.frequency != "Monthly" %}
        <label class="g-Form__Label" for="date">Date</label>
        <input
          name="date"
          type="date"
          class="g-Form__Input"
          id="date"
          value="{{ date }}"
          required
        />
      {% else %}
        <input
          name="date"
          type="hidden"
          value="{{ date }}"
        />
      {% endif %}

      <input
        type="hidden"
        name="frequency"
        value="{{ query.frequency | default(value="Punctual") }}"
      />

      <div>
        <input class="g-Button__Validate" type="submit" value="Créer" />
      </div>
    </form>
  </div>

{% endblock main %}