{% extends 'base.html' %}
{% load static %}

{% block head %}
    <script defer src="{% static 'scripts/product_list.js' %}"></script>
{% endblock %}

{% block content %}
<div class="site__banner site__banner--site">
    <h1>Welcome to our new website!</h1>
    <h4>NEW COOL LOOK, SAME GREAT COFFEE</h4>
</div>
<article>
    <section class="product__list">
        {% for product in product_list %}
            <a class="product__item" href="{% url 'storefront:product-detail' product.pk %}">
                <figure class="product__figure">
                    <img class="product__image product__with-img-swap" data-altimg-src="{{product.get_second_img.image.url}}" src="{{product.get_first_img.image.url}}" alt="{{product.get_first_img.image}}">
                </figure>
                <div>
                    <h3>{{ product.name }}</h3>
                    <h5>{{ product.subtitle }}</h5>
                    <p>{{product.description|truncatewords:20}}</p>
                    <p>$<strong>{{product.price}}</strong> | {{product.weight.oz|floatformat}}oz</p>
                </div>
            </a>
        {% endfor %}
    </section>
</article>
<article class="review__list-short">
    <header>
        <h2>What people are saying</h2>
    </header>
    <section>
        <blockquote class="review__item">
            <q>Really good coffee. That's all there is to say. Supposedly the pour over coffee is the best way to go. It is definitely nothing like a Starbucks, and in this case, that's a very good thing!</q>
            <cite>-Mark Nickel</cite>
        </blockquote>

        <blockquote class="review__item">
            <q>They have a passion for their coffee and chai. What makes them interesting is the intensity of flavor and not the extreme sweetness that other coffee shops focus on. The mocha had the velvety bitterness of true cocoa and the chai was more reminiscent of walking through an Indian spice store. These are drinks that should be sipped while sitting quietly at one of their picnic tables looking out at the water.</q>
            <cite>-Natasha Hughes</cite>
        </blockquote>

        <blockquote class="review__item">
            <q>Morning started with a Caffè Arancia and a scone. Couldn't have gotten anything better. Superb flavor for the coffee, a delight to drink.</q>
            <cite>-Mr Ty</cite>
        </blockquote>

        <blockquote class="review__item">
            <q>Warm and welcoming place with the best Americano I’ve ever had.</q>
            <cite>-Mathew Metcalfe</cite>
        </blockquote>
    </section>
    <section>
        <p class="review__item">
            <a href="{% url 'storefront:reviews' %}" class="action-button">Read more &rarr;</a>
        </p>
    </section>
</article>
{% endblock %}

