{% extends "base.html" %}
{% block title %}Contacts - Narad{% endblock %}
{% block content %}
<section class="grid two">
  <div>
    <div class="section-head">
      <h1>Contacts</h1>
    </div>
    <form class="search" method="get" action="/contacts">
      <input name="q" value="{{ query }}" placeholder="Search people, companies, notes">
      <button type="submit">Search</button>
    </form>

    {% if query %}
      <h2>Search Results</h2>
      <div class="list">
        {% for result in results %}
          <article class="row">
            <div>
              <strong>{{ result.title }}</strong>
              <p>{{ result.body }}</p>
            </div>
            <span>{{ result.entity_type }} #{{ result.entity_id }}</span>
          </article>
        {% else %}
          <p class="muted">No matches.</p>
        {% endfor %}
      </div>
    {% endif %}

    <h2>All Contacts</h2>
    <div class="list">
      {% for contact in contacts %}
        <a class="row" href="/contacts/{{ contact.id }}">
          <div>
            <strong>#{{ contact.id }} {{ contact.name }}</strong>
            <p>{{ contact.email or contact.phone or contact.title or "" }}</p>
          </div>
          <span>{{ contact.source or contact.organization_name or "" }}</span>
        </a>
      {% else %}
        <p class="muted">No contacts yet.</p>
      {% endfor %}
    </div>
  </div>

  <aside>
    <h2>Add Contact</h2>
    <form class="stack" method="post" action="/contacts">
      <label>Name *<input name="name" required></label>
      <label>Company<input name="company"></label>
      <label>Title<input name="title"></label>
      <label>Email<input name="email" type="email"></label>
      <label>Phone<input name="phone"></label>
      <label>Location<input name="location"></label>
      <label>Source<input name="source" placeholder="linkedin, tea shop, referral"></label>
      <label>Tags<input name="tags" placeholder="lead, warm"></label>
      <button type="submit">Create</button>
    </form>
  </aside>
</section>
{% endblock %}