{% extends 'base.html' %}
{% block title %}Новая заявка{% endblock %}
{% block content %}

{# form — введённые ранее данные, если была ошибка #}
{% set form = form or {} %}

<section class="card card--wide">
  <h1 class="card__title">Новая заявка</h1>
  <p class="card__subtitle">Заполните поля — обязательные отмечены звёздочкой.</p>
  <form method="post" novalidate>
    <label class="field">ФИО *
      <input class="field__input" type="text" name="fio"
             value="{{ form.get('fio', '') }}"
             minlength="3" maxlength="100"
             title="От 3 до 100 символов" required>
    </label>
    <label class="field">Телефон *
      <input class="field__input" type="tel" name="phone"
             value="{{ form.get('phone', '') }}"
             pattern="\+?\d[\d\s\-()]{6,17}\d"
             title="8–19 цифр, допустимы + - ( ) и пробелы" required>
    </label>
    <label class="field">Email *
      <input class="field__input" type="email" name="email"
             value="{{ form.get('email', '') }}"
             maxlength="120" title="Например: name@mail.ru" required>
    </label>
    <label class="field">Дата и время *
      <input class="field__input" type="datetime-local" name="dt" id="dtField"
             value="{{ form.get('dt', '') }}"
             title="Дата не может быть в прошлом" required>
    </label>
    <label class="field">Поле 1
      <input class="field__input" type="text" name="field1"
             value="{{ form.get('field1', '') }}" maxlength="200">
    </label>
    <label class="field">Поле 2
      <input class="field__input" type="text" name="field2"
             value="{{ form.get('field2', '') }}" maxlength="200">
    </label>
    <label class="field">Поле 3
      <input class="field__input" type="text" name="field3"
             value="{{ form.get('field3', '') }}" maxlength="200">
    </label>
    <label class="field">Выбор *
      <select class="field__input" name="choice" required>
        {% for c in choices %}
          <option value="{{ c }}" {% if form.get('choice') == c %}selected{% endif %}>{{ c }}</option>
        {% endfor %}
      </select>
    </label>
    <div class="form-actions">
      <button class="btn btn--primary" type="submit">Отправить</button>
      <a href="{{ url_for('cabinet') }}" class="btn">Отмена</a>
    </div>
  </form>
</section>

<!-- запрет прошедшей даты -->
<script>
  (function () {
    var dt = document.getElementById('dtField');
    if (!dt) return;
    var now = new Date();
    now.setMinutes(now.getMinutes() - now.getTimezoneOffset()); // локальное время
    dt.min = now.toISOString().slice(0, 16);
  })();
</script>

{% endblock %}