{% extends 'base.html' %}

{% block content %}
<article>
    <section class="product__list">
        {% for product in product_list %}
            <a href="{% url 'storefront:product-detail' product.pk %}" class="product__list-item">
                <figure class="product__figure">
                    <img class="product__image" src="{{product.productphoto_set.first.image.url}}" alt="{{product.productphoto_set.first.image}}">
                </figure>
                <div>
                    <h3>{{ product.name }}</h3><br>
                    <h3>$<strong>{{product.price}}</strong></h3>
                    <p>{{product.description}}</p>
                </div>
                <button class="action-button">View product</button>
            </a>
        {% endfor %}
    </section>
</article>
{% endblock %}

{% block footer %}
    <div class="_form_1"></div><script src="https://bltc999.activehosted.com/f/embed.php?id=1" type="text/javascript" charset="utf-8"></script>
{% endblock footer %}
