{# 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 %}

{# `hide`: the fields layout.toml hides on the record page. A form leaves them
   out entirely, so saving keeps their values (web.submitted_only). #}
{% macro company_fields(values, errors) %}
  {%- set hide = layout_hidden('company', errors) %}
  <div class="row">
    <label class="grow">name <input name="name" value="{{ values.name }}" required> {{ err(errors, 'name') }}</label>
    {% if 'source' not in hide %}<label>source
      <select name="source">
        {% for s in sources %}<option value="{{ s }}"{% if values.source == s %} selected{% endif %}>{{ s }}</option>{% endfor %}
      </select>
    </label>{% endif %}
    <label>stage
      <select name="stage" id="stage">
        {% if values.stage and values.stage not in stages %}<option value="{{ values.stage }}" selected>{{ values.stage }} (not in Settings)</option>{% endif %}
        {% for s in stages %}<option value="{{ s }}"{% if values.stage == s %} selected{% endif %}>{{ s }}</option>{% endfor %}
      </select>
    </label>
  </div>
  {% if 'website' not in hide or 'linkedin' not in hide or 'country' not in hide %}<div class="row">
    {% if 'website' not in hide %}<label class="grow">website <input name="website" value="{{ values.website }}"></label>{% endif %}
    {% if 'linkedin' not in hide %}<label class="grow">linkedin <input name="linkedin" value="{{ values.linkedin }}"></label>{% endif %}
    {% if 'country' not in hide %}<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>{% endif %}
  </div>{% endif %}
  {% if 'lost_reason' not in hide or 'requalify_on' not in hide or 'value_eur_month' not in hide %}<div class="row">
    {% if 'lost_reason' not in hide %}<label class="grow">reason <input name="lost_reason" id="lost_reason" value="{{ values.lost_reason }}"> {{ err(errors, 'lost_reason') }}</label>{% endif %}
    {% if 'requalify_on' not in hide %}<label>requalify on <input type="date" name="requalify_on" value="{{ values.requalify_on }}"> {{ err(errors, 'requalify_on') }}</label>{% endif %}
    {% if 'value_eur_month' not in hide %}<label>value EUR/month <input name="value_eur_month" value="{{ values.value_eur_month }}"> {{ err(errors, 'value_eur_month') }}</label>{% endif %}
  </div>{% endif %}
  {% if 'product_oneliner' not in hide %}<div class="row">
    <label class="grow">product oneliner <input name="product_oneliner" value="{{ values.product_oneliner }}"></label>
  </div>{% endif %}
  {{ custom_fields(custom_fields_for('company') | rejectattr('key', 'in', hide) | list, values, errors) }}
  {% if 'next_step' not in hide or 'next_step_due' not in hide or 'next_step_status' not in hide or (type_names() and 'next_step_type' not in hide) %}<div class="row">
    {% if 'next_step' not in hide %}<label class="grow">next step <input name="next_step" value="{{ values.next_step }}"></label>{% endif %}
    {% if 'next_step_due' not in hide %}<label>due <input type="date" name="next_step_due" value="{{ values.next_step_due }}"> {{ err(errors, 'next_step_due') }}</label>{% endif %}
    {% if 'next_step_status' not in hide %}<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>{% endif %}
    {% if type_names() and 'next_step_type' not in hide %}<label>type {{ type_select(values.next_step_type, name='next_step_type') }}</label>{% endif %}
  </div>{% endif %}
  {% if 'tags' not in hide %}<label>tags (comma separated) <input name="tags" value="{{ values.tags }}"></label>{% endif %}
  {% if 'notes' not in hide %}<label>notes <textarea name="notes" rows="8">{{ values.notes }}</textarea></label>{% endif %}
{% endmacro %}

{% macro contact_fields(values, errors) %}
  {%- set hide = layout_hidden('contact', 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>
    {% if 'title' not in hide %}<label class="grow">title <input name="title" value="{{ values.title }}"></label>{% endif %}
    {% if 'role' not in hide %}<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>{% endif %}
    {% set lang = (values.language or '') | trim | lower %}
    {% if 'language' not in hide %}<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>{% endif %}
  </div>
  {% if 'email' not in hide or 'phone' not in hide or 'linkedin' not in hide %}<div class="row">
    {% if 'email' not in hide %}<label class="grow">email <input name="email" value="{{ values.email }}"></label>{% endif %}
    {% if 'phone' not in hide %}<label class="grow">phone <input name="phone" value="{{ values.phone }}"></label>{% endif %}
    {% if 'linkedin' not in hide %}<label class="grow">linkedin <input name="linkedin" value="{{ values.linkedin }}"></label>{% endif %}
  </div>{% endif %}
  {{ custom_fields(custom_fields_for('contact') | rejectattr('key', 'in', hide) | list, 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 %}

{# The handoff to the user's own agent (Make it yours): a request box and the
   buttons for the agent config.toml names. static/adjust.js builds the prompt,
   the link and the command from these data attributes as the user types, the
   same way adjust.handoff() does; the hint lines below say what each one does. #}
{% macro handoff(h, id, page_title='', path='', label='Describe a change', text='', more=false) %}
<div class="handoff" data-agent="{{ h.agent }}" data-folder="{{ h.folder }}" data-page-title="{{ page_title }}" data-path="{{ path }}" data-limit="{{ h.limit }}">
  <label class="small" for="{{ id }}">{{ label }}</label>
  <textarea id="{{ id }}" class="request" data-request rows="3" placeholder="e.g. a list of everyone I met in September who has no next step">{{ text }}</textarea>
  <div class="ask-actions wrap">
    {% if h.how == 'link' %}<a class="button primary" data-open href="#" aria-disabled="true">{{ h.button }}</a>{% endif %}
    {% if h.how == 'command' %}<button type="button" class="primary" data-copy="command">{{ h.button }}</button>{% endif %}
    <button type="button" data-copy="prompt"{% if h.how == 'copy' %} class="primary"{% endif %}>Copy prompt</button>
    <span class="small" data-copied role="status"></span>
    {% if more %}<a class="small more-ideas" href="/yours">More ideas</a>{% endif %}
  </div>
  {% if h.how == 'link' %}<p class="small warning" data-too-long hidden>Too long for a link: over {{ h.limit }} bytes, and longer links fail without a word on macOS. Copy the prompt and paste it into {{ h.label }} instead.</p>{% endif %}
  {% if h.agent == 'claude' %}<p class="small" data-link-hint>Opens a terminal in your data folder with the request typed in. Nothing runs until you press Enter. Nothing opened? Run <code>claude</code> once in a terminal, then try again.</p>
  {% elif h.agent == 'cursor' %}<p class="small" data-link-hint>Open your data folder (<code>{{ h.folder_shown }}</code>) in Cursor first: the request goes to the Cursor window in front. Nothing runs until you press Enter.</p>
  {% elif h.how == 'command' %}<p class="small">Paste the command in a terminal and press Enter: {{ h.label }} starts in your data folder with the request.</p>
  {% else %}<p class="small">Paste the prompt into your AI agent, started in your data folder (<code>{{ h.folder_shown }}</code>). <a href="/settings#enrichment">Name your agent</a> to get a one-click button.</p>{% endif %}
  <details class="sent-as-box"><summary class="small">What your agent receives</summary><p class="sent-as" data-sent-as></p></details>
</div>
{% endmacro %}