templates/themes/ismart/post/article/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'themes/ismart/base.html.twig' %}
  2. {% block body %}
  3.     <main class="article-main">
  4.         <section class="ac-detail-content-container">
  5.             <div class="ac-detail-header" style="background-image: url({{ asset('themes/ismart/img/article/article-bg-header.jpeg') }})">
  6.                 <div class="ac-detail-header-title"><span>{{ post.category.title }}</span></div>
  7.             </div>
  8.             {% set locale = app.request.get('_locale') %}
  9.             <div class="container">
  10.                 <div class="ac-detail-breadcrumbs">
  11.                     <nav aria-label="breadcrumb">
  12.                         <ol class="breadcrumb">
  13.                             <li class="breadcrumb-item"><a href="{{ url('frontend_site_default',{'_locale':locale}) }}">iSMART</a></li>
  14.                             {% if post.category.parent is not empty %}
  15.                                 <li class="breadcrumb-item"><a href="{{ post.category.parent.customPath }}">{{ post.category.parent.title }}</a></li>
  16.                                 <li class="breadcrumb-item active"><a href="{{ post.category.customPath }}">{{ post.category.title }}</a></li>
  17.                             {% else %}
  18.                             <li class="breadcrumb-item active"><a href="{{ post.category.customPath }}">{{ post.category.title }}</a></li>
  19.                             {% endif %}
  20. {#                            <li class="breadcrumb-item active" aria-current="page"><a href="#">{{"Truyền thông" | trans}}</a></li>#}
  21.                         </ol>
  22.                     </nav>
  23.                 </div>
  24.                 <div class="ac-detail-wrapper d-lg-flex flex-lg-row justify-content-sm-between">
  25.                     <div class="ac-detail-content" data-aos="fade-up" data-aos-delay="100">
  26.                         <div class="ac-detail-content-title">
  27.                             <span>{{ post.title }}</span>
  28.                         </div>
  29.                         <span class="date">{{ post.createdAt | date("d/m/Y")  }}</span>
  30.                         <div class="ac-detail-content-status d-flex flex-row">
  31.                             <div class="fb-like" data-href="{{ url('frontend_site_post_detail',{slug:post.slug, id:post.id}) }}" data-width="" data-layout="" data-action="" data-size="large" data-share="true"></div>
  32.                         </div>
  33.                         <div class="ac-detail-content-all">
  34.                             <div class="details-content">
  35.                                 <div class="entry-content">
  36.                                     <p><span style="font-weight: 400;">
  37.                                             {{ post.description | raw }}
  38.                                         </span><b></b>
  39.                                     </p>
  40.                                     {{ post.content | raw }}
  41.                                 </div>
  42.                             </div>
  43.                         </div>
  44.                         <div class="line-detail"></div>
  45.                         
  46.                         <div class="ac-detail-other related">
  47.                             <div class="ac-detail-other-title"><span>{{"ĐỪNG BỎ LỠ NHỮNG TIN TỨC THÚ VỊ TỪ iSMART" | trans}}</span></div>
  48.                             
  49.                             <div class="ac-detail-other-items row">
  50.                             
  51.                             {% set articles = getFeaturedArticle(4) %}
  52.                             {% set groups = articles | batch(2, false) %}
  53.                             {% for items in groups %}
  54.                             
  55.                                 {% for article in items %}
  56.                                 <a href="{{ forceSSL(url('frontend_site_post_detail',{ slug: article.post.slug })) }}" class="col-lg-6">
  57.                                     <div class="ac-detail-other-item d-flex flex-row">
  58.                                         <div class="image"><img loading="lazy" src="{{ article.post.image }}" alt=""></div>
  59.                                         <div class="descripton d-flex flex-column gap-1"><span class="item-title">{{ article.post.title }}</span>
  60.                                             <span class="item-content">{{ article.post.description }}</span>
  61.                                         </div>
  62.                                     </div>
  63.                                 </a>
  64.                                 {% endfor %}
  65.                             {% endfor %}
  66.                             
  67.                             </div>
  68.                         </div>
  69.                     </div>
  70.                     
  71.                     <div class="ac-detail-hot d-flex flex-lg-column flex-md-row flex-sm-column align-content-center"
  72.                          data-aos="fade-up" data-aos-delay="300">
  73.                         <div class="ac-detail-hot-container d-flex flex-column">
  74.                             <div class="ac-detail-hot-title d-flex align-content-center"><span>{{"TIN TỨC NÓNG HỔI" | trans}}</span></div>
  75.                             {% set articles = getLatestArticle(3) %}
  76.                             {% for article in articles %}
  77.                             <a href="{{ forceSSL(url('frontend_site_post_detail',{slug:article.post.slug})) }}">
  78.                                 <div class="ac-detail-hot-item d-flex flex-row">
  79.                                     <div class="image"><img loading="lazy" src="{{ article.post.image }}" alt=""></div>
  80.                                     <div class="descripton d-flex flex-column gap-1"><span class="item-title">{{ article.post.title }}</span>
  81.                                         <span class="item-content">{{ article.post.description }}</span>
  82.                                     </div>
  83.                                 </div>
  84.                             </a>
  85.                             {% endfor %}
  86.                         </div>
  87.                         
  88.                         <div class="ac-detail-hot-container d-flex flex-column">
  89.                             {% set category = post.category %}
  90.                             {% set articles = getArticleByCategory(category, 3) %}
  91.                             <div class="ac-detail-hot-title d-flex align-content-center"><span>{{ category.title | upper }}</span></div>
  92.                             {% for article in articles %}
  93.                             <a href="{{ forceSSL(url('frontend_site_post_detail',{slug:article.post.slug})) }}">
  94.                                 <div class="ac-detail-hot-item d-flex flex-row">
  95.                                     <div class="image"><img loading="lazy" src="{{ article.post.image }}" alt=""></div>
  96.                                     <div class="descripton d-flex flex-column gap-1"><span class="item-title">{{ article.post.title }}</span>
  97.                                         <span class="item-content">
  98.                                             {{ article.post.description }}
  99.                                         </span>
  100.                                     </div>
  101.                                 </div>
  102.                             </a>
  103.                             {% endfor %}
  104.                         </div>
  105.                         
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.         </section>
  110.     </main>
  111. {% endblock %}