{% extends "base.html.twig" %}

{% block body %}


        <!-- page-title -->
        <section class="page-title centred">
            <div class="bg-layer" style="background-image: url({{ asset('assets/assets/images/background/page-title.jpg') }});"></div>
            <div class="auto-container">
                <div class="content-box">
                    <h1>Blog </h1>
                    <ul class="bread-crumb clearfix">
                        <li><a href="{{ path('home') }}">Accueil</a></li>
                        <li>Blog</li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- page-title end -->


        <!-- news-section -->
        <section class="news-section pt_150 pb_120">
            <div class="auto-container">
                <div class="row clearfix">
                    {% for blog in blogs %}
                    <div class="col-lg-4 col-md-12 col-sm-12 news-block">
                        <div class="news-block-one style-two wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                            <div class="inner-box">
                                <figure class="image-box"><a href="{{ path('blog_show_home', {'id': blog.id}) }}"><img src="{{ asset('uploads/blogs/' ~ blog.image) }}" alt="image Blog" style="width:373px; height:299px; object-fit:cover;"></a></figure>
                                <div class="content-box">
                                    <ul class="post-info">
                                        <li><a href="blog-details.html">{{blog.editeur}}</a></li>
                                        <li>{{blog.dateCreation|date('d M Y')}}</li>
                                    </ul>
                                    <h3><a href="{{ path('blog_show_home', {'id': blog.id}) }}">{{blog.libelle}}</a></h3>
                                    <p>{{ blog.description|slice(0, 100) }}...</p>
                                    <div class="btn-box">
                                        <a href="{{ path('blog_show_home', {'id': blog.id}) }}" class="blog-btn"><span>Lire plus</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {% endfor %}
                    
                </div>
                
                <div class="pagination-wrapper centred pt_30">
                    <ul class="pagination clearfix">
                        {% if currentPage > 1 %}
                            <li><a href="{{ path('destination_toutes', {'page': currentPage - 1}) }}"><i class="icon-28"></i></a></li>
                        {% endif %}

                        {% for i in 1..pages %}
                            <li>
                                <a href="{{ path('destination_toutes', {'page': i}) }}" 
                                class="{{ i == currentPage ? 'current' : '' }}">
                                {{ i }}
                                </a>
                            </li>
                        {% endfor %}

                        {% if currentPage < pages %}
                            <li><a href="{{ path('destination_toutes', {'page': currentPage + 1}) }}"><i class="icon-29"></i></a></li>
                        {% endif %}
                    </ul>
                </div>
            </div>
        </section>
        <!-- news-section end -->

{% endblock %}