{% extends "base.html" %}
{% import "macros.html" as m %}
{% block title %}New contact{% endblock %}
{% block content %}
{% if company %}
<h1>New contact for <a href="/companies/{{ company.slug }}">{{ company.name }}</a></h1>
{% else %}
<h1>New contact</h1>
<p class="small">The company is matched by name, else by the email's domain, else created.</p>
{% endif %}
{% if capture %}
<div class="flash capture-note">
  {% if capture.read_nothing %}
  Nothing could be read from <a href="{{ capture.url | href }}" rel="noreferrer noopener">{{ capture.url }}</a>: the profile had probably not finished loading. Click the bookmarklet again once it has loaded, or fill in the rest yourself.
  {% elif capture.fetch_error %}
  Could not read <a href="{{ capture.url | href }}" rel="noreferrer noopener">{{ capture.url }}</a> ({{ capture.fetch_error }}), so this is only what its address says: type the company yourself.
  On a profile you are logged in to, the <a href="/extension">bookmarklet</a> reads the page you are looking at instead.
  {% else %}
  Read from <a href="{{ capture.url | href }}" rel="noreferrer noopener">{{ capture.url }}</a>: a profile, so this makes a contact and the company it names.
  {% if capture.company %}<strong>{{ capture.company.name }}</strong> is already in the CRM and the contact will go there.
  {% elif capture.person and capture.person.employer %}No company called <strong>{{ capture.person.employer }}</strong> yet; saving creates it{% if capture.person.company_linkedin %}, with its LinkedIn page{% endif %}.
  {% else %}The page did not name an employer, so type the company yourself.{% endif %}
  {% endif %}
  {% if capture.person and capture.person.location %}<span class="small">Location on the page: {{ capture.person.location }}.</span>{% endif %}
  Check the fields before saving.
</div>
{% endif %}
{{ m.errors_box(errors) }}
<form method="post" action="{{ '/companies/' ~ company.slug ~ '/contacts' if company else '/contacts' }}" class="record-form">
  {% if duplicates %}
  <div class="warning-box">
    <strong>Possible duplicate.</strong> Nothing was saved yet; this looks like:
    <ul>{% for d in duplicates %}<li><a href="{{ d.url }}">{{ d.label }}</a></li>{% endfor %}</ul>
    <label class="inline"><input type="checkbox" name="force" value="1"> Create anyway</label>
  </div>
  {% endif %}
  {% if company %}
  {{ m.contact_fields(values, errors) }}
  {% else %}
  <div class="row">
    <label class="grow">name <input name="name" value="{{ values.name }}" required> {{ m.err(errors, 'name') }}</label>
    <label class="grow">email <input name="email" value="{{ values.email }}"></label>
    <label class="grow">title <input name="title" value="{{ values.title }}"></label>
  </div>
  <div class="row">
    <label class="grow">linkedin <input name="linkedin" value="{{ values.linkedin }}"></label>
    <label class="grow">company <input name="company" value="{{ values.company }}" list="company-names" required placeholder="existing name, or a new one"> {{ m.err(errors, 'company') }}
      <datalist id="company-names">{% for c in companies %}<option value="{{ c.name }}">{% endfor %}</datalist>
    </label>
    <label class="grow">website (new company only) <input name="website" value="{{ values.website }}" placeholder="defaults to the email domain"></label>
  </div>
  {% if values.company_linkedin %}
  <div class="row">
    <label class="grow">company LinkedIn (new company only) <input name="company_linkedin" value="{{ values.company_linkedin }}"></label>
  </div>
  {% endif %}
  {% endif %}
  <button type="submit">Create contact</button>
</form>
{% endblock %}