templates/speaker/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Консультации наставника (бизнес тренера): {{ speaker.categories|join(', ') }} - {{ speaker }}{% endblock %}
  4. {% block description %}Онлайн консультации от наставника {{ speaker }} по {{ speaker.categories|join(', ') }}. Записывайтесь сегодня.{% endblock %}
  6. {% block meta_preview %}
  7.     <meta property="og:type" content="website">
  8.     <meta property="og:title" content="{{ block('title') }}">
  9.     <meta property="og:description" content="{{ speaker.shortDescription }}">
  10.     <meta property="og:url" content="{{ base_path() ~ '/speakers/' ~ speaker.uri }}">
  11.     <meta property="og:image"
  12.           content="{{ asset(constant('App\\Config\\AssetConfig::IMAGE_BASE_PATH') ~ speaker.photoAvatar)|imagine_filter('speaker_normal') }}">
  13.     <meta property="og:width" content="{{ 355 }}">
  14.     <meta property="og:height" content="{{ 630 }}">
  15. {% endblock %}
  17. {% block body_attr %} class="light_gray head_mar0"{% endblock %}
  19. {% macro stars(rating) %}
  20.     <div class="star">
  21.         {% for star in [1,2,3,4,5] %}
  22.             <i class="{{ rating >= star ? 'fas' : 'far' }} fa-star"></i>
  23.         {% endfor %}
  24.     </div>
  25. {% endmacro %}
  27. {% import '_common/macro_price.html.twig' as mprice %}
  29. {% block body %}
  30.     <div class="speaker_promo_wrapper">
  31.         <div class="speaker_promo_info">
  32.             <div class="">
  33.                 <div class="breadcrumb">
  34.                     <a href="{{ path('speaker.list') }}">{{ 'menu.speakers'|trans }}</a>
  35.                     <i class="fas fa-chevron-right"></i>
  36.                     {% if category %}
  37.                         <a href="{{ path('speaker.list', {'category': category.id}) }}">{{ category }}</a>
  38.                         <i class="fas fa-chevron-right"></i>
  39.                     {% endif %}
  40.                     <span>{{ speaker }}</span>
  41.                 </div>
  42.                 <p class='speaker__type'>
  43.                     <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
  44.                         <path d="M10.1564 7.6002C10.0754 7.6002 9.99699 7.58722 9.92123 7.56127C9.84547 7.53532 9.77798 7.49395 9.71875 7.43716C8.81001 6.62217 8.03595 5.8449 7.39656 5.10536C6.75719 4.36581 6.4375 3.66957 6.4375 3.01664C6.4375 2.46142 6.62716 1.99432 7.00648 1.61534C7.38581 1.23636 7.85452 1.04688 8.41261 1.04688C8.71906 1.04688 9.02531 1.13032 9.33136 1.2972C9.6374 1.4641 9.9127 1.68965 10.1573 1.97384C10.4018 1.68965 10.6771 1.4641 10.9832 1.2972C11.2892 1.13032 11.5955 1.04688 11.9019 1.04688C12.4597 1.04688 12.929 1.23636 13.3097 1.61534C13.6904 1.99432 13.8808 2.46142 13.8808 3.01664C13.8808 3.66957 13.5611 4.36581 12.9217 5.10536C12.2823 5.8449 11.5086 6.62217 10.6004 7.43716C10.5403 7.49422 10.4719 7.53566 10.3952 7.56148C10.3185 7.5873 10.2389 7.6002 10.1564 7.6002ZM10.1591 6.40862C10.8429 5.7886 11.4629 5.17418 12.0192 4.56536C12.5755 3.95654 12.8536 3.4403 12.8536 3.01664C12.8536 2.73845 12.766 2.51119 12.5907 2.33484C12.4155 2.15849 12.1866 2.07031 11.904 2.07031C11.7341 2.07031 11.5644 2.11135 11.395 2.19344C11.2257 2.27553 11.0537 2.42867 10.8791 2.65284L10.1573 3.53464L9.4392 2.65284C9.26461 2.42867 9.09262 2.27553 8.92323 2.19344C8.75385 2.11135 8.58269 2.07031 8.40975 2.07031C8.1316 2.07031 7.90393 2.15849 7.72673 2.33484C7.54954 2.51119 7.46094 2.73823 7.46094 3.01597C7.46094 3.43603 7.7397 3.95148 8.29722 4.56233C8.85474 5.17317 9.47538 5.7886 10.1591 6.40862ZM8.74016 13.0999L12.6152 11.8811C12.5527 11.7978 12.4735 11.691 12.3778 11.5608C12.282 11.4306 12.1736 11.3655 12.0527 11.3655H8.304C8.29811 11.3655 8.21308 11.3577 8.04891 11.342C7.88474 11.3264 7.72453 11.2822 7.56828 11.2095L6.53703 10.8976C6.41203 10.8586 6.31828 10.7763 6.25578 10.6508C6.19328 10.5254 6.18287 10.3999 6.22453 10.2744C6.2662 10.1498 6.34577 10.0569 6.46323 9.99583C6.58071 9.93476 6.70427 9.92901 6.83391 9.97859L8.32066 10.4705C8.28985 10.468 8.35728 10.4609 8.52292 10.4492C8.68858 10.4376 8.93216 10.4305 9.25366 10.428H9.39641C9.39641 10.2986 9.37297 10.1751 9.32609 10.0575C9.27922 9.93992 9.19849 9.85507 9.08391 9.80298L5.25578 8.34986H3.98438V11.7048L8.74016 13.0999ZM8.49966 14.069L3.98438 12.7789C3.9461 13.0601 3.81086 13.2764 3.57864 13.4277C3.34641 13.5789 3.12681 13.6545 2.91983 13.6545H1.5625C1.26975 13.6545 1.01914 13.5503 0.810672 13.3418C0.602193 13.1332 0.497953 12.8814 0.497953 12.5863V8.3947C0.497953 8.10092 0.602193 7.84943 0.810672 7.64023C1.01914 7.43103 1.26975 7.32642 1.5625 7.32642H5.23267C5.2957 7.32642 5.35874 7.33225 5.42177 7.34392C5.48479 7.35558 5.54608 7.37307 5.60564 7.39641L9.42255 8.83391C9.72124 8.94305 9.97192 9.12166 10.1746 9.36973C10.3773 9.61781 10.4786 9.97056 10.4786 10.428H12.1777C12.638 10.428 13.022 10.5799 13.3296 10.8837C13.6373 11.1874 13.7911 11.6137 13.7911 12.1624C13.7911 12.2994 13.7594 12.4196 13.6962 12.5231C13.6329 12.6266 13.5365 12.7004 13.4069 12.7446L9.10564 14.069C9.00807 14.0948 8.90662 14.1077 8.80131 14.1077C8.696 14.1077 8.59545 14.0948 8.49966 14.069ZM1.52139 12.6311H2.94531V8.34986H1.52141V12.6311H1.52139Z" fill="white"/>
  45.                     </svg>
  46.                     Благотворительный деятель
  47.                 </p>
  48.                 <h1>{{ speaker }}</h1>
  50.                 <div class="tags">
  51.                     {% for item in speaker.categories %}
  52.                         <span class="tag">{{ item }}</span>
  53.                     {% endfor %}
  54.                 </div>
  56.                 <div class="review_info">
  57.                     <strong>{{ speaker.rating|number_format(1) }}</strong>
  58.                     {{ _self.stars(speaker.rating) }}
  59.                     <span>{{ 'plural.reviews'|trans({'reviews': speaker.ratingVote}) }}</span>
  60.                 </div>
  63.                 {% if speaker.charities|length %}
  64.                     <div class="charities">
  65.                         <strong>Фонды, которым спикер помогал:</strong>
  66.                         <ul>
  67.                             {% for speakerCharity in speaker.charities %}
  68.                                 {% if  speakerCharity.getCharity().enabled %}
  69.                                     <li>{{ speakerCharity.getCharity().name }}</li>
  70.                                 {% endif %}
  71.                             {% endfor %}
  72.                         </ul>
  73.                     </div>
  74.                 {% endif %}
  77.                 <div class="promo_btn">
  78.                     <strong>{{ 'title.nearest_consultation'|trans }}</strong>
  79.                     <a href="#timeslots_order_form" class="btn btn_big exist_timeslots"
  80.                        data-template_txt="{{ 'btn.speaker_timeslot_book_for'|trans }}"
  81.                        id="btn_book_for" style="display: none">{{ 'btn.speaker_timeslot_book_for'|trans }}</a>
  82.                     <a href="#timeslots_order_form" class="btn btn_big border_btn_nr exist_timeslots"
  83.                        style="display: none"><i>{{ 'btn.choose_other_date'|trans }}</i></a>
  84.                     <a href="#"
  85.                        class="btn btn_big border_btn_nr no_timeslots">{{ 'label.speaker_timeslots_not_found'|trans }}</a>
  87.                     <a class='btn btn_big no_timeslots_request_consultation' style="display: none" href="{{ path('speaker.request-consultation', {'uri': speaker.uri}) }}">
  88.                         <span>Запросить консультацию</span>
  89.                     </a>
  91.                     <div class="btn_wrapper">
  92.                         {% if app.user %}
  93.                             {#                            <a href="{{ path('speaker.subscribe', {'speaker': speaker.id}) }}" id="subscribe_to_speaker" #}
  94.                             {#                               class="btn btn_light btn_outline_secondary btn_mid2 {{ app.user.subscribedToSpeakers.contains(speaker) ? ' btn_active' : '' }}">{{ 'btn.subscribe_to_speaker'|trans }}</a> #}
  95.                         {% endif %}
  96.                     </div>
  97.                 </div>
  98.                 <span class="sub_txt">{{ speaker.shortDescription }}</span>
  100.             </div>
  101.         </div>
  102.         <div class="speaker_promo"
  103.              style="{{ speaker.user.avatar ? 'background-image: url(\'' ~ asset(constant('App\\Config\\AssetConfig::IMAGE_BASE_PATH') ~ speaker.user.avatar)|imagine_filter('speaker_background') ~ '\')' : 'background-color: #f5f5fa' }}">
  104.             {% if speaker.promoVideo %}
  105.                 <a href="{{ asset(constant('App\\Config\\AssetConfig::VIDEO_BASE_PATH') ~ speaker.promoVideo) }}"
  106.                    data-fancybox class="play_video"><i class="fas fa-play"></i></a>
  107.             {% endif %}
  108.             {% if app.user is not null and speaker == app.user.speaker %}
  109.                 <a href="{{ path('cabinet.speaker_page.index') }}" class="btn btn_mid btn_outline"><i
  110.                             class="fas fa-edit"></i>{{ 'btn.editing_mode'|trans }}</a>
  111.             {% endif %}
  112.         </div>
  113.     </div>
  114.     <div class="desc_speaker">
  115.         <div class="max_wrap">
  116.             <div class="content_col">
  117.                 {# <p class='content_col__title'>
  118.                     Что я могу вам предложить
  119.                 </p>
  120.                 {{ speaker.description|raw }} #}
  121.                 {{ include('_common/speaker_order_form.html.twig', {'speaker': speaker, 'form': orderForm, 'promoVal': promoVal}) }}
  122.             </div>
  123.             <div class="info_col">
  124.                 <div class="soc_links">
  125.                     <ul>
  126.                         {% set iconMapping = {
  127.                             1: 'fab fa-telegram',
  128.                             2: 'fab fa-odnoklassniki-square',
  129.                             3: 'fab fa-vk',
  130.                             4: 'fas fa-globe',
  131.                         } %}
  132.                         {% for link in speaker.speakerLinks %}
  133.                             {% if link.url is not empty %}
  134.                                 <li><a href="{{ link.url }}"><i
  135.                                                 class="{{ iconMapping[link.type] ?? 'fas fa-globe' }}"></i> {{ link.url|replace({'http://': '', 'https://': ''}) }}
  136.                                     </a></li>
  137.                             {% endif %}
  138.                         {% endfor %}
  139.                     </ul>
  140.                 </div>
  141.                 {# <div class="charity_info">
  142.                     <h3 class="title min_title"><span>{{ 'title.charity'|trans }}</span></h3>
  143.                     <p>{{ 'label.charity_text_2'|trans }}</p>
  144.                     <div class="desaturated_img">
  145.                         {% for fond in speaker.charities %}
  146.                             {% if fond.amount > 0 %}
  147.                                 <img alt="{{ fond.charity }}"
  148.                                      src="{{ asset(constant('App\\Config\\AssetConfig::IMAGE_BASE_PATH') ~ fond.charity.image)|imagine_filter('charity_normal') }}"/>
  149.                             {% endif %}
  150.                         {% endfor %}
  151.                     </div>
  152.                 </div> #}
  153.             </div>
  154.         </div>
  155.     </div>
  156.     {% if courses is not empty %}
  157.         <div class="video_slider">
  158.             <div class="max_wrap">
  159.                 <h2 class="title"><span>{{ 'title.speaker_video_courses'|trans }}</span></h2>
  160.             </div>
  161.             <div class="slider_wrapper">
  162.                 <div class="slider_videos">
  163.                     {% for course in courses %}
  164.                         <div class="card_video">
  165.                             <div class="video_overlay">
  166.                                 <img alt=""
  167.                                      src="{{ asset(constant('App\\Config\\AssetConfig::IMAGE_BASE_PATH') ~ course.thumbnail)|imagine_filter('video_course_normal') }}"/>
  168.                                 {% if course.video and app.user and app.user.courses.contains(course) %}
  169.                                     <a href="{{ asset(constant('App\\Config\\AssetConfig::VIDEO_BASE_PATH') ~ course.video) }}"
  170.                                        class="playpause" data-fancybox><i class="fas fa-play"></i></a>
  171.                                 {% else %}
  172.                                     {% if course.price > 0 %}
  173.                                         <div class="buy_wrapper">
  174.                                             <a href="{{ path('cart.add_course', {'course': course.id}) }}"
  175.                                                class="buy_now">
  176.                                                 {{ 'btn.buy'|trans }}
  177.                                                 <span>{{ mprice.formatedPrice(course.price) }}</span>
  178.                                             </a>
  179.                                             <a href="{{ path('cart.add_course', {'course': course.id}) }}"
  180.                                                class="buy_btn"></a>
  181.                                         </div>
  182.                                     {% endif %}
  183.                                 {% endif %}
  184.                             </div>
  185.                             <strong class="name_course">{{ course.name }}</strong>
  186.                             <div class="tags dark_tags">
  187.                                 {% for item in course.categories %}
  188.                                     <span class="tag">{{ item }}</span>
  189.                                 {% endfor %}
  190.                             </div>
  191.                             <p>{{ course.shortDescription }}</p>
  192.                         </div>
  193.                     {% endfor %}
  194.                 </div>
  195.             </div>
  196.         </div>
  197.     {% endif %}
  198.     {% if speaker.reviews is not empty %}
  199.         <div class="reviews_slider">
  200.             <div class="max_wrap">
  201.                 <h2 class="title min_title"><span>{{ 'title.reviews'|trans }}</span></h2>
  202.                 <div class="review_info">
  203.                     <strong>{{ speaker.rating|number_format(1) }}</strong>
  204.                     {{ _self.stars(speaker.rating) }}
  205.                     <span>{{ 'plural.reviews'|trans({'reviews': speaker.ratingVote}) }}</span>
  206.                 </div>
  207.             </div>
  208.             <div class="slider_wrapper">
  209.                 <div class="slider_reviews">
  210.                     {% for review in reviews %}
  211.                         <div class="card_reviews">
  212.                             <strong class="review_name">{{ review.user }}</strong>
  213.                             <div class="rating">
  214.                                 {{ _self.stars(review.rating) }}
  215.                                 <span class="date">{{ review.date|format_datetime('short', 'none') }}</span>
  216.                             </div>
  217.                             {% if review.text|length > 255 %}
  218.                                 <p>{{ review.text|slice(0, 255) }} <a href="#" class="review_more"
  219.                                                                       data-text="{{ review.text|slice(64)|e }}">{{ 'btn.more'|trans }}</a>
  220.                                 </p>
  221.                             {% else %}
  222.                                 <p>{{ review.text }}</p>
  223.                             {% endif %}
  224.                         </div>
  225.                     {% endfor %}
  226.                 </div>
  227.             </div>
  228.         </div>
  229.     {% endif %}
  230.     {# <div class="speaker_slider light_bg">
  231.         {{ include('_common/popular_speakers_block.html.twig') }}
  232.         {{ include('_common/newsletter_block.html.twig') }}
  233.     </div> #}
  234. {% endblock %}
  236. {% block stylesheets %}
  237.     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  238.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datepicker/1.0.10/datepicker.min.css"
  239.           integrity="sha512-YdYyWQf8AS4WSB0WWdc3FbQ3Ypdm0QCWD2k4hgfqbQbRCJBEgX0iAegkl2S1Evma5ImaVXLBeUkIlP6hQ1eYKQ=="
  240.           crossorigin="anonymous" referrerpolicy="no-referrer"/>
  241.     {{ parent() }}
  242.     {{ encore_entry_link_tags('speaker-detail') }}
  243. {% endblock %}
  245. {% block javascripts %}
  246.     {{ parent() }}
  247.     <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  248.     <script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/1.0.10/datepicker.min.js"
  249.             integrity="sha512-RCgrAvvoLpP7KVgTkTctrUdv7C6t7Un3p1iaoPr1++3pybCyCsCZZN7QEHMZTcJTmcJ7jzexTO+eFpHk4OCFAg=="
  250.             crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  251.     <script src="https://cdnjs.cloudflare.com/ajax/libs/datepicker/1.0.10/i18n/datepicker.ru-RU.min.js"
  252.             integrity="sha512-kp29ggt/JOVnRNWjOUJJmKEgtlJdGgsPAOlMt+jCV7pxPq7mwtZewf49Axl1RHFN5DNJ1qzocWtT4A7uWqFjwQ=="
  253.             crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  254.     {{ encore_entry_script_tags('speaker-detail') }}
  255. {% endblock %}