<%- include('../partials/head',{pageTitle,bodyClass:'admin-shell'}) %><%- include('nav') %>
<main class="admin-main">
  <h1>Mega menus</h1>
  <div class="dual-admin">
    <section class="admin-panel">
      <h2><%= editItem?'Edit menu item':'Add menu item' %></h2>
      <form method="post" action="<%= editItem?'/admin/menus/'+editItem.id+'?_method=PUT':'/admin/menus' %>" class="stack-form">
        <input type="hidden" name="_csrf" value="<%= csrfToken %>">
        <label><span>Group name</span><input name="group_name" value="<%= editItem?.group_name||'' %>" required placeholder="e.g. SOLAR PV"></label>
        <label><span>Label</span><input name="label" value="<%= editItem?.label||'' %>" required></label>
        <label><span>Link</span><input name="href" value="<%= editItem?.href||'' %>" required placeholder="/collections/solar-pv"></label>
        <label><span>Subtitle</span><input name="subtitle" value="<%= editItem?.subtitle||'' %>"></label>
        <label><span>Sort order</span><input type="number" name="sort_order" value="<%= editItem?.sort_order||0 %>"></label>
        <button class="btn btn-primary"><%= editItem?'Update item':'Create item' %></button>
      </form>
    </section>
    <section class="admin-panel">
      <h2>All menu items</h2>
      <table>
        <tr><th>Group</th><th>Label</th><th>Link</th><th></th></tr>
        <% items.forEach(item=>{ %>
          <tr>
            <td><%= item.group_name %></td>
            <td><%= item.label %></td>
            <td><%= item.href %></td>
            <td class="row-actions">
              <a href="/admin/menus?edit=<%= item.id %>">Edit</a>
              <form method="post" action="/admin/menus/<%= item.id %>/delete"><input type="hidden" name="_csrf" value="<%= csrfToken %>"><button>Delete</button></form>
            </td>
          </tr>
        <% }) %>
      </table>
    </section>
  </div>
</main>
</body></html>
