{% extends "base.html" %} {% block scripts %}

<!-- Conditionally load index.js, as it's only needed on this page -->
<script
  src="{{ url_for('static', filename='scripts/index.js') }}"
  defer
></script>
{% endblock %} {% block title %} account {% endblock %} {% block heading %}
<h1>Hey {{ session.username }} 👋</h1>
{% endblock %} {% block content %}
<p>
  Remember that index.cooking does not store any personal information such as
  email addresses, so you are responsible for keeping access to your account at
  all times, be sure to keep your username and password safe!
</p>
<p>
  If you have lost account access and you need the URLs of all the recipes you
  previously addedd, then contact me
  <a href="mailto:hello@somwthing.com">here.</a>
</p>
<button hx-post="/logout">Logout</button>
<button id="show-modal">Delete account</button>
<dialog>
  <p>
    Are you sure you want to delete your account? This will erase all your data
    including your recipes.
  </p>
  <button hx-delete="/delete-account">yes</button>
  <button id="close-modal">cancel</button>
</dialog>
{% endblock %}