<!-- START EVENTS LIST -->
{% load static %}
{% get_media_prefix as MEDIA_PREFIX %}


<div class="cd-section" id="blogs">
    <!--     *********     BLOGS 1      *********      -->
    <div class="section blogs-1" id="blogs-1">
        <div class="container">
            <h2 class="title">Nos évènements</h2>
            <br/>
            <div class="row align-items-center">

                {#            <img src="assets/img/path3.png" class="path path1">#}
                {% for event in events %}
                    {% if forloop.counter0|divisibleby:"4" %}
                        <div class="col-lg-6">
                    {% else %}
                        <div class="col-lg-3">
                    {% endif %}
                <a href="{% url 'show_event' event.slug %}">
                    <div class="card card-blog card-background" data-animation="zooming">
                        <div class="full-background"
                             style="background-image: url('{{ MEDIA_PREFIX }}{{ event.img.fhd }}')"></div>
                        <div class="card-body">
                            <div class="content-bottom">
                                <h5 class="card-title">{{ event.datetime | date:"D d F Y" }} {{ event.datetime | time }}</h5>

                                {% for product in event.products.all %}
                                    {% if product.categorie_article == categorie_billet %}
                                        <h5 class="card-title">
                                            {% for price in product.prices.all %}
                                                {% if forloop.first %}
                                                    {{ price.prix | floatformat:"-2" }}€
                                                {% else %}
                                                    / {{ price.prix | floatformat:"-2" }}€
                                                {% endif %}
                                            {% endfor %}
                                        </h5>
                                    {% endif %}
                                {% endfor %}


                                <h3 class="card-title">{{ event.name }}</h3>
                            </div>
                        </div>
                    </div>
                </a>
                </div>

                {% endfor %}

                </div>
            </div>
        </div>
        <!--     *********    END BLOGS 1      *********      -->

    </div>


</div>