{% extends "base.html" %}
{% block content %}
<div style="display:none">
{% block title %}YellWOWPages - Dashboard{% endblock %}
</div>

<div id="main">
  <article style="min-width: 620px">
    <Header>Welcome back <em>{{user.username}}</em>!</Header>
    Current <u>WOW address</u>: <label>
    {% if user.address %}
      <mark>{{user.address}}</mark>
    {% else %}
      <mark>empty</mark>
    {% endif %}
  </label>
    <footer>
      Change <u>WOW address</u>:
      <form action="{{ url_for('bp_routes.dashboard_address_post') }}" method="POST">
        <input type="text" name="address">
        <button data-tooltip="Make sure it is correct!">Submit</button>
      </form>
      <form action="{{ url_for('bp_routes.dashboard_address_delete') }}" method="POST">
        <button class="secondary" data-tooltip="Remove address from YelloWOWPages">Delete</button>
      </form>
    </footer>

  </article>
</div>
<style>

  #main {
    width: 100%;
    height: 85vh;
    display: grid;
    place-content: center;
  }

  @media (max-width: 800px) {
  }
</style>

{% endblock %}