{% extends "base.html" %}
{% import "macros.html" as m %}
{# The header (name, the line under it, Disqualify) stays on top. Below it the
   sections come in layout.toml's order (help: adjust-layout); their names, in
   the default order: enrich, next-step, details, contacts, tasks, drafts,
   merge, timeline. `hide` is the fields layout.toml hides on this page. #}
{% block title %}{{ company.name }}{% endblock %}
{% block content %}
{%- set hide = layout_hidden('company') %}
<h1>{{ company.name }}</h1>
{% if company.product_oneliner and 'product_oneliner' not in hide %}<p class="oneliner">{{ company.product_oneliner }}</p>{% endif %}
<div class="small record-meta">
  {% if company.website and 'website' not in hide %}<a href="{{ company.website | href }}" target="_blank" rel="noopener">{{ company.website | replace('https://', '') | replace('http://', '') }}</a>{% endif %}
  {% if company.linkedin and 'linkedin' not in hide %}<a href="{{ company.linkedin | href }}" target="_blank" rel="noopener">linkedin</a>{% endif %}
  <span>{{ company.stage }}{% if company.lost_reason and 'lost_reason' not in hide %} ({{ company.lost_reason }}){% endif %}{% if company.requalify_on and 'requalify_on' not in hide %}, requalifies on {{ fmt_date(company.requalify_on) }}{% endif %} &middot; {{ company.days_in_stage(today) }}d in stage</span>
  <span>last touch: {{ company.last_touch_summary }}</span>
  {% for f in custom_fields_for('company') if f.shows_in('detail') and f.key not in hide and company.extra.get(f.key) not in (none, '') %}
  <span>{{ f.label }} {{ f.display(company.extra.get(f.key)) }}</span>
  {% endfor %}
  {% set exits = stage_exits(company.stages) %}
  {% if company.stages.role_of(company.stage) in ['closed', 'parked'] %}
  <form method="post" action="/companies/{{ company.slug }}/disqualify" class="inline">
    <input type="hidden" name="stage" value="{{ company.stages.entry }}"><button type="submit">Requalify</button>
  </form>
  {% elif exits %}
  <details class="inline-edit stage-menu">
    <summary class="button">{% if exits | map(attribute='name') | select('in', ['disqualified', 'temp-disqualified']) | list | length == exits | length %}Disqualify{% else %}Close or park{% endif %}</summary>
    <div class="menu-panel">
      {% for x in exits %}
      <form method="post" action="/companies/{{ company.slug }}/disqualify" class="inline-form">
        <input type="hidden" name="stage" value="{{ x.name }}">
        <input name="reason" placeholder="reason" value="{{ company.lost_reason }}">
        {% if x.parked %}<label class="inline">until <input type="date" name="requalify_on" value="{{ fmt_date(company.requalify_on) }}" title="the company goes back to {{ company.stages.entry }} on this date"></label>{% endif %}
        <button type="submit">{{ x.label }}</button>
      </form>
      {% endfor %}
    </div>
  </details>
  {% endif %}
</div>
{%- for section in layout_sections('company') %}{% if section == 'enrich' %}
<div class="small record-actions">
  {% if enricher and enricher.available %}
  <form method="post" action="/companies/{{ company.slug }}/enrich" class="inline enrich">
    <button type="submit" title="Look up missing fields with web search via the {{ enricher.provider_name }} CLI (uses credits); you confirm before anything is saved">Enrich</button>
  </form>
  {% endif %}
  <details class="inline-edit">
    <summary class="button" title="Read the website or LinkedIn company page itself (title, description, links, structured data). No AI, no credits; you confirm before anything is saved">Fetch from URL</summary>
    <form method="post" action="/companies/{{ company.slug }}/fetch" class="inline-form">
      <input name="url" class="url" placeholder="website or LinkedIn company URL" value="{{ company.website or company.linkedin }}">
      <button type="submit">Fetch</button>
    </form>
  </details>
</div>
{% elif section == 'next-step' %}{% set nxt = company.next_todo() %}
<div class="small next-step-line{% if nxt and nxt.overdue(today) %} overdue{% endif %}{% if nxt and nxt.done %} done{% endif %}">
  next step: <span class="next-step-text">{{ (nxt.text or '(no text)') if nxt else 'none' }}{% if nxt and nxt.contact %} ({{ nxt.contact.name }}){% endif %}{% if nxt and nxt.due %}, due {{ fmt_date(nxt.due) }}{% endif %}</span>
  {% if nxt %}
  <span class="tag status-{{ 'done' if nxt.done else 'open' }}">{{ 'done' if nxt.done else 'open' }}</span>
  {{ m.todo_actions(company, nxt) }}
  {% if nxt.due and not nxt.done %}
  <a class="calendar" target="_blank" rel="noopener" href="{{ calendar_link(company, nxt) }}">Add to Google Calendar</a>
  {% endif %}
  {% endif %}
  <a class="small" href="#tasks">all tasks</a>
</div>
{% elif section == 'details' %}
<section id="details">
  <h2>Company</h2>
  {{ m.errors_box(errors) }}
  <form method="post" action="/companies/{{ company.slug }}" class="record-form">
    <input type="hidden" name="version" value="{{ record_version(company.slug) }}">
    {{ m.company_fields(values, errors) }}
    <button type="submit">Save company</button>
  </form>
  <p class="small">slug {{ company.slug }} &middot; created {{ fmt_datetime(company.created) }} &middot; updated {{ fmt_datetime(company.updated) }} &middot; stage changed {{ fmt_date(company.stage_changed) }}</p>
  {% if company.stage_history %}
  <details class="stage-history">
    <summary class="small">Stage history ({{ company.stage_history | length }})</summary>
    <div class="table-scroll"><table>
      <tr><th>date</th><th>from</th><th>to</th><th>reason</th></tr>
      {% for e in company.stage_history | reverse %}
      <tr><td>{{ fmt_date(e.date) }}</td><td>{{ e.from_stage or '-' }}</td><td>{{ e.to_stage }}</td><td>{{ e.reason }}</td></tr>
      {% endfor %}
    </table></div>
  </details>
  {% endif %}
</section>
{% elif section == 'contacts' %}
<section id="contacts">
  <h2>Contacts ({{ company.contacts | length }})</h2>
  <div class="table-scroll"><table>
    <tr><th>name</th><th>title</th><th>role</th><th>email</th><th>linkedin</th><th></th></tr>
    {% for slug, c in company.contacts.items() %}
    <tr>
      <td><a href="/companies/{{ company.slug }}/contacts/{{ slug }}">{{ c.name }}</a></td>
      <td>{{ c.title }}</td>
      <td>{{ c.role }}</td>
      <td>{% if c.email %}<a href="mailto:{{ c.email }}">{{ c.email }}</a>{% endif %}</td>
      <td>{% if c.linkedin %}<a href="{{ c.linkedin | href }}" target="_blank" rel="noopener">profile</a>{% endif %}</td>
      <td><a href="/companies/{{ company.slug }}/contacts/{{ slug }}#quick-add">log</a> &middot; <a href="/companies/{{ company.slug }}/contacts/{{ slug }}#drafts">drafts</a></td>
    </tr>
    {% else %}
    <tr><td colspan="6" class="empty">No contacts yet.</td></tr>
    {% endfor %}
  </table></div>
  <p><a href="/companies/{{ company.slug }}/contacts/new">New contact</a> <span class="small">&middot; an interaction is always with a person: log it, or a note, on their page.</span></p>
</section>
{% elif section == 'tasks' %}
{{ m.task_section(company, today) }}
{% elif section == 'drafts' %}
{{ m.drafts_section(company, draft_contact, drafts, signal, observation, '/companies/' ~ company.slug) }}
{% elif section == 'merge' %}
<section id="merge">
  <h2>Merge</h2>
  <form method="get" action="/companies/{{ company.slug }}/merge" class="inline-row">
    <label>merge another company into this one
      <input name="drop" list="merge-candidates" placeholder="type a name or slug" required>
      <datalist id="merge-candidates">{% for o in others %}<option value="{{ o.slug }}">{{ o.name }} ({{ o.stage }})</option>{% endfor %}</datalist>
    </label>
    <button type="submit">Compare</button>
  </form>
</section>
{% elif section == 'timeline' %}
<section id="timeline">
  <h2>Timeline ({{ company.interactions | length }})</h2>
  {{ m.timeline(company, company.interactions) }}
</section>
{% endif %}{% endfor %}
{% if focus == 'lost_reason' %}
<script>
(function () {
  var stage = document.getElementById('stage');
  {%- set to_stage = focus_stage if focus_stage in company.stages else (company.stages.with_role('lost') | first | default('')) %}
  if (stage && {{ to_stage | tojson }}) {
    stage.value = {{ to_stage | tojson }};
    stage.dispatchEvent(new Event('change'));  // shows the closing details
  }
  var reason = document.getElementById('lost_reason');
  if (reason) { reason.focus(); }
})();
</script>
{% endif %}
{% endblock %}