{% extends 'base.jinja' %}

{% block CONTENT %}<form action="/save-clone" method="post">
    <div class="row">
      <div class="col-12 px-4 my-2">
        <h1>Регистрация клонированного питомца</h1>
      </div>
    </div>
    <div class="row px-3">
        <div class="col-6">
          <div class="input-group mb-3">
            <span class="input-group-text" id="pet-type"><i class="fa-solid fa-paw"></i></span>
            <select class="form-select" aria-label="Тип питомца" name="type">{% for TYPE in PET_TYPES %}
              <option{% if forloop.last %} selected{% endif %} value="{{ TYPE.0 }}">{{ TYPE.1 }}</option>{% endfor %}
            </select>
            <select class="form-select" aria-label="Пол" name="sex">{% for SEX in PET_SEXES %}
              <option{% if forloop.last %} selected{% endif %} value="{{ SEX.0 }}">{{ SEX.1 }}</option>{% endfor %}
            </select>
          </div>
        </div>
        <div class="col-3">
          <div class="form-check pt-2 mb-3">
            <input class="form-check-input" type="checkbox" value="1" id="IsAlive" name="is-alive" checked>
            <label class="form-check-label" for="IsAlive">
              Живой
            </label>
          </div>
        </div>
        <div class="col-4">
          <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-paw"></i></span>
            <input type="text" class="form-control" placeholder="имя питомца с которого сделан клон" aria-label="name"
                   name="name">
          </div>
        </div>
        <div class="col-5">
          <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-person"></i></span>
            <input type="text" class="form-control" placeholder="заказчик (хозяин питомца)" aria-label="owner"
                   name="owner">
          </div>
        </div>
        <div class="col-9">
          <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-comment mb-5 pb-5"></i></span>
            <textarea class="form-control" aria-label="note" rows="6"  placeholder="заметки"
                      name="note"></textarea>
          </div>
        </div>
        <div class="col-4">
          <div class="input-group  input-group-lg mb-3">
            <span class="input-group-text ps-3 pe-2 py-3 bg-dark text-light" id="basic-addon1">
              <i class="fa-solid fa-ruble-sign"></i>
            </span>
            <input type="text" class="form-control" placeholder="Заплачено наличными" aria-label="Заплачено"
                   name="pay" required>
            <span class="input-group-text">.00</span>
          </div>
        </div>
        <div class="col-3">
          <div class="form-check pt-3 mb-3">
            <input class="form-check-input" type="checkbox" value="1" id="noreg" name="noreg">
            <label class="form-check-label" for="flexCheckDefault">
              Без регистрации
            </label>
          </div>
        </div>
    </div>
    <div class="row px-3">
      <div class="col-12">
        {% csrf_token %}
        <a type="button" class="btn btn-secondary" href="/">Отмена</a>
        <button type="submit" class="btn btn-primary ms-2">Регистрация</button>
      </div>
    </div>
  </form>{% endblock CONTENT %}