{% extends 'users/profile/operations/operations_base.html' %}

{% block content %}
<h1>Добавление регулярной операции</h1>

  <form method="post">
    {% csrf_token %}
    <input type="hidden"
           name="csrfmiddlewaretoken"
           value="3kQdU0kuMYeBBLrrwaFHnGiy92FfwLjYYcg4O0YLFGIIHJGEPTBoddKfyPacPjvO">

    <p>
      <label for="id_key">Key:</label>
      <select name="key"
              id="id_key">
        {% for key in keys %}
            {% if key == form.key.value %}
                <option value="{{ key }}" selected>{{ key }}</option>
            {% else %}
                <option value="{{ key }}">{{ key }}</option>
            {% endif %}
        {% endfor %}
      </select>
    </p>

    <p>
      <label for="id_category">Category:</label>
      <select name="category"
              class="form-control"
              required=""
              id="id_category">
        <option value="" selected>---------</option>
        {% for category in categories %}
          {% if category.id == form.category.value %}
            <option value="{{ category.id }}" selected>{{ category.category_name }}</option>
          {% else %}
            <option value="{{ category.id }}">{{ category.category_name }}</option>
          {% endif %}
        {% endfor %}
      </select>
    </p>

    <p>
      <label for="id_amount">Amount:</label>
      <input type="number"
             name="amount"
             class="form-control"
             step="0.01"
             required=""
             id="id_amount">
    </p>

    <p>
      <label for="id_account">Account:</label>
      <select name="account"
              class="form-control"
              required=""
              id="id_account">
        {% for account in accounts %}
          <option value="{{ account.id }}">{{ account.name }}</option>
        {% endfor %}
      </select>
    </p>

    <p>
      <label for="id_date">Date:</label>
      <input type="date"
             name="date"
             value="{{ form.date.value }}"
             class="form-control"
             required=""
             id="id_date">
    </p>

    <p>
      <label for="id_periodicity">Periodicity:</label>
      <select name="periodicity" id="id_periodicity">
        <option value="" selected>---------</option>
        {% for period in periods %}
          <option value="{{ period.periodicity }}">{{ period.periodicity }}</option>
        {% endfor %}
      </select>
    </p>

    <p>
      <label for="id_time_of_notification">Time of notification:</label>
      <input type="time"
             name="time_of_notification"
             class="form-control"
             required=""
             id="id_time_of_notification">
    </p>

    <p>
      <label for="id_comment">Comment:</label>
      <input type="text"
             name="comment"
             class="form-control"
             maxlength="255"
             required=""
             id="id_comment">
    </p>

    <button type="submit">Сохранить</button>
  </form>
{% endblock %}