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

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

  <form method="post" id="operation-form">
    {% csrf_token %}
    <input type="hidden"
           name="csrfmiddlewaretoken"
           value="0wxqSeawI7lzNDiKTFLAc5o6dbqWP3auVoXhMeONBPPGTBxXcoHh2CQNCYVT8Bmk">

    <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-select" 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_account">Account:</label>
      <select name="account"
              class="form-select"
              required=""
              id="id_account">

        <option value="" selected>---------</option>
        {% 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_of_birth.value|date:'Y-m-d' }}"
             class="form-control"
             required=""
             id="id_date">
    </p>

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

    <p>
      <label for="id_comment">Comment:</label>
      <textarea name="comment"
                cols="40"
                rows="3"
                class="form-control"
                id="id_comment">
      </textarea>
    </p>
    <button type="submit">Сохранить</button>
  </form>

{% endblock %}