templates/blog/blog.html.twig line 1

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

{% block title %}Blog | Mether{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block body %}
    <main>
      <!-- breadcrumb area start -->
         {% include "/partials/banner.html.twig" with  {'title': title} %}      
      <!-- breadcrumb area end -->

        <!-- postbox-4 area start -->
        <div class="postbox-4__area bg-white pt-120 pb-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="postbox-4__wrapper pr-20">
                        <div class="row">
                            {% for blog in blogList %}
                                <div class="col-md-6">
                                    <article class="postbox-4__item format-image mb-50 transition-3 ">
                                        <div class="postbox-4__thumb w-img p-relative">
                                            <a href="{{path('app_blog_details', {id: blog.id, slugCat : blog.slugCat, slugTitle: blog.slugTitle})}}">
                                                {% if blog.image %}
                                                    <img class="img_blog " src="{{ asset( files_directory_relative ~ blog.image) }}" alt="Image du blog" />
                                                {% else %}
                                                    <img class="img_blog " src="{{ asset( '/assets/images/webp/default_image.webp') }}" alt="Image du blog" />
                                                {% endif %}
                                            </a>
                                            <div class="postbox-4__datebox">
                                                <span><b>{{blog.datePublication|date('d')}}</b>{{blog.datePublication|format_datetime('full', 'none', pattern="MMM", locale='fr')}}</span>
                                            </div>
                                        </div>
                                        <div class="postbox-4__content">
                                        
                                        <div class="postbox-4__text">
                                            <h3 class="postbox-4__title">
                                                <a href="{{path('app_blog_details', {id: blog.id, slugCat : blog.slugCat, slugTitle: blog.slugTitle})}}">{{blog.titre}}</a>
                                            </h3>
                                            <div class="postbox-4__text">
                                                <p>{{blog.description}}</p>
                                            </div>
                                        </div>
                                        </div>
                                        <div class="postbox-4__meta d-flex justify-content-between align-items-center theme-bg">
                                            <div class="postbox-4__author">
                                                <img src="{{ asset('assets/images/favicon-mether-2.png') }}" alt="img author" width="100">
                                                <P class="text-black fw-bolder"><a href="#">{{blog.nomAuteur}}</a></P>
                                            </div>
                                            <div class="postbox-4__read-more">
                                                <a href="{{path('app_blog_details', {id: blog.id, slugCat : blog.slugCat, slugTitle: blog.slugTitle})}}" class="btn btn-primary">Voir plus</a>                               
                                            </div>
                                        </div>
                                    </article>
                                </div>
                            {% endfor %}
                        </div>
                        

                        <div class="d-flex justify-content-center scale-up-center">
                            {{ knp_pagination_render(blogList) }}
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-12">
                    {{ form_start(form, {'attr': {'class': 'filter-form filter-form--vertical', 'id': 'product-filter-form'}}) }}
                    <div class="sidebar__wrapper">
                        <div class="sidebar__widget mb-40">
                            <h3 class="sidebar__widget-title">Recherche</h3>
                            <div class="sidebar__widget-content">
                                <div class="sidebar__search">
                                    <form action="#">
                                    <div class="sidebar__search-input-2">
                                        {{form_label(form.search)}}
                                        {{form_widget(form.search,{ 'attr': {'class': 'form-control'} })}}
                                        {{form_errors(form.search)}}
                                        <button type="submit"><i class="far fa-search"></i></button>
                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>


                        <div class="sidebar__widget mb-40">
                            <h3 class="sidebar__widget-title">Post récent</h3>
                            <div class="sidebar__widget-content">
                                <div class="sidebar__post rc__post">
                                    {% for blog in recentBlog %}
                                        <div class="rc__post mb-20 d-flex align-items-center">
                                            <div class="rc__post-thumb mr-20">
                                                <a href="{{path('app_blog_details', {id: blog.id, slugCat : blog.slugCat, slugTitle: blog.slugTitle})}}">
                                                    {% if blog.image %}
                                                        <img class="img_blog " src="{{ asset( files_directory_relative ~ blog.image) }}" alt="Image du blog" />
                                                    {% else %}
                                                        <img class="img_blog " src="{{ asset( '/assets/images/webp/default_image.webp') }}" alt="Image du blog" />
                                                    {% endif %}
                                                </a>
                                            </div>
                                            <div class="rc__post-content">
                                                <div class="rc__meta">
                                                    <span>{{blog.datePublication|format_datetime('medium', 'none', locale='fr')}}</span>
                                                </div>
                                                <h3 class="rc__post-title">
                                                    <a href="{{path('app_blog_details', {id: blog.id, slugCat : blog.slugCat, slugTitle: blog.slugTitle})}}">{{blog.titre}}</a>
                                                </h3>
                                            </div>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>


                        <div class="sidebar__widget mb-40 h-100" style="height: 171px !important">
                            <h3 class="sidebar__widget-title">Categories</h3>
                            <div class="sidebar__widget-content">
                                <div class="my-form-widget">
                                    {{form_label(form.categorie)}}
                                    {{form_widget(form.categorie,{ 'attr': {'class': 'form-control'} })}}
                                    {{form_errors(form.categorie)}}
                                </div>
                            </div>
                        </div>
                
                        
                        <div class="sidebar__widget mb-40">
                            <h3 class="sidebar__widget-title">Tag</h3>
                            <div class="sidebar__widget-content">
                                    <div class="my-form-widget mt-5">
                                    {{form_label(form.tags)}}
                                    {{form_widget(form.tags)}}
                                    {{form_errors(form.tags)}}
                                </div>
                            </div>
                        </div>
                    </div>
                    {{ form_end(form) }}
                </div>
            </div>
        </div>
        </div>
        <!-- postbox-4 area end -->

    </main>
   
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <script>
        $(function(){
            let all_input = $('#blog_filter_client_tags').find('label')
            all_input.each(function( index ) {
                $(this).after(`<br>`).addClass('ms-2')
            });
        });    
    </script>
{% endblock %}