<%- include('../partials/head',{pageTitle,bodyClass:'admin-shell'}) %>
<%- include('nav') %>
<main class="admin-main">
<% if(saved){ %><div class="success-box">Content saved.</div><% } %>
<div class="admin-panel">
<form method="post" enctype="multipart/form-data" class="admin-form-grid">
<input type="hidden" name="_csrf" value="<%= csrfToken %>">
<h3 class="full-row" style="margin-top:24px;border-top:1px solid var(--line);padding-top:18px">General</h3>
<label><span>Header search placeholder</span><input name="search_header_ph" value="<%= content.search_header_ph %>"></label>
<h3 class="full-row" style="margin-top:24px;border-top:1px solid var(--line);padding-top:18px">About page</h3>
<label><span>Heading</span><input name="about_heading" value="<%= content.about_heading %>"></label>
<label class="full-row"><span>Intro text</span><textarea name="about_intro_1" rows="2"><%= content.about_intro_1 %></textarea></label>
<label><span>Card 1 heading</span><input name="about_card_1_heading" value="<%= content.about_card_1_heading %>"></label>
<div class="repeater full-row" data-repeater>
  <div class="repeater-head"><h3>About card 1 bullets</h3><p>One talking point per row.</p></div>
  <div class="repeater-list" data-repeater-list>
    <% (content.about_bullet_1_list||['']).forEach(function(item){ %>
      <div class="repeater-item simple" data-repeater-item>
        <input name="about_bullets_1[]" value="<%= item %>" placeholder="e.g. In-house licensed EPRA engineers">
        <button type="button" class="repeater-remove" data-repeater-remove>Remove</button>
      </div>
    <% }) %>
  </div>
  <button type="button" class="btn btn-secondary" data-repeater-add>Add bullet</button>
</div>
<label><span>Card 2 heading</span><input name="about_card_2_heading" value="<%= content.about_card_2_heading %>"></label>
<div class="repeater full-row" data-repeater>
  <div class="repeater-head"><h3>About card 2 bullets</h3><p>One talking point per row.</p></div>
  <div class="repeater-list" data-repeater-list>
    <% (content.about_bullet_2_list||['']).forEach(function(item){ %>
      <div class="repeater-item simple" data-repeater-item>
        <input name="about_bullets_2[]" value="<%= item %>" placeholder="e.g. 10-year workmanship warranty">
        <button type="button" class="repeater-remove" data-repeater-remove>Remove</button>
      </div>
    <% }) %>
  </div>
  <button type="button" class="btn btn-secondary" data-repeater-add>Add bullet</button>
</div>
<h3 class="full-row" style="margin-top:24px;border-top:1px solid var(--line);padding-top:18px">Contact page</h3>
<label><span>Heading</span><input name="contact_heading" value="<%= content.contact_heading %>"></label>
<label class="full-row"><span>Intro text</span><textarea name="contact_intro" rows="2"><%= content.contact_intro %></textarea></label>
<label><span>Showroom card heading</span><input name="contact_showroom_heading" value="<%= content.contact_showroom_heading %>"></label>
<label><span>Phone label</span><input name="contact_phone_lbl" value="<%= content.contact_phone_lbl %>"></label>
<label><span>Email label</span><input name="contact_email_lbl" value="<%= content.contact_email_lbl %>"></label>
<label><span>Address label</span><input name="contact_address_lbl" value="<%= content.contact_address_lbl %>"></label>
<label><span>Form heading</span><input name="contact_form_heading" value="<%= content.contact_form_heading %>"></label>
<label><span>Name placeholder</span><input name="contact_name_ph" value="<%= content.contact_name_ph %>"></label>
<label><span>Email placeholder</span><input name="contact_email_ph" value="<%= content.contact_email_ph %>"></label>
<label><span>Phone placeholder</span><input name="contact_phone_ph" value="<%= content.contact_phone_ph %>"></label>
<label><span>Message placeholder</span><input name="contact_msg_ph" value="<%= content.contact_msg_ph %>"></label>
<label><span>Submit button text</span><input name="contact_submit" value="<%= content.contact_submit %>"></label>
<label><span>Success message</span><input name="contact_success" value="<%= content.contact_success %>"></label>
<h3 class="full-row" style="margin-top:24px;border-top:1px solid var(--line);padding-top:18px">Product page</h3>
<label><span>Price note line</span><input name="product_tax_line" value="<%= content.product_tax_line %>"></label>
<label><span>Configuration label</span><input name="product_spec_style_lbl" value="<%= content.product_spec_style_lbl %>"></label>
<label><span>Category label</span><input name="product_spec_room_lbl" value="<%= content.product_spec_room_lbl %>"></label>
<label><span>Availability label</span><input name="product_spec_avail_lbl" value="<%= content.product_spec_avail_lbl %>"></label>
<label><span>Stock word</span><input name="product_stock_word" value="<%= content.product_stock_word %>"></label>
<label><span>Fast dispatch text</span><input name="product_fast_lbl" value="<%= content.product_fast_lbl %>"></label>
<label><span>Lead-time text</span><input name="product_lead_lbl" value="<%= content.product_lead_lbl %>"></label>
<label><span>Warranty bullet</span><input name="product_warranty_lbl" value="<%= content.product_warranty_lbl %>"></label>
<label><span>Survey bullet</span><input name="product_survey_lbl" value="<%= content.product_survey_lbl %>"></label>
<label><span>Details heading</span><input name="product_details_h" value="<%= content.product_details_h %>"></label>
<label><span>Related heading</span><input name="product_related_h" value="<%= content.product_related_h %>"></label>
<label><span>Secondary button text</span><input name="product_options_btn" value="<%= content.product_options_btn %>"></label>
<label><span>Add-to-cart button text</span><input name="product_cart_btn" value="<%= content.product_cart_btn %>"></label>
<h3 class="full-row" style="margin-top:24px;border-top:1px solid var(--line);padding-top:18px">Collections & Search</h3>
<label><span>Search placeholder</span><input name="collection_search_ph" value="<%= content.collection_search_ph %>"></label>
<label><span>Style placeholder</span><input name="collection_style_ph" value="<%= content.collection_style_ph %>"></label>
<label><span>Sort: new</span><input name="collection_sort_new" value="<%= content.collection_sort_new %>"></label>
<label><span>Sort: price asc</span><input name="collection_sort_price_asc" value="<%= content.collection_sort_price_asc %>"></label>
<label><span>Sort: price desc</span><input name="collection_sort_price_desc" value="<%= content.collection_sort_price_desc %>"></label>
<label><span>Sort: name</span><input name="collection_sort_name" value="<%= content.collection_sort_name %>"></label>
<label><span>Grid view label</span><input name="collection_view_grid" value="<%= content.collection_view_grid %>"></label>
<label><span>List view label</span><input name="collection_view_list" value="<%= content.collection_view_list %>"></label>
<label><span>Stock filter label</span><input name="collection_shipping" value="<%= content.collection_shipping %>"></label>
<label><span>Apply button</span><input name="collection_apply" value="<%= content.collection_apply %>"></label>
<label><span>Empty message</span><input name="collection_empty" value="<%= content.collection_empty %>"></label>
<label><span>Shown suffix</span><input name="collection_shown" value="<%= content.collection_shown %>"></label>
<label><span>Search heading</span><input name="search_heading" value="<%= content.search_heading %>"></label>
<label class="full-row"><span>Search intro</span><textarea name="search_intro" rows="2"><%= content.search_intro %></textarea></label>
<label><span>Search input placeholder</span><input name="search_ph" value="<%= content.search_ph %>"></label>
<label><span>All categories label</span><input name="search_all_cats" value="<%= content.search_all_cats %>"></label>
<label><span>Style placeholder</span><input name="search_style_ph" value="<%= content.search_style_ph %>"></label>
<label><span>No results message</span><input name="search_empty" value="<%= content.search_empty %>"></label>
<h3 class="full-row" style="margin-top:24px;border-top:1px solid var(--line);padding-top:18px">Checkout & Order success</h3>
<label><span>Checkout heading</span><input name="checkout_heading" value="<%= content.checkout_heading %>"></label>
<label><span>Checkout intro</span><input name="checkout_intro" value="<%= content.checkout_intro %>"></label>
<label><span>Items heading</span><input name="checkout_items_h" value="<%= content.checkout_items_h %>"></label>
<label><span>Empty cart message</span><input name="checkout_empty" value="<%= content.checkout_empty %>"></label>
<label><span>Total label</span><input name="checkout_total" value="<%= content.checkout_total %>"></label>
<label><span>Place order button</span><input name="checkout_place" value="<%= content.checkout_place %>"></label>
<label><span>Name placeholder</span><input name="checkout_name_ph" value="<%= content.checkout_name_ph %>"></label>
<label><span>Email placeholder</span><input name="checkout_email_ph" value="<%= content.checkout_email_ph %>"></label>
<label><span>Phone placeholder</span><input name="checkout_phone_ph" value="<%= content.checkout_phone_ph %>"></label>
<label><span>Address placeholder</span><input name="checkout_address_ph" value="<%= content.checkout_address_ph %>"></label>
<label><span>Notes placeholder</span><input name="checkout_notes_ph" value="<%= content.checkout_notes_ph %>"></label>
<label><span>Thank-you text</span><input name="os_thanks" value="<%= content.os_thanks %>"></label>
<label><span>Order intro text</span><input name="os_intro" value="<%= content.os_intro %>"></label>
<label><span>Order items heading</span><input name="os_items_h" value="<%= content.os_items_h %>"></label>
<label><span>Status label</span><input name="os_status_lbl" value="<%= content.os_status_lbl %>"></label>
<label><span>Delivery heading</span><input name="os_delivery_h" value="<%= content.os_delivery_h %>"></label>
<label><span>Email label</span><input name="os_email_lbl" value="<%= content.os_email_lbl %>"></label>
<label><span>Phone label</span><input name="os_phone_lbl" value="<%= content.os_phone_lbl %>"></label>
<label><span>Address label</span><input name="os_address_lbl" value="<%= content.os_address_lbl %>"></label>
<label><span>Notes label</span><input name="os_notes_lbl" value="<%= content.os_notes_lbl %>"></label>
<h3 class="full-row" style="margin-top:24px;border-top:1px solid var(--line);padding-top:18px">Cart & WhatsApp</h3>
<label><span>Drawer heading</span><input name="cart_heading" value="<%= content.cart_heading %>"></label>
<label><span>Empty cart message</span><input name="cart_empty" value="<%= content.cart_empty %>"></label>
<label><span>Start shopping text</span><input name="cart_start" value="<%= content.cart_start %>"></label>
<label><span>Total label</span><input name="cart_total" value="<%= content.cart_total %>"></label>
<label><span>WhatsApp button</span><input name="wa_checkout" value="<%= content.wa_checkout %>"></label>
<label><span>Form checkout button</span><input name="form_checkout" value="<%= content.form_checkout %>"></label>
<label><span>Clear cart button</span><input name="clear_cart" value="<%= content.clear_cart %>"></label>
<label><span>Cart note</span><input name="cart_note" value="<%= content.cart_note %>"></label>
<h3 class="full-row" style="margin-top:24px;border-top:1px solid var(--line);padding-top:18px">404 & Account</h3>
<label><span>404 heading</span><input name="nf_heading" value="<%= content.nf_heading %>"></label>
<label><span>404 text</span><input name="nf_text" value="<%= content.nf_text %>"></label>
<label><span>404 back button</span><input name="nf_back" value="<%= content.nf_back %>"></label>
<label><span>Account heading</span><input name="account_heading" value="<%= content.account_heading %>"></label>
<label class="full-row"><span>Account intro</span><textarea name="account_intro" rows="2"><%= content.account_intro %></textarea></label>
<label><span>Sign in heading</span><input name="account_signin_h" value="<%= content.account_signin_h %>"></label>
<label><span>Email placeholder</span><input name="account_email_ph" value="<%= content.account_email_ph %>"></label>
<label><span>Password placeholder</span><input name="account_password_ph" value="<%= content.account_password_ph %>"></label>
<label><span>Sign in button</span><input name="account_signin_btn" value="<%= content.account_signin_btn %>"></label>
<label><span>Create heading</span><input name="account_create_h" value="<%= content.account_create_h %>"></label>
<label><span>Name placeholder</span><input name="account_name_ph" value="<%= content.account_name_ph %>"></label>
<label><span>Create button</span><input name="account_create_btn" value="<%= content.account_create_btn %>"></label>
<h3 class="full-row" style="margin-top:24px;border-top:1px solid var(--line);padding-top:18px">Homepage images</h3>
<p class="full-row" style="color:var(--muted);margin:0 0 8px">Click Choose image to pick from the Media Library. You can also upload a new file in the picker.</p>
<label class="full-row" data-media-field><span>Season card 1 image</span><input name="season_card_1_img" value="<%= content.season_card_1_img %>" data-media></label>
<label class="full-row" data-media-field><span>Season card 2 image</span><input name="season_card_2_img" value="<%= content.season_card_2_img %>" data-media></label>
<label class="full-row" data-media-field><span>Season card 3 image</span><input name="season_card_3_img" value="<%= content.season_card_3_img %>" data-media></label>
<label class="full-row" data-media-field><span>Project card 1 image</span><input name="cert_card_1_img" value="<%= content.cert_card_1_img %>" data-media></label>
<label class="full-row" data-media-field><span>Project card 2 image</span><input name="cert_card_2_img" value="<%= content.cert_card_2_img %>" data-media></label>
<label class="full-row" data-media-field><span>Project card 3 image</span><input name="cert_card_3_img" value="<%= content.cert_card_3_img %>" data-media></label>
<div class="full-row" style="display:flex;gap:12px;margin-top:10px"><button class="btn btn-primary">Save all content</button><a class="btn btn-secondary" href="/admin">Cancel</a></div>
<h3 class="full-row" style="margin-top:24px;border-top:1px solid var(--line);padding-top:18px">Homepage misc & Footer links</h3>
      <label><span>Brand wordmark</span><input name="mh_brand_word" value="<%= content.mh_brand_word %>"></label>
      <label><span>Solar-first eyebrow</span><input name="mh_solar_first" value="<%= content.mh_solar_first %>"></label>
      <label><span>Shop Now label</span><input name="mh_shop_now" value="<%= content.mh_shop_now %>"></label>
      <label><span>Shop plumbing label</span><input name="mh_shop_plumbing" value="<%= content.mh_shop_plumbing %>"></label>
      <label><span>View All label</span><input name="view_all_1" value="<%= content.view_all_1 %>"></label>
      <label><span>View collection label</span><input name="view_collection" value="<%= content.view_collection %>"></label>
      <div class="repeater full-row" data-repeater>
        <div class="repeater-head"><h3>Footer column 1 links</h3><p>Label and URL for each link in the first footer column.</p></div>
        <div class="repeater-list" data-repeater-list>
          <% (content.footer_links_1_list||[{label:'',href:''}]).forEach(function(item){ %>
            <div class="repeater-item simple pair" data-repeater-item>
              <input name="footer_links_1_label" value="<%= item.label||'' %>" placeholder="Link label">
              <input name="footer_links_1_href" value="<%= item.href||'' %>" placeholder="/collections/solar-pv">
              <button type="button" class="repeater-remove" data-repeater-remove>Remove</button>
            </div>
          <% }) %>
        </div>
        <button type="button" class="btn btn-secondary" data-repeater-add>Add link</button>
      </div>
      <div class="repeater full-row" data-repeater>
        <div class="repeater-head"><h3>Footer column 2 links</h3></div>
        <div class="repeater-list" data-repeater-list>
          <% (content.footer_links_2_list||[{label:'',href:''}]).forEach(function(item){ %>
            <div class="repeater-item simple pair" data-repeater-item>
              <input name="footer_links_2_label" value="<%= item.label||'' %>" placeholder="Link label">
              <input name="footer_links_2_href" value="<%= item.href||'' %>" placeholder="/collections/water-heating">
              <button type="button" class="repeater-remove" data-repeater-remove>Remove</button>
            </div>
          <% }) %>
        </div>
        <button type="button" class="btn btn-secondary" data-repeater-add>Add link</button>
      </div>
      <div class="repeater full-row" data-repeater>
        <div class="repeater-head"><h3>Footer column 3 links</h3></div>
        <div class="repeater-list" data-repeater-list>
          <% (content.footer_links_3_list||[{label:'',href:''}]).forEach(function(item){ %>
            <div class="repeater-item simple pair" data-repeater-item>
              <input name="footer_links_3_label" value="<%= item.label||'' %>" placeholder="Link label">
              <input name="footer_links_3_href" value="<%= item.href||'' %>" placeholder="/collections/plumbing">
              <button type="button" class="repeater-remove" data-repeater-remove>Remove</button>
            </div>
          <% }) %>
        </div>
        <button type="button" class="btn btn-secondary" data-repeater-add>Add link</button>
      </div>

</form>
</div>
</main>
</body>
</html>
