templates/Theme/carriereinlimburg/pages/vacancy_detail.html.twig line 14

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