{% extends 'base.htm' %}

{% macro render_article_link(desc, date) %}
<div class="articleentry mt-2 mb-2">
  <div class="row">
    <div class="col">
      <div>
        <span class="badge">{{ desc.domain }}</span>
      </div>
      <div>
        <a href="{{ desc.url }}">{{ desc.title }}</a>
      </div>
    </div>
    <div class="articlereport col-md-auto">
      <form action="/action/flag" method="POST">
        <input type="hidden" name="date" value="{{ date }}"/>
        <input type="hidden" name="article" value="{{ desc.url }}"/>
        <input class="btn btn-secondary" type="submit" value="Flag False Positive"/>
      </form>
    </div>
  </div>
</div>
{% 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!).  There's also a way to request
    incident data directly from 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>.
    A common type of false positive that shows up with this is when a news site
    publishes an article about Storrow in general rather than a specific event,
    so feel free to report those if you want.
  </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>
      <div>
        {% for l in d.links %}
        {{ render_article_link(l, d.date) }}
        {% endfor %}
      </div>
      {% if d.maybe_links|length > 0 %}
      <details>
        <summary><em>and {{ d.maybe_links|length }} weak match(es)</em></summary>
        <div>
          {% for l in d.maybe_links %}
          {{ render_article_link(l, d.date) }}
          {% endfor %}
        </div>
      </details>
      {% endif %}
    </div>
    {% endfor %}
  </div>

  <h1>Submit</h1>

  <div id="submit">
    Found an article that my shitty code missed?  Submit it here and it'll
    verify and list it!

    <form class="row mt-3" action="/action/submit" method="POST">
      <div class="col-auto form-group mb-2">
        <input class="form-control" type="url" id="submit_url" name="article" placeholder="Article link" required/>
      </div>
      <div class="col-auto">
        <button class="btn btn-primary" type="submit">Submit</button>
      </div>
    </form>
  </div>
</div>

{% endblock %}