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"
  96.                         {% if vehicle.model %}
  97.                             <a href="{{ path('page_vehicle_detail', {   urlManufacturer: vehicle.manufacturer.url, urlModel: vehicle.model.url, id: vehicle.id   }) }}"
  98.                         {% else %}
  99.                             <a href="{{ path('page_vehicle_detail', {   urlManufacturer: vehicle.manufacturer.url,   id: vehicle.id   }) }}"
  100.                         {% endif %}  >
  101.                         <figure class="box__image">
  102.                             {% if vehicle.vehicleImages.first %}
  103.                             <img
  104.                                     src="{{ asset(vehicle_image_url(vehicle.vehicleImages.first)) }}"
  105.                                     alt="{{ vehicle_image_alt(vehicle.vehicleImages.first) }}"
  106.                                     {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
  107.                                         src: asset(vehicle_image_url(vehicle.vehicleImages.first))
  108.                                     }) }}
  109.                                     width="150"
  110.                             >
  111.                             {% else %}
  112.                                 <img src="{{ asset('/img/no-picture-ok.jpg') }}" alt="bez obrázku">
  113.                             {% endif %}
  114.                         </figure>
  115.                         <div class="box__text">
  116.                             <h3 class="box__title">{{  vehicle.manufacturer.name }} {{  vehicle.model.name }}  {{  vehicle.type }} </h3>
  117.                             <div class="box__date">
  118.                                 <div class="box__date-label">Rok výroby</div>
  119.                                 <div>{{  vehicle.madeDate|slice(0,4) }}</div>
  120.                             </div>
  121.                             <div class="box__price">
  122.                                 {{  vehicle.price|number_format(0, null, ' ') }} Kč
  123.                             </div>
  124.                         </div>
  125.                     </a>
  126.                     {% endfor %}
  128.                 </div>
  130.                 <hr>
  131.                 {% endif %}
  133.                 <div>
  136.                     {% if blog.blogImages|length > 1  %}
  138.                     <h2 class="grid__title">Fotogalerie</h2>
  142.                     <section class="gallery gallery--columns3 js-gallery">
  144.                         {% for i  in  blog.blogImages %}
  146.                             {% if  loop.first %}
  147.                                 <a class="gallery__item gallery__item--extra-large" href="{{ asset(imgFolder)~i.name    }}">
  148.                                     <img
  149.                                             src="{{ asset(imgFolder)~i.name    }}"
  150.                                             {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
  151.                                                 src: asset(imgFolder)~i.name
  152.                                             }) }}
  153.                                             width="500"
  154.                                     >
  155.                                 </a>
  156.                             {% else %}
  157.                                 <a class="gallery__item"  {% if  loop.index > 4 %} style="display: none"   {% endif %} href="{{ asset(imgFolder)~i.name    }}">
  158.                                     <img
  159.                                             src="{{ asset(imgFolder)~i.name    }}"
  160.                                             {{ stimulus_controller('symfony/ux-lazy-image/lazy-image', {
  161.                                                 src: asset(imgFolder)~i.name
  162.                                             }) }}
  163.                                             width="200"
  164.                                     >
  165.                                 </a>
  166.                             {% endif %}
  168.                         {% endfor %}
  171.                         {% if   blog.blogImages|length > 4 %}
  172.                             <div class="gallery__show">
  173.                                 <i class="icon icon-camera"></i>
  174.                                 + {{  blog.blogImages|length - 4 }}
  175.                             </div>
  176.                         {% endif%}
  177.                     </section>
  178.                 </div>
  179.                 <footer class="basic-1__footer">
  180.                     <div class="basic-1__footer-heading">Autor</div>
  181.                     <div class="basic-1__name">
  182.                         <i class="icon icon-user"></i>
  183.                         {{ blog.textSource }}
  184.                     </div>
  185.                 </footer>
  188.                 {% endif  %}
  190.             </article>
  192.             <hr>
  194.             <h2 class="grid__title">Mohlo by vás zajímat</h2>
  196.             {% for b in blogOtherManufacturer  %}
  197.                 {% include 'blog/_blog.html.twig' with {  b: b} %}
  198.             {% endfor %}
  200.             <hr>
  202.             <div id="adform_squarem2"></div>
  204.             <h2 class="grid__title">Nejnovější články</h2>
  206.             {% for b in  blogNew  %}
  207.                 {% include 'blog/_blog.html.twig' with {  b: b} %}
  208.             {% endfor %}
  213.             {% if blog.mainKind %}
  216.                 <div class="grid__buttons">
  217.                     <a class="button" href="{{ path('page_blog', { urlKind: 'vsechny-clanky'  }) }}">
  218.                         Zobrazit další články
  219.                         <i class="icon icon-arrow-right"></i>
  220.                     </a>
  221.                 </div>
  223.             {% endif %}
  225.         </div>
  226.         <div>
  228.             <div id="adform_halfpage"></div>
  229.             <br>
  231.             {{ render(controller( 'App\\Controller\\BlogController::top' )) }}
  233.             <div id="banner-container" class="banner"></div>
  235.             {{ render(controller( 'App\\Controller\\VehicleTipController::tip' )) }}
  238.           <div id="adform_halfpage2"></div>
  240.           <div id="adform_squarem2"></div>
  242.         </div>
  243.     </section>
  246.     <div class="modal" id="modal--share">
  247.         <div class="modal__overlay js-modal-close"></div>
  248.         <article class="modal__body">
  249.             <button class="modal__close js-modal-close" type="button"></button>
  250.             <div class="modal__header">
  251.                 <h2>Sdílet inzerci</h2>
  252.             </div>
  254.             <div class="share">
  255.                 <a target="_blank"  class="share__item" href="https://www.facebook.com/sharer/sharer.php?u={{ app.request.uri }}">
  256.                     <img src="{{ asset('img/share__icon--facebook.svg') }}" alt="">
  257.                     Facebook
  258.                 </a>
  260.                 <a target="_blank"  class="share__item" href="">
  261.                     <img src="{{ asset('img/share__icon--messenger.svg') }}" alt="fb-messenger://share/?link={{ app.request.uri }}">
  262.                     Messenger
  263.                 </a>
  265.                 <a target="_blank"  class="share__item" href="whatsapp://send?text={{ app.request.uri }}">
  266.                     <img src="{{ asset('img/share__icon--whatsapp.svg') }}" alt="">
  267.                     Whatsapp
  268.                 </a>
  269.                 <a target="_blank" class="share__item" href="https://twitter.com/intent/tweet?url={{ app.request.uri }}&text={{  blog.name }}">
  270.                     <img src="{{ asset('img/share__icon--twitter.svg') }}" alt="">
  271.                     Twitter
  272.                 </a>
  273.                 <a target="_blank"  class="share__item"
  274.                    href="mailto:?subject={{  blog.name }}&amp;body=Podívej se na {{ app.request.uri }}">
  275.                     <img src="{{ asset('img/share__icon--envelope.svg') }}" alt="">
  276.                     E-mail
  277.                 </a>
  280.             </div>
  281.             <footer class="modal__footer">
  282.                 <button class="modal__link js-modal-close" type="button">zavřít okno</button>
  283.             </footer>
  284.         </article>
  285.     </div>
  287.     <!-- The Gallery as lightbox dialog, should be a document body child element -->
  288.     <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" aria-label="image gallery"
  289.          aria-modal="true" role="dialog">
  290.         <div class="slides" aria-live="polite"></div>
  291.         <a class="prev" aria-controls="blueimp-gallery" aria-label="previous slide" aria-keyshortcuts="ArrowLeft"></a>
  292.         <a class="next" aria-controls="blueimp-gallery" aria-label="next slide" aria-keyshortcuts="ArrowRight"></a>
  293.         <a class="close" aria-controls="blueimp-gallery" aria-label="close" aria-keyshortcuts="Escape"></a>
  294.     </div>
  296. {% endblock %}