{% extends "base.html" %}
{% block content %}
<h1>Journey</h1>

{% if error %}
<div class="toast error">{{ error }}</div>
{% endif %}
{% if request.args.get('found') %}
<div class="toast">Found: {{ request.args.get('found') }}</div>
{% endif %}

<p class="hint" style="margin: -0.5rem 0 1.25rem;">
  Next connections for a fixed route -- your daily commute, say. Uses
  regional EFA transit-planner backends (not Deutsche Bahn's own
  infrastructure, which has been actively blocking third-party access
  lately) -- several are tried in order, so this can work even when the
  Departures screen's DB-based source can't.
</p>

<form method="post">
  <div class="card">
    <div class="section-label">Route</div>
    <div class="field">
      <label for="origin">From</label>
      <input type="text" id="origin" name="origin" placeholder="e.g. Münster Hauptbahnhof">
      {% if settings.origin_label %}
      <p class="hint">Currently: {{ settings.origin_label }}</p>
      {% endif %}
    </div>
    <div class="field">
      <label for="destination">To</label>
      <input type="text" id="destination" name="destination" placeholder="e.g. Dortmund Hauptbahnhof">
      {% if settings.destination_label %}
      <p class="hint">Currently: {{ settings.destination_label }}</p>
      {% endif %}
    </div>
    <p class="hint">Leave either field empty to keep what's already saved and just change the options below.</p>
  </div>

  <div class="card">
    <div class="section-label">Display</div>
    <div class="field">
      <label for="results">Connections to show</label>
      <select id="results" name="results">
        <option value="1" {{ "selected" if settings.results == 1 }}>1</option>
        <option value="2" {{ "selected" if settings.results == 2 }}>2</option>
        <option value="3" {{ "selected" if settings.results == 3 or not settings.results }}>3</option>
        <option value="5" {{ "selected" if settings.results == 5 }}>5</option>
      </select>
    </div>
    <div class="field">
      <label for="update_minutes">Update every (minutes)</label>
      <input type="number" id="update_minutes" name="update_minutes" min="1" value="{{ settings.update_minutes or 2 }}">
    </div>
  </div>

  <button type="submit">Save</button>
</form>
{% endblock %}