<%- include('../includes/header') %>
<%- include('../includes/navigation') %>

<div class="container-fluid">
    <div class="row">
        <% if(products.length===0) { %>
            <div class="col-md-3"></div>
            <div class="col-md-6"><h3 class="card-title">No Products To Show!</h3></div>
            <div class="col-md-3"></div>
            <% } else { %>
                <% for (var i=0; i<products.length; i++) { %>
                    <div class="col-md-3">
                        <%- include('../includes/item-card', {prod: products[i]}) %>
                    </div>
                <% } %>
            <% } %> 
    </div>
</div>

<%- include('../includes/footer') %>
