{% extends 'base.html' %}
{% block content %}
<div class="row">
  <div class="col-lg-8">
    <div class="card shadow-sm">
      <div class="card-header">Параметры отчёта</div>
      <div class="card-body">
        <form method="get" action="{{ url_for('web.report') }}" class="row gy-3">
          <div class="col-md-4">
            <label class="form-label">Дата с</label>
            <input type="date" name="date_from" class="form-control" value="{{ default_date_from }}" required>
          </div>
          <div class="col-md-4">
            <label class="form-label">Дата по</label>
            <input type="date" name="date_to" class="form-control" value="{{ default_date_to }}" required>
          </div>
          <div class="col-md-4">
            <label class="form-label">Группировка</label>
            <select class="form-select" name="group_by">
              <option value="overview">Общая сводка</option>
              <option value="by_agent">По агентам</option>
              <option value="by_group">По группам</option>
              <option value="by_state">По статусу</option>
              <option value="open_closed">Открытые vs Закрытые</option>
              <option value="by_priority">По приоритету</option>
              <option value="by_day">По дням (таймлайн)</option>
            </select>
          </div>
          <div class="col-12">
            <button type="submit" class="btn btn-primary">Построить отчёт</button>
          </div>
        </form>
      </div>
    </div>
  </div>
  <div class="col-lg-4">
    <div class="card shadow-sm h-100">
      <div class="card-header">Подсказка</div>
      <div class="card-body">
        <p class="text-muted mb-2">Выберите диапазон дат и тип группировки, затем нажмите «Построить отчёт».</p>
        <p class="text-muted m-0">Переключайте тёмную/светлую тему в шапке справа.</p>
      </div>
    </div>
  </div>
</div>
{% endblock %}