{% extends "base.html" %}
{% import "macros.html" as m %}
{% block title %}{{ company.name }}{% endblock %}
{% block content %}
<h1>{{ company.name }}</h1>
{% if company.product_oneliner %}<p class="oneliner">{{ company.product_oneliner }}</p>{% endif %}
<div class="small record-meta">
  {% if company.website %}<a href="{{ company.website | href }}" target="_blank" rel="noopener">{{ company.website | replace('https://', '') | replace('http://', '') }}</a>{% endif %}
  {% if company.linkedin %}<a href="{{ company.linkedin | href }}" target="_blank" rel="noopener">linkedin</a>{% endif %}
  <span>{{ company.stage }}{% if company.lost_reason %} ({{ company.lost_reason }}){% endif %}{% if company.requalify_on %}, 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 company.extra.get(f.key) not in (none, '') %}
  <span>{{ f.label }} {{ f.display(company.extra.get(f.key)) }}</span>
  {% endfor %}
  {% if company.stage in ['disqualified', 'temp-disqualified'] %}
  <form method="post" action="/companies/{{ company.slug }}/disqualify" class="inline">
    <input type="hidden" name="stage" value="prospect"><button type="submit">Requalify</button>
  </form>
  {% else %}
  <details class="inline-edit stage-menu">
    <summary class="button">Disqualify</summary>
    <div class="menu-panel">
      <form method="post" action="/companies/{{ company.slug }}/disqualify" class="inline-form">
        <input type="hidden" name="stage" value="disqualified">
        <input name="reason" placeholder="reason" value="{{ company.lost_reason }}">
        <button type="submit">Disqualify</button>
      </form>
      <form method="post" action="/companies/{{ company.slug }}/disqualify" class="inline-form">
        <input type="hidden" name="stage" value="temp-disqualified">
        <input name="reason" placeholder="reason" value="{{ company.lost_reason }}">
        <label class="inline">until <input type="date" name="requalify_on" value="{{ fmt_date(company.requalify_on) }}" title="the company goes back to prospect on this date"></label>
        <button type="submit">Temp disqualify</button>
      </form>
    </div>
  </details>
  {% endif %}
</div>
<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>
{% 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>

<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>

<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>

{{ m.task_section(company, today) }}

{{ m.drafts_section(company, draft_contact, drafts, signal, observation, '/companies/' ~ company.slug) }}

<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>

<section id="timeline">
  <h2>Timeline ({{ company.interactions | length }})</h2>
  {{ m.timeline(company, company.interactions) }}
</section>

{% if focus == 'lost_reason' %}
<script>
(function () {
  var stage = document.getElementById('stage');
  if (stage) { stage.value = 'lost'; }
  var reason = document.getElementById('lost_reason');
  if (reason) { reason.focus(); }
})();
</script>
{% endif %}
{% endblock %}