<article class="product-card">
  <a href="/product/<%= product.slug %>" class="product-media <%= product.image?'':'placeholder' %>">
    <% if(product.badge || product.compare_price || product.is_new){ %>
      <span class="badge <%= product.compare_price ? 'sale' : ((String(product.badge||'').toLowerCase().includes('new') || product.is_new) ? 'new' : '') %>">
        <%= product.compare_price ? 'Up to ' + Math.round(((product.compare_price - product.price) / product.compare_price) * 100) + '% off' : (product.badge || 'New arrival') %>
      </span>
    <% } %>
    <% if(product.image){ %>
      <img src="<%= product.image %>" alt="<%= product.name %>">
    <% } else { %>
      <div class="placeholder-scene">
        <div class="ph-solar">
          <div class="ph-panel"></div>
          <div class="ph-sun"></div>
          <div class="ph-label">EnerTek</div>
        </div>
      </div>
    <% } %>
  </a>
  <div class="product-body">
    <h3><a href="/product/<%= product.slug %>"><%= product.name %></a></h3>
    <div class="pricing">
      <strong><%= money(product.price) %></strong>
      <% if(product.compare_price){ %><s><%= money(product.compare_price) %></s><% } %>
    </div>
    <% if(view==='list'){ %><p><%= product.short_description %></p><% } %>
    <% if(product.fast_shipping){ %><div class="micro-note">Fast dispatch</div><% } %>
    <% if(product.fast_shipping || product.stock > 0){ %>
      <button class="btn btn-primary full add-to-cart" data-product-id="<%= product.id %>">ADD TO CART</button>
    <% } else { %>
      <a class="btn btn-primary full" href="/contact">REQUEST INSTALL</a>
    <% } %>
  </div>
</article>