Basic AI functionality

1 files changed, 19 insertions, 2 deletions

diff --git a/templates/pages/account.html b/templates/pages/account.html
index 10a3789..063d924 100644
--- a/templates/pages/account.html
+++ b/templates/pages/account.html
@@ -1,6 +1,4 @@
 {% 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
@@ -28,4 +26,23 @@
   <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 %}