templates/pages/vacancy_detail_layout_base.html.twig line 9

Open in your IDE?
  1. {% if actionWhatsappHref is not defined %}
  2.     {% set actionWhatsappHref = getShareOnWhatsAppUrl(
  3.         "Vacancy"|trans ~ " '" ~ vacancy.title|trim(side='right') ~ "': " ~
  4.         absolute_url(path('vacancy_detail', {'id' : vacancy.id, 'slug' : vacancy.slug})),
  5.         is_mobile()
  6.     ) %}
  7. {% endif %}
  9. {% block content %}
  10.     {% block vacancy_modal %}
  11.         {% if vacancy.externalUrl is empty %}
  12.             <!-- Modal -->
  13.             {{ render(controller(
  14.                 'App\\Controller\\Page\\ApplicantController::formModalAction',
  15.                 { 'id': vacancy.id }
  16.             )) }}
  17.         {% endif %}
  18.     {% endblock %}
  20.     {% block vacancy_header_fixed %}
  21.         <header data-component="MenuMobile,Favorite"
  22.                 data-vacancy-id="{{ vacancy.id }}"
  23.                 class="vacancy-header-top fixed-top">
  24.             <div class="flex-container">
  25.                 <h2>{% if vacancy.options.functie is defined %}{{ vacancy.options.functie|first.value }}{% else %}{{ vacancy.title|raw }}{% endif %}</h2>
  26.                 <div class="button-set h-align h-align-right">
  27.                     {% if vacancy.published %}
  28.                         {% if feature('feature_vacancy_save_as_favorite') %}
  29.                             <span class="d-none" data-is-favorited="true">
  30.                             <i class="fal fa-times icon-before"></i>
  31.                             {{ 'Remove'|trans }}
  32.                         </span>
  33.                             <span class="d-none" data-is-favorited="false">
  34.                             <i class="fal fa-star icon-before"></i>
  35.                             {{ 'Save'|trans }}
  36.                         </span>
  37.                             <a href="javascript:void(0)" title="{{ 'Save as favorite'|trans }}"
  38.                                class="is-btn is-btn_add-to-favorites is-btn-outlined-primary favorite-add favorite-vacancy">
  39.                             </a>
  40.                         {% endif %}
  41.                         {% if vacancy.externalUrl %}
  42.                             <a target="_blank" href="{{ vacancy.externalUrl }}"
  43.                                title="{{ 'Apply'|trans }}"
  44.                                data-component="ExternalApplication"
  45.                                data-vacancy-id="{{ vacancy.id }}"
  46.                                class="is-btn is-background-color-accent">
  47.                                 <i class="fal fa-pencil icon-before"></i>
  48.                                 {{ 'Apply'|trans }}
  49.                             </a>
  50.                         {% else %}
  51.                             <a href="{{ path('vacancy_apply', {'id': vacancy.id }) }}"
  52.                                title="{{ 'Apply'|trans }}"
  53.                                data-vacancy-id="{{ vacancy.id }}"
  54.                                class="is-btn apply-btn {% if not is_mobile() %} apply-btn_modal{% endif %}"
  55.                                {% if not is_mobile() %}data-toggle="modal"
  56.                                data-target="#vacancyApplyModal"{% endif %}>
  57.                                 <i class="fal fa-pencil icon-before"></i>
  58.                                 {{ 'Apply'|trans }}
  59.                             </a>
  60.                         {% endif %}
  61.                     {% endif %}
  62.                 </div>
  63.             </div>
  64.         </header>
  65.     {% endblock vacancy_header_fixed %}
  67.     <!-- vacancy view -->
  68.     {% block vacancy_page_data %}
  69.         <div data-component="Vacancy,Favorite,Apply,CustomHeader"
  70.         data-vacancy-id="{{ vacancy.id }}"{% if vacancy.company.heroName is defined and vacancy.company.heroName is not empty %}
  71.         data-custom-header="{{ media_asset(vacancy.company.hero) }}"{% endif %}>{% endblock %}
  72.     {% block vacancy_hero %}{% endblock vacancy_hero %}
  73.     {% block vacancy_page %}
  74.         <div class="{{ config_setting('site_vacancy_vacancy_detail_is_wrapper') ? 'is-wrapper' : '' }} page page_vacancy-detail_layout_base">
  75.             <div class="row">
  76.                 <div class="col-12">
  77.                     {% block vacancy_header %}
  78.                         <div class="card vacancy-header is-box-shadow-0 animation-element fadeup-element is-overflow-visible">
  79.                             <div class="vacancy-intro">
  80.                                 <div class="card-body">
  81.                                     {% if vacancy.site != current_site() %}
  82.                                         <div class="row">
  83.                                             <div class="col-12">
  84.                                                 {% block vacancy_multisite_notification %}
  85.                                                     <div class="alert alert-success is-margin-bottom-30 is-padding-15">
  86.                                                         Deze vacature staat origineel op
  87.                                                         <a class="is-margin-top-0 is-color-black" target="_blank"
  88.                                                            href="{{ site_url('vacancy_detail', vacancy.site, {'id': vacancy.id, 'slug': vacancy.slug}) }}">
  89.                                                             {{ vacancy.site }}
  90.                                                         </a>.
  91.                                                     </div>
  92.                                                 {% endblock %}
  93.                                             </div>
  94.                                         </div>
  95.                                     {% endif %}
  96.                                     <div class="row">
  97.                                         {% block vacancy_company_logo %}
  98.                                             {% if vacancy.company.logo is defined and vacancy.company.logo %}
  99.                                                 <div class="col-12 col-md-2">
  100.                                                     <figure class="logo logo-left">
  101.                                                         <a href="{{ getCompanyDetailPath(vacancy.company) }}"
  102.                                                            title="{{ 'View company page'|trans }}">
  103.                                                             <img loading="lazy" src="{{ media_asset(vacancy.company.logo) }}"
  104.                                                                  alt="{{ vacancy.company.name }}">
  105.                                                         </a>
  106.                                                     </figure>
  107.                                                 </div>
  108.                                             {% endif %}
  109.                                         {% endblock vacancy_company_logo %}
  110.                                         <div class="col-12 col-md-10">
  111.                                             {% block vacancy_block_title %}
  112.                                                 <div class="vacancy-title">
  113.                                                     <h1>{{ vacancy.title|raw }}</h1>
  114.                                                 </div>
  115.                                                 <div class="vacancy-options">
  116.                                                     <ul>
  117.                                                         {% block vacancy_options_top %}
  118.                                                             {% for optionValue in vacancy.optionValues if optionValue.option.visibleInDetail %}
  119.                                                                 <li>
  120.                                                                     <i class="{{ optionValue.option.fontAwesomeIcon }}"></i>{{ optionValue.value }}
  121.                                                                 </li>
  122.                                                             {% endfor %}
  123.                                                         {% endblock %}
  124.                                                         {% block custom_salary_li %}
  125.                                                             {% if feature('feature_vacancy_custom_salary') and vacancy.customSalary %}
  126.                                                                 <li>
  127.                                                                     <i class="far fa-euro-sign"></i> {{ vacancy.customSalary }}
  128.                                                                 </li>
  129.                                                             {% endif %}
  130.                                                         {% endblock %}
  131.                                                         {% if not feature('feature_vacancy_custom_salary') and config_setting('site_vacancy_salary_visible_on_detail') %}
  132.                                                             <li>
  133.                                                                 <i class="far fa-euro-sign"></i> {{ vacancy.salary|money_localized_format }}
  134.                                                             </li>
  135.                                                         {% endif %}
  136.                                                         {% if config_setting('site_vacancy_city_visible_on_detail') or config_setting('site_vacancy_address_visible_on_detail') %}
  137.                                                             <li>
  138.                                                                 {% if config_setting('site_vacancy_city_on_detail_icon') %}
  139.                                                                     <i class="{{ config_setting('site_vacancy_city_on_detail_icon') }}"></i>
  140.                                                                 {% else %}
  141.                                                                     <i class="fal fa-map-marker-alt"></i>
  142.                                                                 {% endif %}
  143.                                                                 {% if config_setting('site_vacancy_address_visible_on_detail') %}
  144.                                                                     {{ vacancy.address }}
  145.                                                                 {% elseif config_setting('site_vacancy_city_visible_on_detail') %}
  146.                                                                     {{ vacancy.city }}
  147.                                                                 {% endif %}
  148.                                                                 {% block vacancy_map_modal %}
  149.                                                                     <span class="option-sub">
  150.                                                                             <a title="{{ 'Show on map'|trans }}"
  151.                                                                                data-component="MapModal"
  152.                                                                                data-lat="{{ vacancy.latitude }}"
  153.                                                                                data-long="{{ vacancy.longitude }}"
  154.                                                                                data-zoom="9">
  155.                                                                                 ( <i class="far fa-fw fa-map"></i>
  156.                                                                                 {{ 'Show on map'|trans }})
  157.                                                                             </a>
  158.                                                                         </span>
  159.                                                                 {% endblock vacancy_map_modal %}
  160.                                                             </li>
  161.                                                         {% endif %}
  162.                                                     </ul>
  163.                                                 </div>
  164.                                                 {% if vacancy.published %}
  165.                                                     <div class="vacancy-actions">
  166.                                                         {% block vacancy_actions %}
  167.                                                         {% if vacancy.externalUrl %}
  168.                                                             <a target="_blank" href="{{ vacancy.externalUrl }}"
  169.                                                                title="{{ 'Apply to vacancy'|trans }}"
  170.                                                                data-component="ExternalApplication"
  171.                                                                data-vacancy-id="{{ vacancy.id }}"
  172.                                                                class="is-btn is-background-color-accent"
  173.                                                                data-settings='{"class": "buttonProps"}'>
  174.                                                                 <i class="fal fa-pencil icon-before"></i>
  175.                                                                 {{ 'Apply'|trans }}
  176.                                                             </a>
  177.                                                         {% else %}
  178.                                                             <a href="{{ path('vacancy_apply', {'id': vacancy.id }) }}"
  179.                                                                title="{{ 'Apply to vacancy'|trans }}"
  180.                                                                data-vacancy-id="{{ vacancy.id }}"
  181.                                                                class="is-btn apply-btn {% if not is_mobile() %} apply-btn_modal{% endif %}"
  182.                                                                data-settings='{"class": "buttonProps"}'>
  183.                                                                 <i class="fal fa-pencil icon-before"></i>
  184.                                                                 {{ 'Apply'|trans }}
  185.                                                             </a>
  186.                                                         {% endif %}
  187.                                                         {% endblock vacancy_actions %}
  188.                                                         {% if feature('feature_vacancy_save_as_favorite') %}
  189.                                                             <div class="widget widget--favorite">
  190.                                                                 <span class="d-none" data-is-favorited="true">
  191.                                                                 <i class="far fa-times icon-before"></i>
  192.                                                                     {{ 'Remove'|trans }}
  193.                                                                 <span class="d-none d-md-block">&nbsp;{{ 'as favorite'|trans }}</span>
  194.                                                                 </span>
  195.                                                                 <span class="d-none" data-is-favorited="false">
  196.                                                                     <i class="far fa-star icon-before"></i>
  197.                                                                     {{ 'Save as favorite'|trans }}
  198.                                                                 </span>
  199.                                                                 <a href="javascript:void(0)"
  200.                                                                    class="favorite-add favorite-vacancy">
  201.                                                                 </a>
  202.                                                             </div>
  203.                                                         {% endif %}
  204.                                                         {% if config_setting('site_vacancy_share_on') is not empty %}
  205.                                                             {% block vacancy_actions_share %}
  206.                                                                 <div class="widget widget--share dropdown show">
  207.                                                                     <a class="dropdown-toggle" role="button"
  208.                                                                        id="dropdownMenuLink"
  209.                                                                        data-toggle="dropdown" aria-haspopup="true"
  210.                                                                        aria-expanded="false">
  211.                                                                         <i class="fal fa-share-alt icon-before is-color-primary"></i>{{ 'Share vacancy'|trans }}
  212.                                                                     </a>
  213.                                                                     <div class="dropdown-menu"
  214.                                                                          aria-labelledby="dropdownMenuLink">
  215.                                                                         {% if 'facebook' in config_setting('site_vacancy_share_on') %}
  216.                                                                             <a target="_blank"
  217.                                                                                href="https://www.facebook.com/sharer/sharer.php?u={{ app.request.uri }}"
  218.                                                                                title="{{ 'Share'|trans }} {{ vacancy.title }} {{ "on Facebook"|trans }}"
  219.                                                                                class="facebook dropdown-item"><i
  220.                                                                                         class="fab fa-facebook-f fa-fw is-color-primary"></i>
  221.                                                                                 Facebook
  222.                                                                             </a>
  223.                                                                         {% endif %}
  224.                                                                         {% if 'linkedIn' in config_setting('site_vacancy_share_on') %}
  225.                                                                             <a target="_blank"
  226.                                                                                href="https://www.linkedin.com/shareArticle?url={{ app.request.uri }}&title={{ vacancy.title }}&summary={{ vacancy.intro|striptags }}&source=LinkedIn"
  227.                                                                                title="{{ 'Share'|trans }} {{ vacancy.title }} {{ 'on'|trans }} LinkedIn"
  228.                                                                                class="linkedin dropdown-item"><i
  229.                                                                                         class="fab fa-linkedin-in fa-fw is-color-primary"></i>
  230.                                                                                 LinkedIn
  231.                                                                             </a>
  232.                                                                         {% endif %}
  233.                                                                         {% if 'twitter' in config_setting('site_vacancy_share_on') %}
  234.                                                                             <a target="_blank"
  235.                                                                                href="https://twitter.com/intent/tweet?text={{ vacancy.title }}&url={{ app.request.uri }}"
  236.                                                                                title="{{ 'Share'|trans }} {{ vacancy.title }} {{ 'on Twitter'|trans }}"
  237.                                                                                class="twitter dropdown-item"><i
  238.                                                                                         class="fab fa-x-twitter fa-fw is-color-primary"></i>
  239.                                                                                 Twitter
  240.                                                                             </a>
  241.                                                                         {% endif %}
  242.                                                                         {% if 'email' in config_setting('site_vacancy_share_on') %}
  243.                                                                             <a target="_blank"
  244.                                                                                href="{{ getShareByEmailUrl('', '', vacancy) }}"
  245.                                                                                title="{{ 'Share by mail'|trans }}"
  246.                                                                                class="mail dropdown-item"
  247.                                                                                data-settings='{"class": "buttonProps"}'>
  248.                                                                                 <i class="fas fa-envelope-open icon-before is-color-primary"></i>
  249.                                                                                 E-mail
  250.                                                                             </a>
  251.                                                                         {% endif %}
  252.                                                                         {% if 'whatsapp' in config_setting('site_vacancy_share_on') %}
  253.                                                                             <a href="{{ actionWhatsappHref }}"
  254.                                                                                title="{{ 'Share with Whatsapp'|trans }}"
  255.                                                                                class="whatsapp dropdown-item"
  256.                                                                                target="_blank"
  257.                                                                                data-settings='{"class": "buttonProps"}'>
  258.                                                                                 <i class="fab fa-whatsapp icon-before is-color-primary"></i>
  259.                                                                                 Whatsapp
  260.                                                                             </a>
  261.                                                                         {% endif %}
  262.                                                                     </div>
  263.                                                                 </div>
  264.                                                             {% endblock vacancy_actions_share %}
  265.                                                         {% endif %}
  266.                                                     </div>
  267.                                                 {% endif %}
  268.                                             {% endblock vacancy_block_title %}
  269.                                         </div>
  270.                                     </div>
  271.                                 </div>
  272.                             </div>
  273.                         </div>
  274.                     {% endblock vacancy_header %}
  275.                 </div>
  276.             </div>
  277.             {% block vacancy_content %}
  278.                 <div class="row">
  279.                     {% block vacancy_block_main %}
  280.                         <main class="col-12 col-lg-8">
  281.                             <div class="card animation-element fadeup-element fade-start-section">
  282.                                 <div class="card-body vacancy-content">
  283.                                     {% include 'pages/blocks/inavailable_message.html.twig' %}
  284.                                     {% if config_setting('site_vacancy_intro_visible_on_detail') %}
  285.                                         {{ vacancy.intro|raw }}
  286.                                     {% endif %}
  287.                                     {{ vacancy|vacancy_description|raw }}
  288.                                     {% if vacancy.canApply %}
  289.                                         <div class="button-set h-align h-align-left">
  290.                                             {% block vacancy_footer_actions %}
  291.                                                 {% if vacancy.externalUrl %}
  292.                                                     <a target="_blank" href="{{ vacancy.externalUrl }}"
  293.                                                        title="{{ 'Apply'|trans }}"
  294.                                                        class="is-btn is-background-color-accent is-margin-bottom-0 is-margin-bottom-mobile-15"
  295.                                                        data-component="ExternalApplication"
  296.                                                        data-vacancy-id="{{ vacancy.id }}"
  297.                                                        data-settings='{"class": "buttonProps"}'>
  298.                                                         <i class="fal fa-pencil icon-before"></i>
  299.                                                         {{ 'Apply to vacancy'|trans }}
  300.                                                     </a>
  301.                                                 {% else %}
  302.                                                     <a href="{{ path('vacancy_apply', {'id': vacancy.id }) }}"
  303.                                                        title="{{ 'Apply to vacancy'|trans }}"
  304.                                                        data-vacancy-id="{{ vacancy.id }}"
  305.                                                        class="is-btn apply-btn {% if not is_mobile() %} apply-btn_modal{% endif %} is-margin-bottom-0 is-margin-bottom-mobile-15"
  306.                                                        data-settings='{"class": "buttonProps"}'>
  307.                                                         <i class="fal fa-pencil icon-before"></i>
  308.                                                         {{ 'Apply to vacancy'|trans }}
  309.                                                     </a>
  310.                                                 {% endif %}
  311.                                             {% endblock %}
  312.                                             <a href="{{ path('vacancies') }}" class="is-color-base is-hover-color-primary"><i
  313.                                                         class="fal fa-angle-left icon-before is-color-primary"></i> {{ 'To vacancy overview'|trans }}
  314.                                             </a>
  315.                                         </div>
  316.                                     {% endif %}
  317.                                 </div>
  318.                             </div>
  319.                             {% block vacancy_block_main_applicantform %}
  320.                             {% endblock vacancy_block_main_applicantform %}
  321.                             {% block vacancy_block_main_recruiter %}
  322.                                 {% if vacancy.recruiter %}
  323.                                     <div class="widget widget--recruiter card animation-element fadeup-element">
  324.                                         <div class="card-body">
  325.                                             <div class="row">
  326.                                                 {% if vacancy.recruiter.pictureName %}
  327.                                                     <div class="recruiter-img col-12 col-sm-3 col-lg-12 col-xl-3 is-margin-right-0">
  328.                                                         <img loading="lazy" src="{{ vich_uploader_asset(vacancy.recruiter, 'picture') }}"
  329.                                                              alt="{{ vacancy.recruiter.firstname }}{% if vacancy.recruiter.lastnameprefix %} {{ vacancy.recruiter.lastnameprefix }}{% endif%} {{ vacancy.recruiter.lastname }}">
  330.                                                     </div>
  331.                                                 {% endif %}
  332.                                                 <div class="recruiter-info col-12 col-sm-9 col-lg-12 col-xl-9">
  333.                                                     <h2>{{ 'For more information'|trans }}</h2>
  334.                                                     <p>
  335.                                                         <span>{{ vacancy.recruiter.firstname }}{% if vacancy.recruiter.lastnameprefix %} {{ vacancy.recruiter.lastnameprefix }}{% endif%} {{ vacancy.recruiter.lastname }}</span><br>
  336.                                                         <a href="mailto:{{ vacancy.recruiter.email }}">{{ vacancy.recruiter.email }}</a><br>
  337.                                                         {% if vacancy.recruiter.phone is not empty %}
  338.                                                             <a href="{{ vacancy.recruiter.phone|formatPhoneRFC3966 }}">{{ vacancy.recruiter.phone }}</a>
  339.                                                             <br>
  340.                                                         {% endif %}
  341.                                                         {% if vacancy.recruiter.phone is not empty %}
  342.                                                             {% if config_setting('site_vacancy_show_whatsapp_button_recruiters') %}
  343.                                                                 {% if is_mobile() %}
  344.                                                                     <a class="is-btn is-background-color-primary is-btn-small is-margin-top-10"
  345.                                                                        href="https://api.whatsapp.com/send?phone={{ vacancy.recruiter.phone|formatPhoneE164 }}"
  346.                                                                        title="{{ "App %s"|trans|format(vacancy.recruiter.firstName) }}">{{ "App %s"|trans|format(vacancy.recruiter.firstName) }}</a>
  347.                                                                 {% else %}
  348.                                                                     <a target="_blank"
  349.                                                                        class="is-btn is-background-color-primary is-btn-small is-margin-top-10"
  350.                                                                        href="https://web.whatsapp.com/send?phone={{ vacancy.recruiter.phone|formatPhoneE164 }}"
  351.                                                                        title="{{ "App %s"|trans|format(vacancy.recruiter.firstName) }}">{{ "App %s"|trans|format(vacancy.recruiter.firstName) }}</a>
  352.                                                                 {% endif %}
  353.                                                             {% endif %}
  354.                                                         {% endif %}
  355.                                                     </p>
  356.                                                 </div>
  357.                                             </div>
  358.                                         </div>
  359.                                     </div>
  360.                                 {% endif %}
  361.                             {% endblock %}
  362.                         </main>
  363.                     {% endblock vacancy_block_main %}
  364.                     {% block vacancy_block_sidebar %}
  365.                         <aside class="col-12 col-lg-4">
  366.                             {% block vacancy_sidebar_company %}
  367.                                 {% if vacancy.company %}
  368.                                     <div class="card card_company animation-element fadeup-element">
  369.                                         <div class="card-body">
  370.                                             {% if vacancy.company.video %}
  371.                                                 <div class="company_video embed-responsive embed-responsive-16by9">
  372.                                                     <iframe width="560" height="315" class="embed-responsive-item"
  373.                                                             src="{{ vacancy.company.video }}" frameborder="0"
  374.                                                             allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  375.                                                             allowfullscreen>
  376.                                                     </iframe>
  377.                                                 </div>
  378.                                             {% elseif vacancy.company.logo is defined and vacancy.company.logo %}
  379.                                                 {% block vacancy_sidebar_company_logo %}
  380.                                                     <figure class="company-logo">
  381.                                                         <a href="{{ getCompanyDetailPath(vacancy.company) }}"
  382.                                                            title="{{ 'View office page'|trans }}">
  383.                                                             <img loading="lazy" src="{{ media_asset(vacancy.company.logo)|imagine_filter('w480') }}"
  384.                                                                  alt="{{ vacancy.company.name }}"/>
  385.                                                         </a>
  386.                                                     </figure>
  387.                                                 {% endblock vacancy_sidebar_company_logo %}
  388.                                             {% endif %}
  389.                                             <h2>{{ vacancy.company.name }}</h2>
  390.                                             {{ vacancy.company.description|raw }}
  391.                                         </div>
  392.                                     </div>
  393.                                 {% endif %}
  394.                             {% endblock vacancy_sidebar_company %}
  395.                             {% block vacancy_sidebar_usps %}
  396.                                 {% if vacancyUsps is not empty %}
  397.                                     <div class="widget widget--office card">
  398.                                         <div class="card-body">
  399.                                             <div class="usps--list">
  400.                                                 {% for usp in vacancyUsps %}
  401.                                                     <span class="usp-icon"><i
  402.                                                                 class="{{ usp.fontAwesomeIcon }}"></i>{{ usp.value|raw }}</span>
  403.                                                 {% endfor %}
  404.                                             </div>
  405.                                         </div>
  406.                                     </div>
  407.                                 {% endif %}
  408.                             {% endblock %}
  409.                             {% block vacancy_block_sidebar_open_close_date %}
  410.                                 {% if vacancy.startDate and config_setting('site_vacancy_show_start_date_detail') or vacancy.endDate and config_setting('site_vacancy_show_end_date_detail') %}
  411.                                     <div class="card card_vac-info animation-element fadeup-element">
  412.                                         <div class="card-body">
  413.                                             <h3>{{ 'Vacancy information'|trans }}</h3>
  414.                                             <ul class="is-margin-bottom-0">
  415.                                                 {% if vacancy.startDate and config_setting('site_vacancy_show_start_date_detail') %}
  416.                                                     <li>
  417.                                                         <i class="fal fa-calendar-alt icon-before"></i>{{ 'Open since'|trans }} {{ vacancy.startDate|date('d-m-Y') }}
  418.                                                     </li>
  419.                                                 {% endif %}
  420.                                                 {% if vacancy.endDate and config_setting('site_vacancy_show_end_date_detail') %}
  421.                                                     <li>
  422.                                                         <i class="fal fa-hourglass-start icon-before"></i>{{ 'Closing date'|trans }} {{ vacancy.endDate|date('d-m-Y') }}
  423.                                                     </li>
  424.                                                 {% endif %}
  425.                                             </ul>
  426.                                         </div>
  427.                                     </div>
  428.                                 {% endif %}
  429.                             {% endblock %}
  430.                             {% block vacancy_block_sidebar_related_vacancies %}
  431.                                 {% if feature('feature_vacancy_related_vacancies') and relatedVacancies is not empty %}
  432.                                     <div class="animation-element fadeup-element">
  433.                                         <h2>{{ 'Related vacancies'|trans }}</h2>
  434.                                         <div class="card card_related-vacancies">
  435.                                             {% for vacancy in relatedVacancies[:3] %}
  436.                                                 <div class="card-body {% if not loop.first %}{% endif %}"
  437.                                                      data-component="Favorite"
  438.                                                      data-vacancy-id="{{ vacancy.id }}">
  439.                                                     <div class="vacancy">
  440.                                                         <div class="vacancy-top">
  441.                                                             <div class="vacancy-title">
  442.                                                                 <a title="{{ vacancy.title|raw }}"
  443.                                                                    href="{{ path('vacancy_detail', {'id' : vacancy.id, 'slug' : vacancy.slug}) }}">
  444.                                                                     <h3>{{ vacancy.title|raw }}</h3>
  445.                                                                 </a>
  446.                                                             </div>
  447.                                                             <div class="vacancy-badges">
  448.                                                                 {% if vacancy.new %}
  449.                                                                     <span class="badge badge--new">
  450.                                                                     <p>{{ 'New'|trans }}</p>
  451.                                                                 </span>
  452.                                                                 {% endif %}
  453.                                                                 {% if vacancy.featured %}
  454.                                                                     <span class="badge badge--topvacancy">
  455.                                                                     <p>{{ 'Featured vacancy'|trans }}</p>
  456.                                                                 </span>
  457.                                                                 {% endif %}
  458.                                                             </div>
  459.                                                         </div>
  460.                                                         <div class="vacancy-body" data-format="IntroFormatter">
  461.                                                             {{ vacancy.intro[:config_setting('site_vacancy_intro_character_limit')|default(200)]|striptags|raw }}{{ vacancy.intro|length > config_setting('site_vacancy_intro_character_limit')|default(200) ? '...' : '' }}
  462.                                                         </div>
  463.                                                         <div class="vacancy-footer">
  464.                                                             <div data-format="FooterFormatter"
  465.                                                                  class="vacancy-options">
  466.                                                                 <ul>
  467.                                                                     <li>
  468.                                                                         {% if config_setting('site_vacancy_city_on_detail_icon') %}
  469.                                                                             <i class="{{ config_setting('site_vacancy_city_on_detail_icon') }}"></i>
  470.                                                                         {% else %}
  471.                                                                             <i class="fal fa-map-marker-alt"></i>
  472.                                                                         {% endif %}
  473.                                                                         {% if config_setting('site_vacancy_address_visible_on_detail') %}
  474.                                                                             {{ vacancy.address }}
  475.                                                                         {% elseif config_setting('site_vacancy_city_visible_on_detail') %}
  476.                                                                             {{ vacancy.city }}
  477.                                                                         {% endif %}
  478.                                                                     </li>
  479.                                                                     {% for optionValue in vacancy.optionValues %}
  480.                                                                         <li>
  481.                                                                             <i class="{{ optionValue.option.fontAwesomeIcon }}"></i>{{ optionValue.value }}
  482.                                                                         </li>
  483.                                                                     {% endfor %}
  484.                                                                 </ul>
  485.                                                             </div>
  486.                                                             <a href="{{ path('vacancy_detail', {'id' : vacancy.id, 'slug' : vacancy.slug}) }}"
  487.                                                                title="{{ vacancy.title|raw }}">
  488.                                                                 {{ 'Show vacancy'|trans }} <i
  489.                                                                         class="far fa-angle-right icon-after"></i>
  490.                                                             </a>
  491.                                                         </div>
  492.                                                     </div>
  493.                                                 </div>
  494.                                             {% endfor %}
  495.                                         </div>
  496.                                     </div>
  497.                                 {% endif %}
  498.                             {% endblock vacancy_block_sidebar_related_vacancies %}
  499.                             {% block vacancy_block_sidebar_recruiter %}
  500.                                 {% if vacancy.recruiter %}
  501.                                     <div class="card card_recruiter animation-element fadeup-element">
  502.                                         <div class="card-body">
  503.                                             <div class="row">
  504.                                                 {% if vacancy.recruiter.pictureName %}
  505.                                                     <div class="recruiter-img col-12 col-sm-3 col-lg-12 col-xl-3 is-margin-right-0">
  506.                                                         <img loading="lazy" src="{{ vich_uploader_asset(vacancy.recruiter, 'picture') }}"
  507.                                                              alt="{{ vacancy.recruiter.firstname }}{% if vacancy.recruiter.lastnameprefix %} {{ vacancy.recruiter.lastnameprefix }}{% endif%} {{ vacancy.recruiter.lastname }}">
  508.                                                     </div>
  509.                                                 {% endif %}
  510.                                                 <div class="recruiter-info col-12 col-sm-9 col-lg-12 col-xl-9">
  511.                                                     <h2>{{ 'For more information'|trans }}</h2>
  512.                                                     <p>
  513.                                                         <span>{{ vacancy.recruiter.firstname }}{% if vacancy.recruiter.lastnameprefix %} {{ vacancy.recruiter.lastnameprefix }}{% endif%} {{ vacancy.recruiter.lastname }}</span><br>
  514.                                                         <a href="mailto:{{ vacancy.recruiter.email }}">{{ vacancy.recruiter.email }}</a><br>
  515.                                                         {% if vacancy.recruiter.phone is not empty %}
  516.                                                             <a href="{{ vacancy.recruiter.phone|formatPhoneRFC3966 }}">{{ vacancy.recruiter.phone }}</a>
  517.                                                             <br>
  518.                                                         {% endif %}
  519.                                                         {% if vacancy.recruiter.phone is not empty %}
  520.                                                             {% if config_setting('site_vacancy_show_whatsapp_button_recruiters') %}
  521.                                                                 {% if is_mobile() %}
  522.                                                                     <a class="is-btn is-background-color-primary is-btn-small is-margin-top-10"
  523.                                                                        href="https://api.whatsapp.com/send?phone={{ vacancy.recruiter.phone|formatPhoneE164 }}"
  524.                                                                        title="{{ "App %s"|trans|format(vacancy.recruiter.firstName) }}">{{ "App %s"|trans|format(vacancy.recruiter.firstName) }}</a>
  525.                                                                 {% else %}
  526.                                                                     <a target="_blank"
  527.                                                                        class="is-btn is-background-color-primary is-btn-small is-margin-top-10"
  528.                                                                        href="https://web.whatsapp.com/send?phone={{ vacancy.recruiter.phone|formatPhoneE164 }}"
  529.                                                                        title="{{ "App %s"|trans|format(vacancy.recruiter.firstName) }}">{{ "App %s"|trans|format(vacancy.recruiter.firstName) }}</a>
  530.                                                                 {% endif %}
  531.                                                             {% endif %}
  532.                                                         {% endif %}
  533.                                                     </p>
  534.                                                 </div>
  535.                                             </div>
  536.                                         </div>
  537.                                     </div>
  538.                                 {% endif %}
  539.                             {% endblock %}
  540.                             <div class="widget widget--sm widget--sm__default text-center animation-element fadeup-element">
  541.                                 {% if config_setting('site_social_facebook') %}
  542.                                     <a href="{{ config_setting('site_social_facebook') }}"
  543.                                        title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Facebook"
  544.                                        target="_blank"><i
  545.                                                 class="fab fa-fw fa-facebook-f"></i></a>
  546.                                 {% endif %}
  547.                                 {% if config_setting('site_social_twitter') %}
  548.                                     <a href="{{ config_setting('site_social_twitter') }}"
  549.                                        title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Twitter"
  550.                                        target="_blank"><i
  551.                                                 class="fab fa-fw fa-x-twitter"></i></a>
  552.                                 {% endif %}
  553.                                 {% if config_setting('site_social_linkedin') %}
  554.                                     <a href="{{ config_setting('site_social_linkedin') }}"
  555.                                        title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} LinkedIn"
  556.                                        target="_blank"><i
  557.                                                 class="fab fa-fw fa-linkedin-in"></i></a>
  558.                                 {% endif %}
  559.                                 {% if config_setting('site_social_youtube') %}
  560.                                     <a href="{{ config_setting('site_social_youtube') }}"
  561.                                        title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Youtube"
  562.                                        target="_blank"><i
  563.                                                 class="fab fa-fw fa-youtube"></i></a>
  564.                                 {% endif %}
  565.                                 {% if config_setting('site_social_instagram') %}
  566.                                     <a href="{{ config_setting('site_social_instagram') }}"
  567.                                        title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Instagram"
  568.                                        target="_blank"><i class="fab fa-fw fa-instagram"></i></a>
  569.                                 {% endif %}
  570.                             </div>
  571.                         </aside>
  572.                     {% endblock vacancy_block_sidebar %}
  573.                 </div>
  574.             {% endblock vacancy_content %}
  575.         </div>
  576.         {% block vacancy_footer %}
  577.             <!-- extra footer section for e.g. related items -->
  578.         {% endblock vacancy_footer %}
  579.     {% endblock vacancy_page %}
  580.     </div>
  581. {% endblock %}