templates/front/blog/read.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block seo %}
  4. {{ parent() }}
  5. <meta property="og:title" content="{{ article.title }} - Blog | Ryvup">
  6. <meta name="keywords" content="{{ article.keywords }}"/>
  7. {# <meta name="description" content="{{ article.content|raw }}"/> #}
  8. {% endblock %}
  10. {% block title %} {{ article.title }} - Blog | {{ parent() }} {% endblock %}
  12. {% block body %}
  13. <div class="breadcrumbs-fs fl-wrap">
  14.     <div class="container">
  15.         <div class="breadcrumbs fl-wrap"><a href="{{ url('app_front_blog') }}">Blog</a><a href="{{ url('app_front_blog_by_category', {'slug': article.category.slug}) }}">{{ article.category.name }}</a><span>{{ article.title }}</span></div>
  16.     </div>
  17. </div>
  18. <section class="grey-blue-bg small-padding">
  19.     <div class="container">
  20.         <div class="row">
  21.             <div class="col-md-8">
  22.                 <div class="post-container fl-wrap">
  23.                     <article class="post-article">
  24.                         <div class="title-devis">
  25.                             <span>{{ article.title }}</span>
  26.                         </div>
  28.                         <div class="list-single-main-media fl-wrap">
  29.                             <div class="single-slider-wrapper fl-wrap">
  30.                                 <div class="single-slider fl-wrap">
  31.                                     <div class="slick-slide-item">
  32.                                         {% if article.image %}
  33.                                         <img src="{{ asset('/uploads/files/articles/' ~ article.image) | imagine_filter('806x250') }}" alt="{{ article.title }}">
  34.                                         {% else %}
  35.                                         <img src="{{ asset('front/images/all/ryvup.jpeg') | imagine_filter('806x250') }}" alt="{{ article.title }}">
  36.                                         {% endif %}
  37.                                     </div>
  38.                                 </div>
  39.                             </div>
  40.                         </div>
  41.                         <div class="list-single-main-item fl-wrap">
  42.                             <div class="control-description">
  43.                                 {{ article.content|raw }}
  44.                             </div>                            
  45.                             <div class="post-opt">
  46.                                 <ul>
  47.                                     <li><i class="fal fa-tags"></i> <a href="{{ url('app_front_blog_by_category', {'slug': article.category.slug}) }}" class="text-theme-blue">{{ article.category.name }}</a></li>
  48.                                     <li><i class="fal fa-calendar"></i> <span>{{ article.createdAt | format_datetime(locale='fr', pattern="dd MMMM YYYY") }}</span></li>
  49.                                     <li><i class="fal fa-share-alt"></i> <span>RYVUP</span></li>
  50.                                 </ul>
  51.                             </div>
  52.                         </div>
  53.                     </article>
  54.                 </div>
  55.             </div>
  57.             <div class="col-md-4">
  58.                 <div class="box-widget-wrap fl-wrap fixed-bar">
  59.                     <div class="box-widget-item fl-wrap">
  60.                         <div class="box-widget">
  61.                             <div class="box-widget-content">
  62.                                 <div class="box-widget-item-header mb-3">
  63.                                     <h3> Demander un devis </h3>
  64.                                 </div>
  65.                                 <div class="text-left">
  66.                                     <p>Location d'autocar, minibus, voiture privée et sanitaire avec chauffeur pour tous vos déplacements</p>
  67.                                     <p>Avec Ryvup, trouver votre transport sur mesure !</p>
  68.                                 </div>
  69.                                 <div class="text-left">
  70.                                     <a href="{{ url('app_client_home') }}" class="btn color2-bg mt-3">
  71.                                        Devis immédiat
  72.                                        <i class="fal fa-angle-right"></i>
  73.                                     </a>
  74.                                 </div>
  75.                             </div>
  76.                         </div>
  77.                     </div>
  79.                     <div class="box-widget-item fl-wrap">
  80.                         <div class="box-widget widget-posts">
  81.                             <div class="box-widget-content">
  82.                                 <div class="box-widget-item-header">
  83.                                     <h3>Articles similaires</h3>
  84.                                 </div>
  85.                                 {% for article in lastArticles %}
  86.                                 <div class="box-image-widget">
  87.                                     <div class="box-image-widget-media">
  88.                                         {% if article.image %}
  89.                                         <img src="{{ asset('/uploads/files/articles/' ~ article.image) | imagine_filter('115x76') }}" alt="{{ article.title }}">
  90.                                         {% else %}
  91.                                         <img src="{{ asset('front/images/all/ryvup.jpeg') | imagine_filter('115x76') }}" alt="{{ article.title }}">
  92.                                         {% endif %}
  93.                                         <a href="{{ url('app_front_blog_read', {'cat_slug': article.category.slug, 'slug': article.slug}) }}" class="color-bg">Détails</a>
  94.                                     </div>
  95.                                     <div class="box-image-widget-details">
  96.                                         <h4>{{ article.title }}</h4>
  97.                                         <span class="widget-posts-date">
  98.                                             <i class="fal fa-calendar"></i> 
  99.                                             {% if article.updatedAt %}
  100.                                                 Modifié le {{ article.updatedAt | format_datetime(locale='fr', pattern="dd MMMM YYYY") }}
  101.                                             {% else %}
  102.                                                 Publié le {{ article.createdAt | format_datetime(locale='fr', pattern="dd MMMM YYYY") }}
  103.                                             {% endif %}
  104.                                         </span>
  105.                                     </div>
  106.                                 </div>    
  107.                                 {% endfor %}                            
  108.                             </div>
  109.                         </div>
  110.                     </div>
  112.                     <div class="box-widget-item fl-wrap">
  113.                         <div class="box-widget">
  114.                             <div class="box-widget-content">
  115.                                 <div class="box-widget-item-header">
  116.                                     <h3>Catégories</h3>
  117.                                 </div>
  118.                                 <ul class="cat-item">
  119.                                     {% set id = article.category.id %}
  120.                                     {% for category in categories %}
  121.                                         {% if category.id != id %}
  122.                                         <li><a href="{{ url('app_front_blog_by_category', {'slug': category.slug}) }}" title="{% if category.name|length > 28 %}{{ category.name }}{% endif %}">{% if category.name|length > 28 %}{{ category.name | slice(0,28) }}...{% else %}{{ category.name }}{% endif %}</a> <span>{{ category.articles|length }}</span></li>
  123.                                         {% endif %}
  124.                                     {% endfor %}
  125.                                 </ul>
  126.                             </div>
  127.                         </div>
  128.                     </div>
  129.                 </div>
  130.             </div>
  131.         </div>
  132.     </div>
  133. </section>
  134. {% endblock %}