<!DOCTYPE html>
<html>
  <head>
    <title>Rural Dictionary{% if term %}: {{ term }}{% endif %}</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
    <link rel="icon" type="image/png" href="{{ url_for('static', filename='img/favicon.png') }}">
  </head>
  <body>
    <center>
      <a href="/">
        <img src="{{ url_for('static', filename='img/logo.png')  }}">
      </a>
      <form id="search" role="search" method="get" action="/define.php">
        <input type="search" id="term" name="term" placeholder="Search" autofocus>
        <button>Go</button>
      </form>
      <a href=/random.php>Random</a>
      <br>
      <a href="https://git.vern.cc/cobra/rural-dict">Source Code</a>
    </center>
    <br>
    {% for defid, word, definition, example, author, thumbs_up, thumbs_down in data[0] %}
    
    <div class="{{ defid }}">
      <a href="/define.php?term={{ word }}">
        <h2>{{ word }}</h2>
      </a>
      <p>{{ definition|safe }}</p>
      <p><i>{{ example|safe }}</i></p>
      <p>{{ author|safe }}</p>
      {% if thumbs_up and thumbs_down %}
      <p>{{ thumbs_up|safe }}<span title="thumbs up">👍</span> {{ thumbs_down|safe }}<span title="thumbs down">👎</span></p>
      {% endif %}
    </div>
    <br>
    {% endfor %}
    {{ data[1]|safe }}
  </body>
</html>