{% extends "base.html" %}
{% from "partials/_tag_picker.html" import tag_picker %}
{% block title %}ثبت تماس جدید — {{ APP_NAME }}{% endblock %}
{% block content %}
<div class="page-header">
  <a class="btn btn-ghost back-btn" href="{{ url_for('calls.index') }}">‹ بازگشت</a>
  <h1 class="title">ثبت تماس جدید</h1>
</div>

<div class="glass-panel" style="max-width:600px; padding:26px 30px;">
{% if not customer %}
  <form method="get" style="margin-bottom:16px;">
    <label>جستجوی مشتری:</label>
    <input type="text" name="search" placeholder="نام مشتری را تایپ کنید..." value="{{ request.args.get('search', '') }}">
  </form>
  {% if search_results %}
  <div style="display:flex; flex-direction:column; gap:6px; margin-bottom:16px;">
    {% for r in search_results %}
    <a class="btn btn-ghost" style="justify-content:flex-start;" href="{{ url_for('calls.new', customer_id=r.id) }}">{{ r.first_name }} {{ r.last_name }} — {{ r.city or '' }}</a>
    {% endfor %}
  </div>
  {% endif %}
{% else %}
  <p class="subtitle">مشتری: {{ customer.first_name }} {{ customer.last_name }}</p>

  <form method="post" style="display:flex; flex-direction:column; gap:14px; margin-top:14px;">
    {{ form.hidden_tag() }}
    <input type="hidden" name="customer_id" value="{{ customer.id }}">
    {% if request.args.get('next') %}<input type="hidden" name="next" value="{{ request.args.get('next') }}">{% endif %}

    <div>
      <label>پاسخ داده شد؟</label>
      <div style="display:flex; gap:16px; margin-top:6px;">
        {% for subfield in form.answered %}
        <label style="display:flex; align-items:center; gap:6px;">{{ subfield() }} {{ subfield.label.text }}</label>
        {% endfor %}
      </div>
    </div>

    <div class="filter-field">{{ form.result_text.label }} {{ form.result_text(rows=4) }}</div>

    <div>
      <label>تگ‌های این تماس</label><br>
      {{ tag_picker(all_tag_groups, [], "callTagPicker", title="انتخاب تگ‌های این تماس") }}
    </div>

    <button type="submit" class="btn btn-gold" style="min-height:46px;">✓ ثبت تماس</button>
  </form>
{% endif %}
</div>
{% endblock %}