{% extends "base.html" %}

{% block content %}

<dialog class="modal modal-bottom md:modal-middle" open>
  <div class="modal-box">
    <h3 class="text-lg font-bold">Before you continue</h3>
    <p class="py-4">Wishthat operates using two distinct passcodes: one for viewing the wishlist and another for editing it. Think of it as a combination of a username and password. Please navigate to the edit page and <b>bookmark the URL</b>, as you will <b>not be able to edit your wishlist if you lose this passcode</b>. You can also find the passcode for viewing the wishlist on the edit page.</p>
    <div class="modal-action">
      <a class="btn" href="/view/{{viewId}}">View</a>
      <a class="btn btn-primary" href="/edit/{{editId}}">Edit</a>
    </div>
  </div>
</dialog>

{% endblock content %}