{# Shared form fragments. #}

{% macro err(errors, name) %}
  {%- if errors and name in errors %}<span class="error">{{ errors[name] }}</span>{% endif -%}
{% endmacro %}

{% macro errors_box(errors) %}
  {%- if errors %}
  <div class="errors">
    <strong>Could not save:</strong>
    <ul>{% for field, message in errors.items() %}<li>{{ field }}: {{ message }}</li>{% endfor %}</ul>
  </div>
  {%- endif %}
{% endmacro %}

{% macro filter_control(col, active, form_id) %}
  {%- if col.kind == 'enum' -%}
  <select name="f_{{ col.key }}" form="{{ form_id }}" multiple size="{{ [col.options | length, 4] | min }}" class="filter" title="select one or more (cmd-click)">
    {% for o in col.options %}<option value="{{ o }}"{% if o in active.get(col.key, []) %} selected{% endif %}>{{ o }}</option>{% endfor %}
  </select>
  {%- else -%}
  <input name="f_{{ col.key }}" form="{{ form_id }}" value="{{ active.get(col.key, '') }}" class="filter" placeholder="{{ '>2026-09-01, <…, -, *' if col.kind == 'date' else ('>5, <5, =5, -, *' if col.kind == 'number' else 'text, !text, =text, -, *') }}">
  {%- endif -%}
{% endmacro %}

{% macro sort_links(col, sort, dir, sort_url) %}
  <span class="sort">
    <a href="{{ sort_url(col.key, 'asc') }}" class="{% if sort == col.key and dir == 'asc' %}on{% endif %}" title="sort A to Z (small to large, old to new)">&#9650;</a><a href="{{ sort_url(col.key, 'desc') }}" class="{% if sort == col.key and dir == 'desc' %}on{% endif %}" title="sort Z to A (large to small, new to old)">&#9660;</a>
  </span>
{%- endmacro %}

{% macro filter_help() %}
<span class="help" tabindex="0" role="button" aria-label="how filters and sorting work"><span class="help-dot">?</span><span class="help-label">what does !text mean?</span>
  <span class="tip">
    <strong>Filters</strong> (one box per column, combined with AND)
    <table>
      <tr><td><code>text</code></td><td>contains</td></tr>
      <tr><td><code>!text</code></td><td>does not contain</td></tr>
      <tr><td><code>=text</code></td><td>equals</td></tr>
      <tr><td><code>&gt;5</code> <code>&lt;5</code></td><td>larger / smaller (numbers, dates as <code>2026-09-01</code>, otherwise text order)</td></tr>
      <tr><td><code>-</code></td><td>empty</td></tr>
      <tr><td><code>*</code></td><td>not empty</td></tr>
    </table>
    Lists: cmd-click (ctrl-click) to select several.
    <strong>Sorting</strong>: &#9650; A to Z, &#9660; Z to A next to each heading; empty values sort last. Filters, sorting and search stay in the URL, so a view can be bookmarked.
  </span>
</span>
{%- endmacro %}

{% macro filter_form(form_id, action, active, q=None, sort='', dir='asc') %}
<form method="get" action="{{ action }}" id="{{ form_id }}" class="filter-form">
  {% if q is not none %}<input type="hidden" name="q" value="{{ q }}">{% endif %}
  {% if sort %}<input type="hidden" name="sort" value="{{ sort }}"><input type="hidden" name="dir" value="{{ dir }}">{% endif %}
  <button type="submit">Filter</button>
  {{ filter_help() }}
  {% if active or sort %}<a href="{{ action }}{% if q %}?q={{ q | urlencode }}{% endif %}">clear filters and sorting</a>{% endif %}
</form>
{% endmacro %}

{% macro drafts_section(company, draft_contact, drafts, signal, observation, page) %}
<section id="drafts">
  <h2>Message drafts{% if draft_contact %} for {{ draft_contact.first_name }}{% endif %} ({{ language_names[drafts[0].language] }})</h2>
  <form method="get" action="{{ page }}" class="inline-row drafts-form">
    <label>signal (check <a href="{{ (company.linkedin | href) ~ '/insights/' if company.linkedin | href else 'https://www.linkedin.com/company/' ~ company.slug ~ '/insights/' }}" target="_blank" rel="noopener">LinkedIn insights</a>)
      <select name="signal">
        {% for s in signals %}<option value="{{ s }}"{% if s == signal %} selected{% endif %}>{{ signal_labels[s] }}</option>{% endfor %}
      </select>
    </label>
    <label>language
      <select name="lang">
        {% for code, name in language_names.items() %}<option value="{{ code }}"{% if code == drafts[0].language %} selected{% endif %}>{{ name }}</option>{% endfor %}
      </select>
    </label>
    <label class="grow">observation (one sentence from {% if company.website %}<a href="{{ company.website | href }}" target="_blank" rel="noopener">their site</a>{% else %}their site{% endif %} or team; it goes word for word into draft 3)
      <input name="observation" value="{{ observation }}" placeholder="e.g. Great to see your growth; I just tried your product-led demo.">
    </label>
    <button type="submit">Refresh drafts</button>
  </form>
  <p class="small">Three deliberately different angles, no AI. Square brackets are yours to fill. Edit in place, copy, or open it in the log form. The language is the contact's draft language, else the company's country; the picker here changes it for this page only.</p>
  <div class="drafts">
    {% for d in drafts %}
    <div class="draft">
      <div class="small">{{ d.label }}</div>
      <textarea rows="7" spellcheck="false">{{ d.body }}</textarea>
      <a class="small" href="/companies/{{ company.slug }}/interactions/new?contact={{ draft_contact.slug if draft_contact else '' }}&channel=linkedin&body={{ d.body | urlencode }}">log as sent</a>
    </div>
    {% endfor %}
  </div>
</section>
{% endmacro %}

{# An interaction is always with a person. With `contact` (the contact page)
   the person is fixed; elsewhere you pick one. A note has no direction. #}
{% macro interaction_form(action, company, values, errors=None, submit='Log interaction', contact=None) %}
<form method="post" action="{{ action }}" class="interaction-form{% if values.channel == 'note' %} is-note{% endif %}">
  {{ errors_box(errors) }}
  <div class="row">
    <span class="radios">
      {% for ch in channels %}
      <label><input type="radio" name="channel" value="{{ ch }}"{% if values.channel == ch %} checked{% endif %} onchange="this.form.classList.toggle('is-note', this.value === 'note')"> {{ ch }}</label>
      {% endfor %}
    </span>
    <span class="radios directions">
      {% for d in directions %}
      <label><input type="radio" name="direction" value="{{ d }}"{% if values.direction == d or (not values.direction and loop.first) %} checked{% endif %}> {{ d }}</label>
      {% endfor %}
    </span>
    {% if contact %}
    <input type="hidden" name="contact" value="{{ contact.slug }}">
    {% else %}
    <label>contact
      <select name="contact">
        {% if not values.contact %}<option value="" selected>pick a contact</option>{% endif %}
        {% for slug, person in company.contacts.items() %}
        <option value="{{ slug }}"{% if values.contact == slug %} selected{% endif %}>{{ person.name }}</option>
        {% endfor %}
      </select>
      {{ err(errors, 'contact') }}
    </label>
    {% endif %}
    <label>date <input type="datetime-local" name="date" value="{{ values.date }}"></label>
  </div>
  <div class="row">
    <label class="grow">subject <input name="subject" value="{{ values.subject }}"></label>
    <label class="outcome-field">outcome
      <select name="outcome">
        <option value=""{% if not values.outcome %} selected{% endif %}>not yet known</option>
        {% for o in outcomes %}<option value="{{ o }}"{% if values.outcome == o %} selected{% endif %}>{{ o }}</option>{% endfor %}
        {# A value outside the list (older data, or config changed) stays selectable so saving does not lose it. #}
        {% if values.outcome and values.outcome not in outcomes %}<option value="{{ values.outcome }}" selected>{{ values.outcome }}</option>{% endif %}
      </select>
    </label>
  </div>
  {{ custom_fields(custom_fields_for('interaction'), values, errors) }}
  {# The body is the record. Custom fields sit beside it and never touch it. #}
  <label>body <textarea name="body" rows="6">{{ values.body }}</textarea></label>
  <button type="submit">{{ submit }}</button>
</form>
{% endmacro %}

{% macro custom_fields(defs, values, errors) %}
{%- if defs %}
  <div class="row custom-fields">
    {% for f in defs %}
    <label{% if f.type != 'select' %} class="grow"{% endif %}>{{ f.label }}
      {%- if f.type == 'select' %}
      <select name="custom_{{ f.key }}">
        <option value=""></option>
        {% for o in f.options %}<option value="{{ o }}"{% if values.get('custom_' ~ f.key)|string == o %} selected{% endif %}>{{ o }}</option>{% endfor %}
      </select>
      {%- elif f.type == 'date' %}
      <input type="date" name="custom_{{ f.key }}" value="{{ values.get('custom_' ~ f.key, '') }}">
      {%- elif f.type == 'number' %}
      <input name="custom_{{ f.key }}" value="{{ values.get('custom_' ~ f.key, '') }}" inputmode="decimal" size="6">
      {%- else %}
      <input name="custom_{{ f.key }}" value="{{ values.get('custom_' ~ f.key, '') }}">
      {%- endif %}
      {{ err(errors, 'custom_' ~ f.key) }}
      {%- if f.help %} <span class="small faint">{{ f.help }}</span>{% endif %}
    </label>
    {% endfor %}
  </div>
{%- endif %}
{% endmacro %}

{% macro company_fields(values, errors) %}
  <div class="row">
    <label class="grow">name <input name="name" value="{{ values.name }}" required> {{ err(errors, 'name') }}</label>
    <label>source
      <select name="source">
        {% for s in sources %}<option value="{{ s }}"{% if values.source == s %} selected{% endif %}>{{ s }}</option>{% endfor %}
      </select>
    </label>
    <label>stage
      <select name="stage" id="stage">
        {% for s in stages %}<option value="{{ s }}"{% if values.stage == s %} selected{% endif %}>{{ s }}</option>{% endfor %}
      </select>
    </label>
  </div>
  <div class="row">
    <label class="grow">website <input name="website" value="{{ values.website }}"></label>
    <label class="grow">linkedin <input name="linkedin" value="{{ values.linkedin }}"></label>
    <label>country
      <input name="country" value="{{ values.country }}" list="country-codes" size="4" maxlength="3" placeholder="DE" title="ISO 3166-1 alpha-2 code">
      <datalist id="country-codes">{% for c in countries %}<option value="{{ c }}">{% endfor %}</datalist>
    </label>
  </div>
  <div class="row">
    <label class="grow">reason (lost / disqualified) <input name="lost_reason" id="lost_reason" value="{{ values.lost_reason }}"> {{ err(errors, 'lost_reason') }}</label>
    <label>requalify on (temp disqualified) <input type="date" name="requalify_on" value="{{ values.requalify_on }}"> {{ err(errors, 'requalify_on') }}</label>
    <label>value EUR/month <input name="value_eur_month" value="{{ values.value_eur_month }}"> {{ err(errors, 'value_eur_month') }}</label>
  </div>
  <div class="row">
    <label class="grow">product oneliner <input name="product_oneliner" value="{{ values.product_oneliner }}"></label>
  </div>
  {{ custom_fields(custom_fields_for('company'), values, errors) }}
  <div class="row">
    <label class="grow">next step <input name="next_step" value="{{ values.next_step }}"></label>
    <label>due <input type="date" name="next_step_due" value="{{ values.next_step_due }}"> {{ err(errors, 'next_step_due') }}</label>
    <label>status
      <select name="next_step_status">
        {% for t in task_statuses %}<option value="{{ t }}"{% if values.next_step_status == t %} selected{% endif %}>{{ t }}</option>{% endfor %}
      </select>
    </label>
    {% if type_names() %}<label>type {{ type_select(values.next_step_type, name='next_step_type') }}</label>{% endif %}
  </div>
  <label>tags (comma separated) <input name="tags" value="{{ values.tags }}"></label>
  <label>notes <textarea name="notes" rows="8">{{ values.notes }}</textarea></label>
{% endmacro %}

{% macro contact_fields(values, errors) %}
  <div class="row">
    <label class="grow">first name <input name="first_name" value="{{ values.first_name }}"> {{ err(errors, 'first_name') }}</label>
    <label class="grow">last name <input name="last_name" value="{{ values.last_name }}"></label>
    <label class="grow">title <input name="title" value="{{ values.title }}"></label>
    <label>role
      <select name="role">
        <option value=""{% if not values.role %} selected{% endif %}>-</option>
        {% for r in roles %}<option value="{{ r }}"{% if values.role == r %} selected{% endif %}>{{ r }}</option>{% endfor %}
      </select>
    </label>
    {% set lang = (values.language or '') | trim | lower %}
    <label>draft language
      <select name="language">
        <option value=""{% if not lang %} selected{% endif %}>from country</option>
        {% for code, name in language_names.items() %}<option value="{{ code }}"{% if lang == code %} selected{% endif %}>{{ name }}</option>{% endfor %}
        {# A hand-typed code without templates stays selected, so saving the form keeps it. #}
        {% if lang and lang not in language_names %}<option value="{{ lang }}" selected>{{ lang }} (no templates)</option>{% endif %}
      </select>
    </label>
  </div>
  <div class="row">
    <label class="grow">email <input name="email" value="{{ values.email }}"></label>
    <label class="grow">phone <input name="phone" value="{{ values.phone }}"></label>
    <label class="grow">linkedin <input name="linkedin" value="{{ values.linkedin }}"></label>
  </div>
  {{ custom_fields(custom_fields_for('contact'), values, errors) }}
{% endmacro %}

{% macro timeline(company, interactions) %}
<ul class="timeline">
  {% for i in interactions %}
  <li class="interaction{% if i.is_note %} note{% endif %}" id="i-{{ i.id }}">
    <div class="meta">
      <span class="when">{{ fmt_datetime(i.date).replace('T', ' ') }}</span>
      <span class="tag">{{ i.channel }}</span>
      {% if i.direction %}<span class="tag">{{ i.direction }}</span>{% endif %}
      <span class="who">{{ contact_label(company, i.contact) }}</span>
      <a class="edit" href="/companies/{{ company.slug }}/interactions/{{ i.id }}/edit">edit</a>
      <form method="post" action="/companies/{{ company.slug }}/interactions/{{ i.id }}/delete" class="inline delete">
        <button type="submit" onclick="return confirm('Delete this interaction?')">delete</button>
      </form>
    </div>
    {% if i.subject or not i.is_note %}<div class="subject{% if not i.subject %} empty{% endif %}">{{ i.subject or '(no subject)' }}</div>{% endif %}
    {% if i.outcome %}<div class="outcome">outcome: {{ i.outcome }}</div>{% endif %}
    {% if i.body and i.is_note %}<pre>{{ i.body }}</pre>
    {% elif i.body %}<details><summary>body</summary><pre>{{ i.body }}</pre></details>{% endif %}
  </li>
  {% else %}
  <li class="empty">No interactions yet.</li>
  {% endfor %}
</ul>
{% endmacro %}


{% macro type_select(current='', autosubmit=false, name='type') -%}
{%- set options = type_names() -%}
{%- if options -%}
<select name="{{ name }}" aria-label="type"{% if autosubmit %} onchange="this.form.submit()"{% endif %}>
  <option value="">{{ '(no type)' if autosubmit else '' }}</option>
  {% for n in options %}<option value="{{ n }}"{% if n == current %} selected{% endif %}>{{ n }}</option>{% endfor %}
</select>
{%- endif -%}
{%- endmacro %}

{% macro type_cell(company, t, index, contact='') -%}
<td>{% if type_names() and not t.done %}<form method="post" action="/companies/{{ company.slug }}/todo-type" class="inline">
  <input type="hidden" name="index" value="{{ '' if index is none else index }}">
  <input type="hidden" name="contact" value="{{ contact }}">
  <input type="hidden" name="text" value="{{ t.text }}">
  {{ type_select(t.type, autosubmit=true) }}</form>{% else %}{{ type_chip(t.type) }}{% endif %}</td>
{%- endmacro %}

{% macro type_chip(name) -%}
{%- if name -%}
{%- set colour = type_colour(name) -%}
<span class="type-chip type-{{ colour or 'grey' }}{% if not colour %} unknown{% endif %}"{% if not colour %} title="not in Settings"{% endif %}>{{ name }}</span>
{%- endif -%}
{%- endmacro %}

{% macro todo_actions(company, todo, back='', delete=false) -%}
{%- if todo.is_field -%}
<form method="post" action="/companies/{{ company.slug }}/next-step" class="inline">
  {% if back %}<input type="hidden" name="back" value="{{ back }}">{% endif %}
  <input type="hidden" name="status" value="{{ 'open' if todo.done else 'done' }}"><button type="submit">{{ 'Reopen' if todo.done else 'Done' }}</button>
</form>
{%- if delete %}
<form method="post" action="/companies/{{ company.slug }}/next-step/delete" class="inline">
  {% if back %}<input type="hidden" name="back" value="{{ back }}">{% endif %}
  <button type="submit" title="Remove this task">Delete</button>
</form>
{%- endif %}
{%- else -%}
<form method="post" action="/companies/{{ company.slug }}/tasks/{{ todo.index }}/done" class="inline">
  {% if back %}<input type="hidden" name="back" value="{{ back }}">{% endif %}
  <input type="hidden" name="contact" value="{{ todo.contact.slug if todo.contact else '' }}">
  <input type="hidden" name="text" value="{{ todo.text }}">
  <input type="hidden" name="done" value="{{ '' if todo.done else '1' }}">
  <button type="submit">{{ 'Reopen' if todo.done else 'Done' }}</button>
</form>
{%- if delete %}
<form method="post" action="/companies/{{ company.slug }}/tasks/{{ todo.index }}/delete" class="inline">
  {% if back %}<input type="hidden" name="back" value="{{ back }}">{% endif %}
  <input type="hidden" name="contact" value="{{ todo.contact.slug if todo.contact else '' }}">
  <input type="hidden" name="text" value="{{ todo.text }}">
  <button type="submit" title="Remove this task">Delete</button>
</form>
{%- endif %}
{%- endif -%}
{%- endmacro %}

{% macro task_section(company, today) -%}
{% set first = company.next_todo() %}
<section id="tasks">
  <h2>Tasks</h2>
  <p class="small">For the company and its people. The <strong>next step</strong> is the open task due first; change a due date to change what is next. <a href="/tasks?f_company_name={{ ('=' ~ company.name) | urlencode }}">This company on the Tasks page</a>.</p>
  <div class="table-scroll"><table class="tasks">
    <tr><th>task</th>{% if type_names() %}<th>type</th>{% endif %}<th>for</th><th>due</th><th>status</th><th></th></tr>
    {% for t in company.open_todos() + (company.todos() | selectattr('done') | list) %}
    {% set is_next = first and not first.done and not t.done and t.key == first.key %}
    <tr class="{% if t.overdue(today) %}overdue{% endif %}{% if t.done %} done{% endif %}{% if is_next %} next{% endif %}">
      <td>{{ t.text or '(no text)' }}{% if is_next %} <span class="tag next-step">next step</span>{% endif %}{% if not type_names() %} {{ type_chip(t.type) }}{% endif %}</td>
      {% if type_names() %}{{ type_cell(company, t, t.index, t.contact.slug if t.contact else '') }}{% endif %}
      <td>{% if t.contact %}<a href="/companies/{{ company.slug }}/contacts/{{ t.contact.slug }}">{{ t.contact.name }}</a>{% else %}<span class="small">company</span>{% endif %}</td>
      <td class="due{% if t.overdue(today) %} overdue{% endif %}">{{ fmt_date(t.due) if t.due else 'no date' }}</td>
      <td>{% if t.done %}<span class="tag status-done">done</span>{% if t.done_on %} <span class="small">{{ fmt_date(t.done_on) }}</span>{% endif %}{% else %}<span class="tag status-open">open</span>{% endif %}</td>
      <td class="actions">
        {{ todo_actions(company, t, delete=true) }}
        {% if is_next and t.due %}<a class="calendar" target="_blank" rel="noopener" href="{{ calendar_link(company, t) }}">Add to Google Calendar</a>{% endif %}
      </td>
    </tr>
    {% else %}
    <tr><td colspan="{{ 6 if type_names() else 5 }}" class="empty">No tasks yet.</td></tr>
    {% endfor %}
  </table></div>
  <form method="post" action="/companies/{{ company.slug }}/tasks" class="inline-row">
    <label class="grow">task <input name="text" placeholder="e.g. send the pricing page" required></label>
    <label>for
      <select name="contact">
        <option value="">{{ company.name }}</option>
        {% for c in company.contacts.values() %}<option value="{{ c.slug }}">{{ c.name }}</option>{% endfor %}
      </select>
    </label>
    <label>due <input type="date" name="due"></label>
    {% if type_names() %}<label>type {{ type_select() }}</label>{% endif %}
    <button type="submit">Add task</button>
  </form>
</section>
{%- endmacro %}

{% macro task_list(company, tasks, today, contact='', adding=true) -%}
<div class="table-scroll"><table class="tasks">
  {% for t in tasks %}
  <tr class="{% if t.overdue(today) %}overdue{% endif %}{% if t.done %} done{% endif %}">
    <td>{{ t.text }}{% if not type_names() %} {{ type_chip(t.type) }}{% endif %}</td>
    {% if type_names() %}{{ type_cell(company, t, loop.index0, contact) }}{% endif %}
    <td class="{% if t.overdue(today) %}overdue{% endif %}">{{ fmt_date(t.due) if t.due else '' }}</td>
    <td>{% if t.done %}done{% if t.done_on %} {{ fmt_date(t.done_on) }}{% endif %}{% endif %}</td>
    <td class="actions">
      <form method="post" action="/companies/{{ company.slug }}/tasks/{{ loop.index0 }}/done" class="inline">
        <input type="hidden" name="contact" value="{{ contact }}">
        <input type="hidden" name="text" value="{{ t.text }}">
        <input type="hidden" name="done" value="{{ '' if t.done else '1' }}">
        <button type="submit">{{ 'Reopen' if t.done else 'Done' }}</button>
      </form>
      <form method="post" action="/companies/{{ company.slug }}/tasks/{{ loop.index0 }}/delete" class="inline">
        <input type="hidden" name="contact" value="{{ contact }}">
        <input type="hidden" name="text" value="{{ t.text }}">
        <button type="submit" title="Remove this task">Delete</button>
      </form>
    </td>
  </tr>
  {% else %}
  <tr><td colspan="{{ 5 if type_names() else 4 }}" class="empty">Nothing on the list.</td></tr>
  {% endfor %}
</table></div>
{% if adding %}
<form method="post" action="/companies/{{ company.slug }}/tasks" class="inline-row">
  <input type="hidden" name="contact" value="{{ contact }}">
  <label class="grow">task <input name="text" placeholder="e.g. send the pricing page" required></label>
  <label>due <input type="date" name="due"></label>
  {% if type_names() %}<label>type {{ type_select() }}</label>{% endif %}
  <button type="submit">Add task</button>
</form>
{% endif %}
{%- endmacro %}