
<%
  function sf(key, fallback){ return (typeof site[key]!=='undefined' && site[key]!==null && site[key]!=='') ? site[key] : fallback; }
%>
<section class="service-strip">
  <div class="container service-grid">
    <article><h3><%= sf('service_1_title','Free site survey & design') %></h3><p><%= sf('service_1_text','Site visit, load audit, yield forecast and itemised quotation — free for projects above 5 kW.') %></p></article>
    <article><h3><%= sf('service_2_title','In-house installation') %></h3><p><%= sf('service_2_text','Licensed EPRA engineers install and commission every system — no subcontractors, no hidden extras.') %></p></article>
    <article><h3><%= sf('service_3_title','Warranties & after-sales') %></h3><p><%= sf('service_3_text','10-year workmanship, 25-year panel warranty, 48-hour support SLA and annual maintenance plans.') %></p></article>
  </div>
</section>
<footer class="site-footer">
  <div class="container footer-grid">
    <div>
      <img class="footer-logo" src="<%= site.brand_logo %>" alt="logo">
      <p><%= site.footer_note %></p>
    </div>
    <div>
      <h4><%= sf('footer_col1_heading','Solar PV') %></h4>
      <% (function(){ let items=[]; try{items=JSON.parse(site.footer_links_1||'[]')}catch(e){} if(!Array.isArray(items)||!items.length){ items=[{label:'On-grid systems',href:'/collections/solar-pv'},{label:'Off-grid systems',href:'/collections/solar-pv'},{label:'Hybrid + battery',href:'/collections/solar-pv'},{label:'Solar pumping',href:'/collections/solar-pv'},{label:'Backup power',href:'/collections/backup-power'}]; } items.filter(i=>i&&i.label).forEach(i=>{ %><a href="<%= i.href||'#' %>"><%= i.label %></a><% }); })(); %>
    </div>
    <div>
      <h4><%= sf('footer_col2_heading','Water Heating') %></h4>
      <% (function(){ let items=[]; try{items=JSON.parse(site.footer_links_2||'[]')}catch(e){} if(!Array.isArray(items)||!items.length){ items=[{label:'Domestic heat pumps',href:'/collections/water-heating'},{label:'Commercial heat pumps',href:'/collections/water-heating'},{label:'Direct / Indirect systems',href:'/collections/solar-water-heaters'},{label:'Forced / Split / Thermosyphon',href:'/collections/solar-water-heaters'}]; } items.filter(i=>i&&i.label).forEach(i=>{ %><a href="<%= i.href||'#' %>"><%= i.label %></a><% }); })(); %>
    </div>
    <div>
      <h4><%= sf('footer_col3_heading','Plumbing') %></h4>
      <% (function(){ let items=[]; try{items=JSON.parse(site.footer_links_3||'[]')}catch(e){} if(!Array.isArray(items)||!items.length){ items=[{label:'PPR pipes',href:'/collections/plumbing'},{label:'HDPE pipes',href:'/collections/plumbing'},{label:'Valves',href:'/collections/plumbing'},{label:'Fittings & accessories',href:'/collections/plumbing'}]; } items.filter(i=>i&&i.label).forEach(i=>{ %><a href="<%= i.href||'#' %>"><%= i.label %></a><% }); })(); %>
    </div>
    <div>
      <h4>Newsletter</h4>
      <form class="newsletter" method="post" action="/newsletter">
        <input type="hidden" name="_csrf" value="<%= csrfToken %>">
        <input type="email" name="email" placeholder="Enter your email" required>
        <button class="btn btn-primary full">Subscribe</button>
      </form>
      <div class="payments"><% site.payment_methods.forEach(m=>{ %><span><%= m %></span><% }) %></div>
    </div>
  </div>
  <div class="container footer-mid">
    <div>
      <h4><%= sf('footer_contact_heading','Get in touch') %></h4>
      <p><strong>Showroom:</strong> <%= site.contact_address %></p>
      <p><strong>Phone:</strong> <%= site.contact_phone %></p>
      <p><strong>Email:</strong> <%= site.contact_email %></p>
    </div>
    <div>
      <h4><%= sf('footer_social_heading','Follow') %></h4>
      <div class="socials">
        <a target="_blank" href="<%= site.facebook_url %>"><%= t('social_fb','Facebook') %></a>
        <a target="_blank" href="<%= site.youtube_url %>"><%= t('social_yt','YouTube') %></a>
        <a target="_blank" href="<%= site.instagram_url %>"><%= t('social_ig','Instagram') %></a>
        <a target="_blank" href="<%= site.linkedin_url %>"><%= t('social_li','LinkedIn') %></a>
        <a target="_blank" href="https://wa.me/<%= site.whatsapp_number %>"><%= t('social_wa','WhatsApp') %></a>
      </div>
    </div>
  </div>
</footer>
<a class="chat-float" target="_blank" href="https://wa.me/<%= site.whatsapp_number %>"><%= t('footer_chat','Chat') %></a>
<nav class="mobile-bottom-nav" aria-label="Quick actions">
  <a href="/"><%= site.nav_home||'Home' %></a>
  <a href="/search"><%= site.nav_search||'Search' %></a>
  <a href="/collections/solar-water-heaters"><%= site.nav_water||'Water Heaters' %></a>
  <a href="/contact"><%= site.nav_quote||'Quote' %></a>
</nav>
<%- include('cart-drawer') %>
<script>window.SITE_COPY={
  cart_empty:<%= t('cart_empty','Your cart is empty') %>,
  cart_start:<%= t('cart_start','Start shopping') %>,
  cart_total:<%= t('cart_total','Total') %>,
  wa_checkout:<%= t('wa_checkout','Order via WhatsApp') %>,
  form_checkout:<%= t('form_checkout','Use checkout form') %>,
  clear_cart:<%= t('clear_cart','Clear cart') %>,
  cart_note:<%= t('cart_note','Checkout opens WhatsApp with your order summary prefilled.') %>
};</script>



<script>window.WHATSAPP="<%= site.whatsapp_number %>";</script>\n<script src="/js/site.js"></script>
</body>
</html>