{% extends 'base.htm' %}

{% macro render_article_link(desc, date) %}
<li>
  <a href="{{ desc.url }}">{{ desc.title }}</a>
  <form action="/action/flag" method="POST">
    <input type="hidden" name="date" value="{{ date }}"/>
    <input type="hidden" name="article" value="{{ desc.url }}"/>
    <input type="submit" value="Flag False Positive"/>
  </form>
</li>
{% endmacro %}

{% block content %}

<div class="uhaul_cont">
  <div>
    It has been
  </div>
  <div class="uhaul_main">
    <div class="uhaul_num">
      {{ sb.num_days }}
    </div>
    <div class="uhaul_days">
      days
    </div>
  </div>
  <div class="uhaul_footer">
    since Storrow Dr. was in the news
  </div>
</div>

<div id="main" class="container">
  <h1>Why?</h1>
  <p>
    If you're unfamiliar with Boston, there's a
    <a href="https://en.wikipedia.org/wiki/Storrow_Drive">road along the Charles river</a>
    known for having several low bridges going over it.  People seem to have a
    lot of problems with it when driving tall trucks, especially movers driving
    U-Hauls.
  </p>
  <p>
    I made this website because I thought it was funny.  It works by searching
    for news articles with certain keywords on Google on each day.  This only
    works well if the incidents are reported on on news sites/etc, but there are
    false-positives (which you can report soon!).  There's also a way to request
    incident data directly the MassDOT, but that's a lot more work to pull data
    from and I'm not sure how quickly it's updated so I'll leave that to someone
    more dedicated to <a href="https://code.tr3y.io/treyzania/storrowed.boston">work on</a>.
  </p>

  <h1>Articles</h1>

  <div id="notices">
    {% for n in notices %}
    <div class="alert alert-{{ n.style }}">
      {{ n.text }}
    </div>
    {% endfor %}
  </div>

  <div id="days">
    {% for d in sb.days %}
    <div class="day mb-3">
      <h3>{{ d.date }}</h3>
      <ul>
        {% for l in d.links %}
        {{ render_article_link(l, d.date) }}
        {% endfor %}
      </ul>
      {% if d.maybe_links|length > 0 %}
      <details>
        <summary><em>and {{ d.maybe_links|length }} weak match(es)</em></summary>
        <ul>
          {% for l in d.maybe_links %}
          {{ render_article_link(l, d.date) }}
          {% endfor %}
        </ul>
      </details>
      {% endif %}
    </div>
    {% endfor %}
  </div>
</div>

{% endblock %}