templates/homepage/blogDetail.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ blog.name }} | Autanet.cz {% endblock %}
  5. {% block desc  %}{{ blog.description }}{% endblock %}
  8. {% block body %}
  10.     {%  if  blog.importId  %}
  11.     {%  set  imgFolder = 'artphotos/'  %}
  12.     {%  else  %}
  13.         {%  set  imgFolder = 'img-blog/'  %}
  14.     {%  endif  %}
  16.     <section class="grid">
  17.         <div>
  18.             <article class="basic-1">
  19.                 <h1 class="basic-1__title">{{ blog.name|raw }}   </h1>
  21.                 {% if blog.blogImages.first %}
  22.                 <figure class="basic-1__image">
  23.                         <img
  24.                                 src="{{ asset(imgFolder)~blog.blogImages.first.name }}"
  25.                                 {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
  26.                                     src: asset(imgFolder)~blog.blogImages.first.name
  27.                                 }) }}
  28.                                 width="500"
  29.                         >
  30.                 </figure>
  31.                 {% endif %}
  33.                 <div class="basic-1__info">
  35.                     {% if blog.mainKind %}
  36.                     <a class="basic-1__label" href="{{ path('page_blog', { urlKind: blog.mainKind.url  }) }}">{{ blog.mainKind.name }}</a>
  37.                     {% endif %}
  39.                     <div class="basic-1__date">{{ blog.createAt|date('d. m. Y') }}</div>
  42.                     <a class="button js-modal-show" href="#modal--share">
  43.                         Sdílet článek
  44.                         <i class="icon icon-forward"></i>
  45.                     </a>
  47.                 </div>
  48.                 <p class="basic-1__perex">{{ blog.description|raw }}</p>
  50.                 <div class="responsive-img-block" id="blog-text">
  51.                     {{ blog.text|setDivAd|raw }}
  52.                 </div>
  55.                 {#
  56.                     <div class="basic-1__row">
  57.                  <figure class="basic-1__photo">
  58.                      <img src="img/content/image--7.jpg" alt="" loading="lazy">
  59.                  </figure>
  60.                  <figure class="basic-1__photo">
  61.                      <img src="img/content/image--9.jpg" alt="" loading="lazy">
  62.                  </figure>
  63.              </div>
  64.                 #}
  66.  
  68.                 <div id="AdTrackGenericInterscrollerMobile"></div>
  70.                 <hr>
  72.                 {% if vehicles|length > 0 %}
  75.                 <div class="grid__results">
  76.                     <h2 class="grid__title">Nabídka vozidel na prodej</h2>
  78.                     {% if isVehicleModel  %}
  79.                         <a class="button" href="/osobni-vozidla/{{ blog.vehicleManufacturer.url }}/{{ blog.vehicleModel.url  }}">
  80.                             Zobrazit více vozidel
  81.                             <i class="icon icon-chevron-right"></i>
  82.                         </a>
  83.                     {% else %}
  84.                         <a class="button" href="/osobni-vozidla/{{ blog.vehicleManufacturer.url }}">
  85.                             Zobrazit více vozidel
  86.                             <i class="icon icon-chevron-right"></i>
  87.                         </a>
  88.                     {% endif %}
  90.                 </div>
  92.                 <div class="grid__row">
  93.                     {% for vehicle in vehicles %}
  94.                     <a class="box" href="{{ vehicle_path(vehicle) }}">
  95.                         <figure class="box__image">
  96.                             {% if vehicle.vehicleImages.first %}
  97.                             <img
  98.                                     src="{{ asset(vehicle_image_url(vehicle.vehicleImages.first)) }}"
  99.                                     alt="{{ vehicle_image_alt(vehicle.vehicleImages.first) }}"
  100.                                     {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
  101.                                         src: asset(vehicle_image_url(vehicle.vehicleImages.first))
  102.                                     }) }}
  103.                                     width="150"
  104.                             >
  105.                             {% else %}
  106.                                 <img src="{{ asset('/img/no-picture-ok.jpg') }}" alt="bez obrázku">
  107.                             {% endif %}
  108.                         </figure>
  109.                         <div class="box__text">
  110.                             <h3 class="box__title">{{ vehicle_clean_name(vehicle) }}</h3>
  111.                             <div class="box__date">
  112.                                 <div class="box__date-label">Rok výroby</div>
  113.                                 <div>{{  vehicle.madeDate|slice(0,4) }}</div>
  114.                             </div>
  115.                             <div class="box__price">
  116.                                 {{  vehicle.price|number_format(0, null, ' ') }} Kč
  117.                             </div>
  118.                         </div>
  119.                     </a>
  120.                     {% endfor %}
  122.                 </div>
  124.                 <hr>
  125.                 {% endif %}
  127.                 <div>
  130.                     {% if blog.blogImages|length > 1  %}
  132.                     <h2 class="grid__title">Fotogalerie</h2>
  136.                     <section class="gallery gallery--columns3 js-gallery">
  138.                         {% for i  in  blog.blogImages %}
  140.                             {% if  loop.first %}
  141.                                 <a class="gallery__item gallery__item--extra-large" href="{{ asset(imgFolder)~i.name    }}">
  142.                                     <img
  143.                                             src="{{ asset(imgFolder)~i.name    }}"
  144.                                             {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
  145.                                                 src: asset(imgFolder)~i.name
  146.                                             }) }}
  147.                                             width="500"
  148.                                     >
  149.                                 </a>
  150.                             {% else %}
  151.                                 <a class="gallery__item"  {% if  loop.index > 4 %} style="display: none"   {% endif %} href="{{ asset(imgFolder)~i.name    }}">
  152.                                     <img
  153.                                             src="{{ asset(imgFolder)~i.name    }}"
  154.                                             {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
  155.                                                 src: asset(imgFolder)~i.name
  156.                                             }) }}
  157.                                             width="200"
  158.                                     >
  159.                                 </a>
  160.                             {% endif %}
  162.                         {% endfor %}
  165.                         {% if   blog.blogImages|length > 4 %}
  166.                             <div class="gallery__show">
  167.                                 <i class="icon icon-camera"></i>
  168.                                 + {{  blog.blogImages|length - 4 }}
  169.                             </div>
  170.                         {% endif%}
  171.                     </section>
  172.                 </div>
  173.                 <footer class="basic-1__footer">
  174.                     <div class="basic-1__footer-heading">Autor</div>
  175.                     <div class="basic-1__name">
  176.                         <i class="icon icon-user"></i>
  177.                         {{ blog.textSource }}
  178.                     </div>
  179.                 </footer>
  182.                 {% endif  %}
  184.             </article>
  186.             <hr>
  188.             <h2 class="grid__title">Mohlo by vás zajímat</h2>
  190.             {% for b in blogOtherManufacturer  %}
  191.                 {% include 'blog/_blog.html.twig' with {  b: b} %}
  192.             {% endfor %}
  194.             <hr>
  196.             <div id="adform_squarem2"></div>
  198.             <h2 class="grid__title">Nejnovější články</h2>
  200.             {% for b in  blogNew  %}
  201.                 {% include 'blog/_blog.html.twig' with {  b: b} %}
  202.             {% endfor %}
  207.             {% if blog.mainKind %}
  210.                 <div class="grid__buttons">
  211.                     <a class="button" href="{{ path('page_blog', { urlKind: 'vsechny-clanky'  }) }}">
  212.                         Zobrazit další články
  213.                         <i class="icon icon-arrow-right"></i>
  214.                     </a>
  215.                 </div>
  217.             {% endif %}
  219.         </div>
  220.         <div>
  222.             <div id="adform_halfpage"></div>
  223.             <br>
  225.             {{ render(controller( 'App\\Controller\\BlogController::top' )) }}
  227.             <div id="banner-container" class="banner" data-autanet-partner-banner-placement="B08"></div>
  229.             {{ render(controller(
  230.     'App\\Controller\\VehicleTipController::tip',
  231.     { pageContext: 'blog_detail' }
  232. )) }}
  235.           <div id="adform_halfpage2"></div>
  237.           <div id="adform_squarem2"></div>
  239.         </div>
  240.     </section>
  243.     <div class="modal" id="modal--share">
  244.         <div class="modal__overlay js-modal-close"></div>
  245.         <article class="modal__body">
  246.             <button class="modal__close js-modal-close" type="button"></button>
  247.             <div class="modal__header">
  248.                 <h2>Sdílet inzerci</h2>
  249.             </div>
  251.             <div class="share">
  252.                 <a target="_blank"  class="share__item" href="https://www.facebook.com/sharer/sharer.php?u={{ app.request.uri }}">
  253.                     <img src="{{ asset('img/share__icon--facebook.svg') }}" alt="">
  254.                     Facebook
  255.                 </a>
  257.                 <a target="_blank"  class="share__item" href="">
  258.                     <img src="{{ asset('img/share__icon--messenger.svg') }}" alt="fb-messenger://share/?link={{ app.request.uri }}">
  259.                     Messenger
  260.                 </a>
  262.                 <a target="_blank"  class="share__item" href="whatsapp://send?text={{ app.request.uri }}">
  263.                     <img src="{{ asset('img/share__icon--whatsapp.svg') }}" alt="">
  264.                     Whatsapp
  265.                 </a>
  266.                 <a target="_blank" class="share__item" href="https://twitter.com/intent/tweet?url={{ app.request.uri }}&text={{  blog.name }}">
  267.                     <img src="{{ asset('img/share__icon--twitter.svg') }}" alt="">
  268.                     Twitter
  269.                 </a>
  270.                 <a target="_blank"  class="share__item"
  271.                    href="mailto:?subject={{  blog.name }}&amp;body=Podívej se na {{ app.request.uri }}">
  272.                     <img src="{{ asset('img/share__icon--envelope.svg') }}" alt="">
  273.                     E-mail
  274.                 </a>
  277.             </div>
  278.             <footer class="modal__footer">
  279.                 <button class="modal__link js-modal-close" type="button">zavřít okno</button>
  280.             </footer>
  281.         </article>
  282.     </div>
  284.     <!-- The Gallery as lightbox dialog, should be a document body child element -->
  285.     <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" aria-label="image gallery"
  286.          aria-modal="true" role="dialog">
  287.         <div class="slides" aria-live="polite"></div>
  288.         <a class="prev" aria-controls="blueimp-gallery" aria-label="previous slide" aria-keyshortcuts="ArrowLeft"></a>
  289.         <a class="next" aria-controls="blueimp-gallery" aria-label="next slide" aria-keyshortcuts="ArrowRight"></a>
  290.         <a class="close" aria-controls="blueimp-gallery" aria-label="close" aria-keyshortcuts="Escape"></a>
  291.     </div>
  293. {% endblock %}