templates/Theme/regiovacatures/pages/vacancy_detail.html.twig line 1

Open in your IDE?
  1. {% extends "Theme/carriereinlimburg/pages/vacancy_detail.html.twig" %}
  3. {% block vacancy_block_sidebar_recruiter %}{% endblock %}
  4. {% block custom_header_attribute %}{% if heroImage is not empty %}data-custom-header="{{ media_asset(heroImage) }}" {% endif %}{% endblock %}
  6. {#{% block content %}#}
  8.     {# Modal #}
  9.     {#{{ render(controller(#}
  10.         {#'App\\Controller\\Page\\ApplicantController::asyncFormModalAction',#}
  11.         {#{ 'id': vacancy.id }#}
  12.     {#)) }}#}
  14.     {#<header data-component="MenuMobile,Favorite"#}
  15.             {#data-vacancy-id="{{ vacancy.id }}"#}
  16.             {#class="fixed-top vacancy-header-top">#}
  17.         {#<div class="row">#}
  18.             {#<div class="col-12 col-sm-6 is-align-items-center is-display-flex is-padding-x-30">#}
  19.                 {#<h2 class="d-none d-sm-flex">{% if vacancy.options.functie is defined %}{{ vacancy.options.functie|first }}{% else %}{{ vacancy.title }}{% endif %}</h2>#}
  20.             {#</div>#}
  21.             {#<div class="col-12 col-sm-6 button-set h-align h-align-right is-margin-bottom-0 is-margin-bottom-mobile-15 is-margin-top-mobile-15 is-padding-x-30">#}
  22.                 {#{% if vacancy.published %}#}
  23.                     {#{% if vacancy.externalUrl %}#}
  24.                         {#<a target="_blank" href="{{ vacancy.externalUrl }}"#}
  25.                            {#title="{{ 'Apply'|trans }}"#}
  26.                            {#class="is-btn is-btn__cta">#}
  27.                             {#<i class="fal fa-pencil icon-before"></i>#}
  28.                             {#{{ 'Apply'|trans }}#}
  29.                         {#</a>#}
  30.                     {#{% else %}#}
  31.                         {#<a href="{{ path('vacancy_apply', {'id': vacancy.id }) }}"#}
  32.                            {#title="{{ 'Apply'|trans }}"#}
  33.                            {#class="is-btn is-btn__cta{% if not is_mobile() %} apply-btn_modal{% endif %}"#}
  34.                            {#{% if not is_mobile() %}data-toggle="modal"#}
  35.                            {#data-target="#vacancyApplyModal"{% endif %}>#}
  36.                             {#<i class="fal fa-pencil icon-before"></i>#}
  37.                             {#{{ 'Apply'|trans }}#}
  38.                         {#</a>#}
  39.                     {#{% endif %}#}
  40.                     {#{% if feature('feature_vacancy_save_as_favorite') %}#}
  41.                         {#<span class="d-none" data-is-favorited="true">#}
  42.                             {#<i class="fal fa-times icon-before"></i>#}
  43.                             {#{{ 'Remove'|trans }}#}
  44.                         {#</span>#}
  45.                         {#<span class="d-none" data-is-favorited="false">#}
  46.                             {#<i class="fal fa-star icon-before"></i>#}
  47.                             {#{{ 'Save'|trans }}#}
  48.                         {#</span>#}
  49.                         {#<a href="javascript:void(0)" title="{{ 'Save as favorite'|trans }}"#}
  50.                            {#class="is-btn is-btn_add-to-favorites is-btn-outlined-primary favorite-add favorite-vacancy">#}
  51.                         {#</a>#}
  52.                     {#{% endif %}#}
  53.                 {#{% endif %}#}
  54.             {#</div>#}
  55.         {#</div>#}
  56.     {#</header>#}
  58.     {# Version 2 of vacancy view #}
  59.     {#<div data-component="Vacancy,Favorite,Apply,CustomHeader"#}
  60.          {#data-vacancy-id="{{ vacancy.id }}"{% if vacancy.company.heroName is defined and vacancy.company.heroName is not empty %} data-custom-header="{{ media_asset(vacancy.company.hero) }}" {% endif %}#}
  61.          {#class="component component--default component--vacancy-detail component--vacancy-detail__second-version">#}
  62.         {#<div class="row">#}
  63.             {#<div class="col">#}
  64.                 {#<div class="card vacancy-header is-box-shadow-0 animation-element fadeup-element">#}
  65.                     {#<div class="vacancy-intro">#}
  66.                         {#<div class="card-body">#}
  67.                             {#{% if vacancy.site != current_site() %}#}
  68.                                 {#<div class="row">#}
  69.                                     {#<div class="col-12">#}
  70.                                         {#<div class="alert alert-success is-margin-bottom-30 is-padding-15">#}
  71.                                             {#Deze vacature staat origineel op <a class="is-margin-top-0 is-color-black"#}
  72.                                                                                 {#target="_blank"#}
  73.                                                                                 {#href="{{ site_url('vacancy_detail', vacancy.site, {'id': vacancy.id, 'slug': vacancy.slug}) }}">#}
  74.                                                 {#{{ vacancy.site }}#}
  75.                                             {#</a>.#}
  76.                                         {#</div>#}
  77.                                     {#</div>#}
  78.                                 {#</div>#}
  79.                             {#{% endif %}#}
  80.                             {#<div class="row">#}
  81.                                 {#{% if vacancy.company.logo is defined and vacancy.company.logo %}#}
  82.                                     {#<div class="col-12 col-md-2">#}
  83.                                         {#<figure class="logo logo-left">#}
  84.                                             {#<a href="{{ path('company_detail', {'id': vacancy.company.id, 'slug': vacancy.company.slug}) }}"#}
  85.                                                {#title="{{ 'View office page'|trans }}">#}
  86.                                                 {#<img loading="lazy" src="{{ media_asset(vacancy.company.logo) }}"#}
  87.                                                      {#alt="{{ vacancy.company.name }}">#}
  88.                                             {#</a>#}
  89.                                         {#</figure>#}
  90.                                     {#</div>#}
  91.                                 {#{% endif %}#}
  92.                                 {#<div class="col-12 col-sm-12 col-md-10">#}
  93.                                     {#<div class="vacancy-title">#}
  94.                                         {#<h1>{{ vacancy.title }}</h1>#}
  95.                                     {#</div>#}
  96.                                     {#<div class="vacancy-options">#}
  97.                                         {#<ul>#}
  98.                                             {#{% for optionValue in vacancy.optionValues if optionValue.option.visibleInDetail %}#}
  99.                                                 {#<li>#}
  100.                                                     {#<i class="{{ optionValue.option.fontAwesomeIcon }}"></i>{{ optionValue.value }}#}
  101.                                                 {#</li>#}
  102.                                             {#{% endfor %}#}
  103.                                             {#{% if config_setting('site_vacancy_city_visible_on_detail') %}#}
  104.                                                 {#<li>#}
  105.                                                     {#{% if config_setting('site_vacancy_city_on_detail_icon') %}#}
  106.                                                         {#<i class="{{ config_setting('site_vacancy_city_on_detail_icon') }}"></i>#}
  107.                                                     {#{% else %}#}
  108.                                                         {#<i class="fal fa-map-marker-alt"></i>#}
  109.                                                     {#{% endif %}#}
  110.                                                     {#{{ vacancy.city }}#}
  111.                                                     {#<span class="option-sub">#}
  112.                                                     {#<a title="{{ 'Show on map'|trans }}"#}
  113.                                                        {#data-component="MapModal"#}
  114.                                                        {#data-lat="{{ vacancy.latitude }}"#}
  115.                                                        {#data-long="{{ vacancy.longitude }}" data-zoom="9">#}
  116.                                                         {#( <i class="far fa-fw fa-map"></i>#}
  117.                                                         {#{{ 'Show on map'|trans }})#}
  118.                                                     {#</a>#}
  119.                                                 {#</span>#}
  120.                                                 {#</li>#}
  121.                                             {#{% endif %}#}
  122.                                         {#</ul>#}
  123.                                     {#</div>#}
  124.                                     {#{% if vacancy.published %}#}
  125.                                         {#<div class="vacancy-actions">#}
  126.                                             {#{% if vacancy.externalUrl %}#}
  127.                                                 {#<a target="_blank" href="{{ vacancy.externalUrl }}"#}
  128.                                                    {#title="{{ 'Apply to vacancy'|trans }}"#}
  129.                                                    {#class="is-btn is-btn__cta"#}
  130.                                                    {#data-settings='{"class": "buttonProps"}'>#}
  131.                                                     {#<i class="fal fa-pencil icon-before"></i>#}
  132.                                                     {#{{ 'Apply'|trans }}#}
  133.                                                 {#</a>#}
  134.                                             {#{% else %}#}
  135.                                                 {#<a href="{{ path('vacancy_apply', {'id': vacancy.id }) }}"#}
  136.                                                    {#title="Apply to vacancy"#}
  137.                                                    {#class="is-btn is-btn__cta{% if not is_mobile() %} apply-btn_modal{% endif %}"#}
  138.                                                    {#data-settings='{"class": "buttonProps"}'>#}
  139.                                                     {#<i class="fal fa-pencil icon-before"></i>#}
  140.                                                     {#{{ 'Apply'|trans }}#}
  141.                                                 {#</a>#}
  142.                                             {#{% endif %}#}
  143.                                             {#{% if feature('feature_vacancy_save_as_favorite') %}#}
  144.                                                 {#<div class="widget widget--favorite">#}
  145.                                                     {#<span class="d-none" data-is-favorited="true">#}
  146.                                                     {#<i class="far fa-times icon-before"></i>#}
  147.                                                         {#{{ 'Remove'|trans }}#}
  148.                                                     {#<span class="d-none d-md-block">&nbsp; {{ 'as favorite'|trans }}</span>#}
  149.                                                     {#</span>#}
  150.                                                     {#<span class="d-none" data-is-favorited="false">#}
  151.                                                         {#<i class="far fa-star icon-before"></i>#}
  152.                                                         {#{{ 'Save as favorite'|trans }}#}
  153.                                                     {#</span>#}
  154.                                                     {#<a href="javascript:void(0)"#}
  155.                                                        {#class="favorite-add favorite-vacancy">#}
  156.                                                     {#</a>#}
  157.                                                 {#</div>#}
  158.                                             {#{% endif %}#}
  159.                                             {#<div class="widget widget--share dropdown show">#}
  160.                                                 {#<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink"#}
  161.                                                    {#data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">#}
  162.                                                     {#<i class="fal fa-share-alt icon-before is-color-primary"></i>{{ 'Share vacancy'|trans }}#}
  163.                                                 {#</a>#}
  165.                                                 {#<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">#}
  166.                                                     {#{% if 'facebook' in config_setting('site_vacancy_share_on') %}#}
  167.                                                         {#<a href="https://www.facebook.com/sharer/sharer.php?u={{ app.request.uri }}"#}
  168.                                                            {#title="{{ 'Share'|trans }} {{ vacancy.title }} {{ "on Facebook"|trans }}"#}
  169.                                                            {#class="facebook dropdown-item"><i#}
  170.                                                                     {#class="fab fa-facebook-f fa-fw is-color-primary"></i> Facebook#}
  171.                                                         {#</a>#}
  172.                                                     {#{% endif %}#}
  173.                                                     {#{% if 'linkedIn' in config_setting('site_vacancy_share_on') %}#}
  174.                                                         {#<a href="https://www.linkedin.com/shareArticle?url={{ app.request.uri }}&title={{ vacancy.title }}&summary={{ vacancy.intro }}&source=LinkedIn"#}
  175.                                                            {#title="{{ 'Share'|trans }} {{ vacancy.title }} {{ 'on'|trans }} LinkedIn"#}
  176.                                                            {#class="linkedin dropdown-item"><i#}
  177.                                                                     {#class="fab fa-linkedin-in fa-fw is-color-primary"></i>#}
  178.                                                             {#LinkedIn#}
  179.                                                         {#</a>#}
  180.                                                     {#{% endif %}#}
  181.                                                     {#{% if 'twitter' in config_setting('site_vacancy_share_on') %}#}
  182.                                                         {#<a href="https://twitter.com/intent/tweet?text={{ vacancy.title }}&url={{ app.request.uri }}"#}
  183.                                                            {#title="{{ 'Share'|trans }} {{ vacancy.title }} {{ 'on Twitter'|trans }}"#}
  184.                                                            {#class="twitter dropdown-item"><i#}
  185.                                                                     {#class="fab fa-x-twitter fa-fw is-color-primary"></i> Twitter#}
  186.                                                         {#</a>#}
  187.                                                     {#{% endif %}#}
  188.                                                     {#{% if 'email' in config_setting('site_vacancy_share_on') %}#}
  189.                                                         {#<a href="mailto:?" title="{{ 'Share by mail'|trans }}"#}
  190.                                                            {#class="mail dropdown-item" target="_blank"#}
  191.                                                            {#data-settings='{"class": "buttonProps"}'>#}
  192.                                                             {#<i class="fal fa-envelope-open icon-before"></i>#}
  193.                                                              {#E-mail#}
  194.                                                         {#</a>#}
  195.                                                     {#{% endif %}#}
  196.                                                     {#{% if 'whatsapp' in config_setting('site_vacancy_share_on') %}#}
  197.                                                         {#<a href="{{ getShareOnWhatsAppUrl(vacancy.title) }}"#}
  198.                                                            {#title="{{ 'Share with Whatsapp'|trans }}"#}
  199.                                                            {#class="whatsapp dropdown-item" target="_blank"#}
  200.                                                            {#data-settings='{"class": "buttonProps"}'>#}
  201.                                                             {#<i class="fab fa-whatsapp icon-before"></i>#}
  202.                                                              {#Whatsapp#}
  203.                                                         {#</a>#}
  204.                                                     {#{% endif %}#}
  205.                                                 {#</div>#}
  206.                                             {#</div>#}
  207.                                         {#</div>#}
  208.                                     {#{% endif %}#}
  209.                                 {#</div>#}
  210.                             {#</div>#}
  211.                         {#</div>#}
  212.                     {#</div>#}
  213.                 {#</div>#}
  214.             {#</div>#}
  215.         {#</div>#}
  216.         {#<div class="row">#}
  217.             {#<main class="col-12 col-lg-8">#}
  218.                 {#<div class="card is-box-shadow-0 animation-element fadeup-element fade-start-section">#}
  219.                     {#<div class="card-body vacancy-content">#}
  220.                         {#{% include 'pages/blocks/inavailable_message.html.twig' %}#}
  221.                         {#{% if config_setting('site_vacancy_intro_visible_on_detail') %}#}
  222.                             {#{{ vacancy.intro|raw }}#}
  223.                         {#{% endif %}#}
  224.                         {#{{ vacancy|vacancy_description|raw }}#}
  225.                         {#{% if vacancy.canApply %}#}
  226.                             {#<div class="button-set h-align h-align-left">#}
  227.                                 {#{% if vacancy.externalUrl %}#}
  228.                                     {#<a target="_blank" href="{{ vacancy.externalUrl }}" title="{{ 'Apply'|trans }}"#}
  229.                                        {#class="is-btn is-btn__cta "#}
  230.                                        {#data-settings='{"class": "buttonProps"}'>#}
  231.                                         {#<i class="fal fa-pencil icon-before"></i>#}
  232.                                         {#{{ 'Apply to vacancy'|trans }}#}
  233.                                     {#</a>#}
  234.                                 {#{% else %}#}
  235.                                     {#<a href="{{ path('vacancy_apply', {'id': vacancy.id }) }}"#}
  236.                                        {#title="{{ 'Apply to vacancy'|trans }}"#}
  237.                                        {#class="is-btn is-btn__cta{% if not is_mobile() %} apply-btn_modal{% endif %} "#}
  238.                                        {#data-settings='{"class": "buttonProps"}'>#}
  239.                                         {#<i class="fal fa-pencil icon-before"></i>#}
  240.                                         {#{{ 'Apply to vacancy'|trans }}#}
  241.                                     {#</a>#}
  242.                                 {#{% endif %}#}
  243.                                 {#<a href="/vacatures" class="is-color-base is-hover-color-primary"><i#}
  244.                                             {#class="fal fa-angle-left icon-before is-color-primary"></i> {{ 'To vacancy overview'|trans }}#}
  245.                                 {#</a>#}
  246.                             {#</div>#}
  247.                         {#{% endif %}#}
  248.                         {#{% if vacancy.startDate and vacancy.endDate %}#}
  249.                             {#<ul class="c-start-date">#}
  250.                                 {#{% if vacancy.startDate %}#}
  251.                                     {#<li>#}
  252.                                         {#<i class="fal fa-calendar-alt is-color-primary"></i>{{ 'Open since'|trans }} {{ vacancy.startDate|date('d-m-Y') }}#}
  253.                                     {#</li>#}
  254.                                 {#{% endif %}#}
  255.                                 {#{% if vacancy.endDate %}#}
  256.                                     {#<li>#}
  257.                                         {#<i class="fal fa-hourglass-start is-color-primary"></i>{{ 'Closing date'|trans }} {{ vacancy.endDate|date('d-m-Y') }}#}
  258.                                     {#</li>#}
  259.                                 {#{% endif %}#}
  260.                             {#</ul>#}
  261.                         {#{% endif %}#}
  262.                     {#</div>#}
  263.                 {#</div>#}
  264.                 {#{% if vacancy.recruiter %}#}
  265.                     {#<div class="widget widget--recruiter card is-box-shadow-0 animation-element fadeup-element">#}
  266.                         {#<div class="card-body">#}
  267.                             {#<div class="row">#}
  268.                                 {#<div class="recruiter-img col-12 col-sm-3 col-lg-12 col-xl-3 is-margin-right-0">#}
  269.                                     {#<img loading="lazy" src="{{ vich_uploader_asset(vacancy.recruiter, 'picture') }}"#}
  270.                                          {#alt="{{ vacancy.recruiter.firstname }} {{ vacancy.recruiter.lastname }}">#}
  271.                                 {#</div>#}
  272.                                 {#<div class="recruiter-info col-12 col-sm-9 col-lg-12 col-xl-9">#}
  273.                                     {#<h2>{{ 'For more information'|trans }}</h2>#}
  274.                                     {#<p>#}
  275.                                         {#<span>{{ vacancy.recruiter.firstname }} {{ vacancy.recruiter.lastname }}</span><br>#}
  276.                                         {#<a href="mailto:{{ vacancy.recruiter.email }}">{{ vacancy.recruiter.email }}</a><br>#}
  277.                                         {#<a href="{{ vacancy.recruiter.phone|formatPhoneRFC3966 }}">{{ vacancy.recruiter.phone }}</a>#}
  278.                                     {#</p>#}
  279.                                 {#</div>#}
  280.                             {#</div>#}
  281.                         {#</div>#}
  282.                     {#</div>#}
  283.                 {#{% endif %}#}
  284.             {#</main>#}
  285.             {#<aside class="col-12 col-lg-4">#}
  286.                 {#<div class="widget widget--office card is-box-shadow-0 animation-element fadeup-element">#}
  287.                     {#<div class="card-body">#}
  288.                         {#{% if vacancy.company.video %}#}
  289.                             {#<div class="embed-responsive embed-responsive-16by9">#}
  290.                                 {#<iframe width="560" height="315" class="embed-responsive-item"#}
  291.                                         {#src="{{ vacancy.company.video }}" frameborder="0"#}
  292.                                         {#allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"#}
  293.                                         {#allowfullscreen>#}
  294.                                 {#</iframe>#}
  295.                             {#</div>#}
  296.                         {#{% elseif vacancy.company.logo %}#}
  297.                             {#<figure class="company-logo">#}
  298.                                 {#<a href="{{ path('company_detail', {'id': vacancy.company.id, 'slug': vacancy.company.slug}) }}"#}
  299.                                    {#title="{{ 'View office page'|trans }}">#}
  300.                                     {#<img loading="lazy" src="{{ media_asset(vacancy.company.logo)|imagine_filter('w480') }}"/>#}
  301.                                 {#</a>#}
  302.                             {#</figure>#}
  303.                         {#{% endif %}#}
  304.                         {#<h2 class="is-font-size-20">{{ vacancy.company.name }}</h2>#}
  306.                         {#<h2 class="is-font-size-18">{{ 'Company description'|trans }}</h2>#}
  307.                         {#<p>{{ vacancy.company.description|raw }}</p>#}
  308.                     {#</div>#}
  309.                 {#</div>#}
  310.                 {#{% if vacancy.startDate and vacancy.endDate %}#}
  311.                     {#<div class="widget widget--vac-info card is-box-shadow-0 is-background-color-default animation-element fadeup-element">#}
  312.                         {#<div class="card-body">#}
  313.                             {#<h3>{{ 'Vacancy information'|trans }}</h3>#}
  314.                             {#<ul class="is-margin-bottom-0">#}
  315.                                 {#{% if vacancy.startDate %}#}
  316.                                     {#<li>#}
  317.                                         {#<i class="fal fa-calendar-alt is-color-primary"></i>{{ 'Open since'|trans }} {{ vacancy.startDate|date('d-m-Y') }}#}
  318.                                     {#</li>#}
  319.                                 {#{% endif %}#}
  320.                                 {#{% if vacancy.endDate %}#}
  321.                                     {#<li>#}
  322.                                         {#<i class="fal fa-hourglass-start is-color-primary"></i>{{ 'Closing date'|trans }} {{ vacancy.endDate|date('d-m-Y') }}#}
  323.                                     {#</li>#}
  324.                                 {#{% endif %}#}
  325.                             {#</ul>#}
  326.                         {#</div>#}
  327.                     {#</div>#}
  328.                 {#{% endif %}#}
  329.                 {#{% if feature('feature_vacancy_related_vacancies') and relatedVacancies is not empty %}#}
  330.                     {#<div class="col-12">#}
  331.                         {#<div class="component component--related-vacancies animation-element fadeup-element">#}
  332.                             {#<h2 class="is-font-size-27">{{ 'Related vacancies'|trans }}</h2>#}
  333.                             {#<div class="row">#}
  334.                                 {#{% for vacancy in relatedVacancies[:3] %}#}
  335.                                     {#<div class="col-12 {% if not loop.first %}{% endif %} flex-same-height-item animation-element fadeup-element">#}
  336.                                         {#<div data-component="Favorite" data-vacancy-id="{{ vacancy.id }}"#}
  337.                                              {#class="card is-box-shadow-0 is-border-1 is-border-color-tertiary vacancy__first-version">#}
  338.                                             {#<div class="card-body">#}
  339.                                                 {#<div class="vacancy">#}
  340.                                                     {#<div class="vacancy-top">#}
  341.                                                         {#<div class="vacancy-title">#}
  342.                                                             {#<a title="{{ vacancy.title }}"#}
  343.                                                                {#href="{{ path('vacancy_detail', {'id' : vacancy.id, 'slug' : vacancy.slug}) }}">#}
  344.                                                                 {#<h3>{{ vacancy.title }}</h3>#}
  345.                                                             {#</a>#}
  346.                                                         {#</div>#}
  347.                                                         {#<div class="vacancy-badges">#}
  348.                                                             {#{% if vacancy.new %}#}
  349.                                                                 {#<span class="badge badge--topvacancy badge__primary">#}
  350.                                                                 {#<p>{{ 'New'|trans }}</p>#}
  351.                                                             {#</span>#}
  352.                                                             {#{% endif %}#}
  353.                                                             {#{% if vacancy.featured %}#}
  354.                                                                 {#<span class="badge badge--topvacancy badge__accent">#}
  355.                                                                 {#<p>{{ 'Featured vacancy'|trans }}</p>#}
  356.                                                             {#</span>#}
  357.                                                             {#{% endif %}#}
  358.                                                         {#</div>#}
  359.                                                     {#</div>#}
  360.                                                     {#<div class="vacancy-body" data-format="IntroFormatter">#}
  361.                                                         {#{{ vacancy.intro|raw }}#}
  362.                                                     {#</div>#}
  363.                                                     {#<div class="vacancy-footer d-block">#}
  364.                                                         {#<div data-format="FooterFormatter"#}
  365.                                                              {#class="vacancy-options w-100">#}
  366.                                                             {#<ul>#}
  367.                                                                 {#<li>#}
  368.                                                                     {#<i class="fal fa-map-marker-alt"></i> {{ vacancy.city }}#}
  369.                                                                 {#</li>#}
  370.                                                                 {#{% for optionValue in vacancy.optionValues %}#}
  371.                                                                     {#<li>#}
  372.                                                                         {#<i class="{{ optionValue.option.fontAwesomeIcon }}"></i>{{ optionValue.value }}#}
  373.                                                                     {#</li>#}
  374.                                                                 {#{% endfor %}#}
  375.                                                             {#</ul>#}
  376.                                                         {#</div>#}
  377.                                                         {#<a href="{{ path('vacancy_detail', {'id' : vacancy.id, 'slug' : vacancy.slug}) }}"#}
  378.                                                            {#title="{{ vacancy.title }}">#}
  379.                                                             {#{{ 'Show vacancy'|trans }} <i#}
  380.                                                                     {#class="far fa-angle-right icon-after"></i>#}
  381.                                                         {#</a>#}
  382.                                                     {#</div>#}
  383.                                                 {#</div>#}
  384.                                             {#</div>#}
  385.                                         {#</div>#}
  386.                                     {#</div>#}
  387.                                 {#{% endfor %}#}
  388.                             {#</div>#}
  389.                         {#</div>#}
  390.                     {#</div>#}
  391.                 {#{% endif %}#}
  392.                 {#<div class="widget widget--sm widget--sm__default text-center animation-element fadeup-element">#}
  393.                     {#{% if config_setting('site_social_facebook') %}#}
  394.                         {#<a href="{{ config_setting('site_social_facebook') }}"#}
  395.                            {#title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Facebook"#}
  396.                            {#target="_blank"><i#}
  397.                                     {#class="fab fa-fw fa-facebook-f"></i></a>#}
  398.                     {#{% endif %}#}
  399.                     {#{% if config_setting('site_social_twitter') %}#}
  400.                         {#<a href="{{ config_setting('site_social_twitter') }}"#}
  401.                            {#title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Twitter"#}
  402.                            {#target="_blank"><i#}
  403.                                     {#class="fab fa-fw fa-x-twitter"></i></a>#}
  404.                     {#{% endif %}#}
  405.                     {#{% if config_setting('site_social_linkedin') %}#}
  406.                         {#<a href="{{ config_setting('site_social_linkedin') }}"#}
  407.                            {#title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} LinkedIn"#}
  408.                            {#target="_blank"><i#}
  409.                                     {#class="fab fa-fw fa-linkedin-in"></i></a>#}
  410.                     {#{% endif %}#}
  411.                     {#{% if config_setting('site_social_youtube') %}#}
  412.                         {#<a href="{{ config_setting('site_social_youtube') }}"#}
  413.                            {#title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Youtube"#}
  414.                            {#target="_blank"><i#}
  415.                                     {#class="fab fa-fw fa-youtube"></i></a>#}
  416.                     {#{% endif %}#}
  417.                     {#{% if config_setting('site_social_instagram') %}#}
  418.                         {#<a href="{{ config_setting('site_social_instagram') }}"#}
  419.                            {#title="{{ 'Follow %site-company-name% on'|trans({'%site-company-name%': site_company_name|default('Getnoticed')}) }} Instagram"#}
  420.                            {#target="_blank"><i class="fab fa-fw fa-instagram"></i></a>#}
  421.                     {#{% endif %}#}
  422.                 {#</div>#}
  423.             {#</aside>#}
  424.         {#</div>#}
  425.     {#</div>#}
  426. {#{% endblock %}#}