`public/panels/templates.html`

27 lines
<div class="card">
  <h2>Campaign Templates</h2>
  <p class="muted" style="margin:0 0 14px">Pre-built luxury DW email campaigns in the house voice — Welcome, memo-sample sequence, VIP previews, seasonal editorials, re-engagement. Pick one, fill the fields, copy into Constant Contact.</p>

  <div id="templates-banner"></div>

  <div class="row" style="align-items:center;gap:14px">
    <div style="flex:1;min-width:240px">
      <label for="templates-search">Search</label>
      <input id="templates-search" type="text" placeholder="welcome, memo, VIP, seasonal…" />
    </div>
    <div style="min-width:220px">
      <label for="templates-category">Category</label>
      <select id="templates-category"></select>
    </div>
  </div>
</div>

<div id="templates-out" class="grid" style="grid-template-columns:repeat(auto-fill, minmax(360px, 1fr))"></div>

<div id="templates-modal" style="display:none;position:fixed;inset:0;background:rgba(20,17,15,0.6);z-index:50;align-items:flex-start;justify-content:center;padding:40px 20px;overflow:auto">
  <div class="card" style="max-width:760px;width:100%;margin:0;position:relative">
    <button id="templates-modal-close" class="btn ghost" style="position:absolute;top:14px;right:14px;padding:5px 12px">✕ Close</button>
    <div id="templates-modal-body"></div>
  </div>
</div>