{% extends "_base.html" %} {% block title %}Email Templates{% endblock %} {%
block heading %}Email Templates{% endblock %} {% block extra_styles %}
<link rel="stylesheet" href="/static/css/admin.css" />
{% endblock %} {% block content %}
<div class="email-templates-container" id="emailTemplatesPage">
  <aside
    class="email-templates-list"
    id="emailTemplatesList"
    aria-label="Available email templates"
  ></aside>

  <section class="email-template-editor">
    <div id="templateMessage" class="message" style="display: none"></div>
    <h2 id="templateTitle">Select a template to start editing</h2>
    <p id="templateDescription" class="template-description"></p>

    <form id="emailTemplateForm">
      <div class="form-group">
        <label for="templateContent">Template HTML</label>
        <textarea
          id="templateContent"
          rows="20"
          class="template-content"
          disabled
        ></textarea>
      </div>
      <div class="form-actions">
        <button
          class="btn btn-primary"
          type="submit"
          id="saveTemplateButton"
          disabled
        >
          Save Template
        </button>
      </div>
    </form>
  </section>
</div>
{% endblock %} {% block extra_scripts %}
<script src="/static/js/admin.js"></script>
{% endblock %}