{% 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 Details</h1>
                    <ul class="bread-crumb clearfix">
                        <li><a href="index.html">Accueil</a></li>
                        <li>Blog Details</li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- page-title end -->


        <!-- sidebar-page-container -->
        <section class="sidebar-page-container pt_150 pb_150">
            <div class="auto-container">
                <div class="row clearfix">
                    <div class="col-lg-8 col-md-12 col-sm-12 content-side">
                        <div class="blog-details-content">
                            <div class="news-block-one style-two">
                                <div class="inner-box">
                                    <figure class="image-box"><img src="{{ asset('uploads/blogs/' ~ blog.image) }}" alt="image Blog"></figure>
                                    <div class="content-box">
                                        <ul class="post-info">
                                            
                                            <li>{{blog.dateCreation|date('M Y') }}</li>
                                            <li>12 Commentaires</li>
                                        </ul>
                                        <h3>{{blog.libelle}}</h3>
                                        <p>
                                            {{ blog.description }}
                                        </p>
                                       <blockquote>
                                            <div class="icon-box gradient-color"><i class="icon-22"></i></div>
                                            <h3>{{blog.editeur}}</h3>
                                        </blockquote>
                                        <p>

                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="content-one mb_60">
                                
                                <div class="text-box">
                                    <h3>Avantages du service</h3>
                                    <p>
                                        Découvrez notre guide de voyage et partez l’esprit tranquille. 
                                        Nous mettons tout en œuvre pour que chaque expérience soit unique, 
                                        enrichissante et parfaitement adaptée à vos attentes.
                                    </p>
                                    <ul class="list-item clearfix">
                                        <li>Guide touristique professionnel</li>
                                        <li>Une qualité fiable</li>
                                        <li>Flexibilité exceptionnelle</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="post-share-option pb_60 mb_60">
                                <ul class="tags-list">
                                    <li><a href="#">Voyage</a></li>
                                    <li><a href="#">Aventure</a></li>
                                    <li><a href="#">Visite</a></li>
                                    <li><a href="#">Luxe</a></li>
                                    <li><a href="#">Randonnée</a></li>
                                </ul>
                                <ul class="share-list">
                                    <li><h3>Partagez</h3></li>
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                </ul>
                            </div>
                        <!--
                            <div class="comment-form-area">
                                <div class="group-title mb_30">
                                    <h3>Laissez vos commentaires</h3>
                                </div>
                                <div class="form-inner">
                                    <form method="post" action="blog-details.html" class="default-form">
                                        <div class="row clearfix">
                                            <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                                <input type="text" name="name" placeholder="First Name*" required>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                                <input type="email" name="email" placeholder="Email Address*" required>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                                <textarea name="message" placeholder="Write Comments"></textarea>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
                                                <button type="submit" class="theme-btn btn-one">Send comments</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        -->
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 col-sm-12 sidebar-side">
                        <div class="tour-sidebar ml_15">
                            <div class="sidebar-widget search-widget mb_40">
                                <div class="search-form">
                                    <form method="post" action="tour-3.html">
                                        <div class="form-group">
                                            <input type="search" name="search-field" placeholder="Search..." required>
                                            <button type="submit"><i class="icon-30"></i></button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="sidebar-widget category-widget mb_40">
                                <div class="widget-title">
                                    <h3>Categories</h3>
                                </div>
                                <div class="widget-content">
                                    <ul class="category-list clearfix">
                                        <li><a href="#"><i class="icon-32"></i>Hotel</a></li>
                                        {% for categorie in categories %}
                                                    <li><a href="#"><i class="icon-32"></i>{{ categorie.libelle }}</a></li>
                                        {% endfor %}
                                    </ul>
                                </div>
                            </div>
                            <div class="sidebar-widget post-widget mb_40">
                                <div class="widget-title">
                                    <h3>Articles recent</h3>
                                </div>
                                <div class="post-inner">
                                    {% for blog in blogs %}
                                    <div class="post">
                                        <figure class="post-thumb"><a href="{{ path('blog_show_home', {'id': blog.id}) }}"><img src="{{ asset('uploads/blogs/' ~ blog.image) }}" alt=""></a></figure>
                                        <h5><a href="{{ path('blog_show_home', {'id': blog.id}) }}">{{ blog.libelle }}</a></h5>
                                        <span class="post-date">{{ blog.dateCreation|date('d M Y') }}</span>
                                    </div>
                                    {% endfor %}
                                </div>
                            </div>
                            <div class="sidebar-widget gallery-widget mb_40">
                                <div class="widget-title">
                                    <h3>Photo Gallery</h3>
                                </div>
                                <div class="widget-content">
                                    <ul class="image-list clearfix">
                                        {% for categorie in categories %}
                                        <li>
                                            <figure class="image"><a href="{{ asset('uploads/categories/' ~ categorie.image) }}" class="lightbox-image" data-fancybox="gallery"><img src="{{ asset('uploads/categories/' ~ categorie.image) }}" alt=""></a></figure>
                                        </li>
                                        {% endfor %}
                                        
                                    </ul>
                                </div>
                            </div>
                            <div class="sidebar-widget tags-widget">
                                <div class="widget-title">
                                    <h3>Popular Tags</h3>
                                </div>
                                <div class="widget-content">
                                    <ul class="tags-list clearfix"> 
                                        <li><a href="#">Voyage</a></li>
                                        <li><a href="#">Aventure</a></li>
                                        <li><a href="#">Visite</a></li>
                                        <li><a href="#">Luxe</a></li>
                                        <li><a href="#">Randonnée</a></li>
                                        <li><a href="#">Réservation</a></li>
                                        <li><a href="#">Visite et voyage</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- sidebar-page-container end -->



{% endblock %}