{% extends "base.html" %} {% block scripts %}
<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>

<h2>AI mode</h2>
{% if session.isAiSubscriber %}
  <p>Thanks for actvating AI mode. You can check your quota of AI requests remaining below</p>
{% else %}
  <p>The HTML markup for recipe websites differs greatly. Therefore, it's hard to extract all the HTML from all websites. You may find there are certain websites that we cannot extract recipe data from. To get around this, you have the option to use <strong>AI mode</strong>.</p>
  <p>AI mode works by running the page's HTML through an LLM to extract the relevant recipe information.</p>
  <p>As this process is not cheap, you can buy credits that will allow you to perform these extraction operations. $5 will get you 1,000 AI operations. Probably more than you will ever need</p>
  <p>We will always try and extract website data using normal metadata before using AI, so it's unlikely you will get close to 1,000 operations.</p>
  <button id="show-modal">Enable AI mode</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>
  {% endif %}
{% endblock %}