{% extends "base.html" %}
{% import "macros.html" as m %}
{# With companies in the folder, the sections come in layout.toml's order
   (help: adjust-layout); their names, in the default order: doing, to-file,
   owed, going. The empty-folder start and Getting started do not move. #}
{% block title %}Hermit CRM{% endblock %}
{% block content %}
<h1>Hermit CRM</h1>

{% if no_companies %}
<p class="small">Nothing in the folder yet. Start with one of these{% if intro %}, or read what each part does below{% endif %}.</p>
<div class="start-cards">
  <a class="card start-card" href="/companies/new"><h3>Add a company</h3><div class="small">One account by hand, to see the shape of things.</div></a>
  <a class="card start-card" href="/import"><h3>Import a spreadsheet</h3><div class="small">CSV, TSV or an Excel paste of companies or contacts.</div></a>
  <a class="card start-card" href="/settings#bcc"><h3>Set up BCC capture</h3><div class="small">Log the mail you send without typing it twice.</div></a>
  <form class="card start-card sample-card" method="post" action="/sample">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <button type="submit"><h3>Look at a sample account</h3><div class="small">One made-up company with a full history, a dashboard and a paused routine. Remove it in one click when you are done.</div></button>
  </form>
</div>
{% if items %}{% include "to_file.html" %}{% endif %}
{% if routine_drafts %}{% include "routine_drafts.html" %}{% endif %}
{% else %}
{% if routine_briefs %}{% include "routine_brief.html" %}{% endif %}

{% for section in layout_sections('home') %}{% if section == 'doing' %}
<h2 id="doing">What needs doing</h2>
<table>
  <tr><th>due</th><th>for</th><th>what</th><th></th></tr>
  {% for r in due_soon %}
  <tr class="{% if r.todo.overdue(today) %}overdue{% endif %}">
    <td class="{% if r.todo.overdue(today) %}overdue{% endif %}">{{ fmt_date(r.due) }}</td>
    <td><a href="{{ r.href }}">{{ r.who }}</a>{% if r.contact %} <span class="small">({{ r.company_name }})</span>{% endif %}</td>
    <td>{{ r.text or '(no text)' }}{% if r.is_next %} <span class="small">next step</span>{% endif %}</td>
    <td class="actions">{{ m.todo_actions(r.company, r.todo) }}</td>
  </tr>
  {% else %}
  <tr><td colspan="4" class="empty">Nothing due in the next seven days.</td></tr>
  {% endfor %}
</table>
<p class="small"><a href="/tasks">All tasks, with filters</a> &middot; <a href="/calendar">the calendar</a>.</p>
{% elif section == 'to-file' %}
{% if items %}{% include "to_file.html" %}{% endif %}
{% if routine_drafts %}{% include "routine_drafts.html" %}{% endif %}
{% elif section == 'owed' %}
{% if followups %}
<h2 id="owed">Replies you owe ({{ followups | length }})</h2>
<table>
  <tr><th>company</th><th>who</th><th>waiting</th><th>last message</th></tr>
  {% for f in followups[:8] %}
  <tr>
    <td><a href="/companies/{{ f.company.slug }}">{{ f.company.name }}</a></td>
    <td>{{ f.who }}</td>
    <td>{{ f.days }}d</td>
    <td class="small">{{ preview(f.interaction.body) }}</td>
  </tr>
  {% endfor %}
</table>
{% endif %}
{% elif section == 'going' %}
<h2 id="going">How it is going <span class="small">last 30 days</span></h2>
<div class="start-cards numbers">
  <a class="card start-card" href="/reports"><h3>{{ totals.interactions }}</h3><div class="small">interactions <span class="delta">{{ delta(totals.interactions, previous.interactions) }}</span></div></a>
  <a class="card start-card" href="/reports"><h3>{{ totals.companies_touched }}</h3><div class="small">companies touched <span class="delta">{{ delta(totals.companies_touched, previous.companies_touched) }}</span></div></a>
  <a class="card start-card" href="/reports"><h3>{{ totals.new_companies }}</h3><div class="small">new companies <span class="delta">{{ delta(totals.new_companies, previous.new_companies) }}</span></div></a>
  <a class="card start-card" href="/pipeline"><h3>{{ counts.companies }}</h3><div class="small">companies in the folder</div></a>
</div>
{% endif %}{% endfor %}{% endif %}

{# The beginner block: the walkthrough's own switch decides whether it is here. #}
{% if intro %}
<div class="getting-started">
  {% if not no_companies %}
  <h2 id="started">Getting started</h2>
  <p class="progress-line"><strong>{{ steps_done }} of {{ steps_total }}</strong> done.
    <a href="/welcome">Open the walkthrough</a> &mdash; each step ticks itself when the thing it describes has happened.</p>
  <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="{{ steps_total }}" aria-valuenow="{{ steps_done }}"><span style="width: {{ (100 * steps_done / steps_total) | round | int }}%"></span></div>
  {% if not samples %}
  <form method="post" action="/sample" class="inline sample-offer">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <button type="submit">Load a sample account</button> <span class="small">One made-up company with its people, messages, a deal and tasks, plus a dashboard and a paused routine to show what you can build. You remove it in one click.</span>
  </form>
  {% endif %}
  {% endif %}

  <h2 id="areas">What this thing does</h2>
  <div class="start-cards areas">
    {% for href, label, icon_name, line in areas %}
    <a class="card start-card" href="{{ href }}"><h3>{{ icon(icon_name) }} {{ label }}</h3><div class="small">{{ line }}</div></a>
    {% endfor %}
  </div>
  <form method="post" action="/welcome/dismiss" class="inline">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <input type="hidden" name="dismissed" value="1">
    <button type="submit">Hide the tutorial</button> <span class="small">Takes <em>Getting started</em> and <em>What this thing does</em> off this page. Both stay under <a href="/help">Help</a>.</span>
  </form>
  <p class="small">Everything lives in plain files in your data folder, and every change is a git commit. <a href="/help">Help</a> explains each part in more detail.</p>
</div>
{% endif %}
{% endblock %}