{% extends "base.html" %}
{% load static %}
{% block title %}Shop · {{ SITE_NAME }}{% endblock %}
{% block meta_description %}Shop 3D printed toys from {{ SITE_NAME }}. {{ CONTACT_SERVICE_AREA }}.{% endblock %}
{% block content %}
  {% include "public/_breadcrumbs.html" with title="Shop" %}
  <section class="section section-lg bg-default text-center">
    <div class="container">
      <h2>Shop <span class="text-italic font-weight-thin">Toys</span></h2>
      {% if products %}
      <div class="row row-xl row-30 row-md-50 row-xl-70">
        {% for product in products %}
        {% cycle 'product-1-292x256.png' 'product-2-292x256.png' 'product-3-292x256.png' 'product-4-292x256.png' 'product-5-292x256.png' 'product-6-292x256.png' as product_img silent %}
        <div class="col-sm-6 col-lg-4">
          {% include "shop/_product_card.html" with product=product product_img=product_img %}
        </div>
        {% endfor %}
      </div>
      {% else %}
      <p class="big">No products listed yet. Ask us to print a custom toy.</p>
      <a class="button button-lg button-primary" href="{% url 'public:contact' %}">Request a custom toy</a>
      {% endif %}
    </div>
  </section>
{% endblock %}