{% extends "base.html" %}
{% block title %}Schedule{% endblock %}
{% block content %}
<div class="page-head">
  <div><h1>Schedule</h1><p class="muted">Everything going out over the next two weeks. Times are {{ tz.key.replace('_', ' ') }} time.</p></div>
</div>

<div class="card" id="book">
  <h2>Schedule an Email</h2>
  <p class="muted">Pick an automation and when it should go out. It uses the latest data at that moment.</p>
  <form method="post" action="{{ url_for('schedule_create') }}">
    <div class="row">
      <div class="field"><label>Which email?</label>
        <select name="workflow" required>
          {% for w in workflows %}<option value="{{ w.id }}" {{ 'selected' if preselect == w.id }}>{{ w.get('name', w.id) }}</option>{% endfor %}
        </select></div>
      <div class="field"><label>Date</label><input type="date" name="date" value="{{ today }}" min="{{ today }}" required></div>
      <div class="field"><label>Time</label><input type="time" name="time" value="{{ default_time }}" required></div>
      <div class="field"><label>Note <span class="muted" style="font-weight:400">(optional)</span></label><input type="text" name="note" placeholder="e.g. Launch day"></div>
    </div>
    <button class="btn primary">Book It</button>
    <span class="muted small" style="margin-left:10px">For emails that repeat, set a schedule on the <a href="{{ url_for('automations') }}">automation</a>.</span>
  </form>
</div>

<div class="card">
  {% if groups %}
    {% for label, events in groups %}
      <div class="day-label">{{ label }}</div>
      <ul class="list">{% for e in events %}{% set show_actions = true %}{% include "_event.html" %}{% endfor %}</ul>
    {% endfor %}
  {% else %}
    <div class="empty">Nothing is scheduled for the next two weeks.</div>
  {% endif %}
</div>
{% endblock %}