templates/pages/company_detail_layout_base.html.twig line 1

Open in your IDE?
  1. {% block content %}
  2.     <div data-component="Company,CustomHeader" data-id="{{ company.id }}"
  3.          class="page page_company-detail_layout_base" {% if company.hero is defined and company.hero is not empty %} data-custom-header="{{ media_asset(company.hero) }}" {% endif %}>
  4.         {% block company_header %}
  5.             <div class="card company-header">
  6.                 <div class="company-intro">
  7.                     <div class="card-body">
  8.                         <div class="row">
  9.                             {% if company.logo %}
  10.                                 <div class="col-12 col-md-2">
  11.                                     <figure class="logo logo-left">
  12.                                         <img loading="lazy" src="{{ media_asset(company.logo) }}"
  13.                                              alt="{{ company.logo.metaInformation }}"/>
  14.                                     </figure>
  15.                                 </div>
  16.                             {% endif %}
  17.                             <div class="col-12{% if company.logo %} col-md-10{% endif %}">
  18.                                 <div class="company-title">
  19.                                     <h1>{{ company.name }}</h1>
  20.                                 </div>
  21.                                 <p>{{ company.address }}
  22.                                     {#{% if feature('feature_company_map') %}#}
  23.                                     <span class="on-map">
  24.                                                     <span class="option-sub">
  25.                                                             <a href="#map" title="{{ 'Show on map'|trans }}"
  26.                                                                data-component="MapModal"
  27.                                                                data-lat="{{ company.latitude }}"
  28.                                                                data-long="{{ company.longitude }}" data-zoom="9">
  29.                                                                 ( <i class="fas fa-fw fa-map"></i>
  30.                                                                 {{ 'Show on map'|trans }})
  31.                                                             </a>
  32.                                                     </span>
  33.                                                 </span>
  34.                                     {#{% endif %}#}
  35.                                 </p>
  36.                                 <div class="company-actions">
  37.                                     <a href="{{ path('vacancies_with_filter', {'filters' : 'company/'~company.slug}) }}"
  38.                                        title="{{ 'View'|trans }} {{ 'amount_of_vacancies'|trans({'count': company.publishedVacancyCount}) }}"
  39.                                        class="is-btn is-background-color-accent">
  40.                                         {{ 'View'|trans }} {{ 'amount_of_vacancies'|trans({'count': company.publishedVacancyCount}) }}
  41.                                     </a>
  42.                                 </div>
  43.                             </div>
  44.                         </div>
  45.                     </div>
  46.                 </div>
  47.             </div>
  48.         {% endblock company_header %}
  49.         {% block company_content %}
  50.             <div class="row">
  51.                 {%  block company_block_main %}
  52.                     <main class="col-12 col-lg-8">
  53.                         <div class="card">
  54.                             <div class="card-body">
  55.                                 <div class="company-content">
  56.                                     {% if not map %}
  57.                                         <p>{{ company.description|raw }}</p>
  58.                                     {% else %}
  59.                                         <div id="googleMap" style="height:500px;width:100%;" data-latitude="{{ company.latitude }}"
  60.                                              data-longitude="{{ company.longitude }}"
  61.                                              data-mapStyle='[ { "stylers": [ { "color": "#b9d9e1" }, { "visibility": "simplified" } ] }, { "featureType": "administrative", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "administrative.country", "elementType": "geometry.stroke", "stylers": [ { "color": "#80A1BE" }, { "visibility": "on" }, { "weight": 2 } ] }, { "featureType": "administrative.locality", "stylers": [ { "visibility": "off" } ] }, { "featureType": "administrative.province", "elementType": "geometry.stroke", "stylers": [ { "color": "#80A1BE" }, { "visibility": "on" }, { "weight": 1 } ] }, { "featureType": "landscape.man_made", "elementType": "geometry.fill", "stylers": [ { "color": "#f6f6f6" }, { "visibility": "simplified" }, { "weight": 0.1 } ] }, { "featureType": "landscape.natural", "elementType": "geometry", "stylers": [ { "color": "#f6f6f6" }, { "gamma": 1 }, { "visibility": "on" } ] }, { "featureType": "poi", "elementType": "geometry.fill", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road.arterial", "elementType": "geometry.fill", "stylers": [ { "color": "#ffffff" }, { "visibility": "simplified" }, { "weight": 0.1 } ] }, { "featureType": "road.highway", "stylers": [ { "color": "#ffffff" }, { "visibility": "on" }, { "weight": 0.5 } ] }, { "featureType": "road.local", "elementType": "geometry.fill", "stylers": [ { "color": "#ffffff" }, { "visibility": "off" } ] }, { "featureType": "transit", "stylers": [ { "visibility": "off" } ] }, { "featureType": "water", "elementType": "geometry.fill", "stylers": [ { "color": "#B9D8E0" } ] } ]'></div>
  62.                                     {% endif %}
  63.                                 </div>
  64.                                 <a href="{{ path('vacancies_with_filter', {'filters' : 'company/'~company.slug}) }}"
  65.                                    title="{{ 'View'|trans }} {{ 'amount_of_vacancies'|trans({'count': company.publishedVacancyCount}) }}"
  66.                                    class="is-btn is-background-color-accent">{{ 'View'|trans }} {{ 'amount_of_vacancies'|trans({'count': company.publishedVacancyCount}) }}</a>
  67.                                 {% if feature('feature_company_testimonials') %}
  68.                                     {% if relatedTestimonials is not empty %}
  69.                                         <hr>
  70.                                         <div class="component component--testimonial">
  71.                                             <h2>{{ 'What do your colleagues say'|trans }}</h2>
  72.                                             <div class="row">
  73.                                                 {% for testimonial in relatedTestimonials[:2] %}
  74.                                                     <div class="col-12 col-md-6 testimonial">
  75.                                                         <div class="row">
  76.                                                             <div class="col-12">
  77.                                                                 <div class="testimonial-content bubble bubble-info flat-shadow-1 has-after">
  78.                                                                     <p>
  79.                                                                         {{ testimonial.intro[:95]|striptags('<a>') }}
  80.                                                                         {% if testimonial.intro|length > 95 %}
  81.                                                                             [
  82.                                                                             <a href="{{ path('testimonial_detail', {id: testimonial.id, slug: testimonial.slug}) }}">...</a>]
  83.                                                                         {% endif %}
  84.                                                                     </p>
  85.                                                                 </div>
  86.                                                             </div>
  87.                                                         </div>
  88.                                                         <div class="row">
  89.                                                             {% if testimonial.employee is not empty %}
  90.                                                                 <div class="col-12 col-sm-4 col-md-3 testimonial-img">
  91.                                                                     <img loading="lazy" class="is-border-2 is-border-color-secondary"
  92.                                                                          src="{{ media_asset(testimonial.employee.picture) }}"
  93.                                                                          alt="{{ testimonial.employee.picture.metaInformation }}">
  94.                                                                 </div>
  95.                                                             {% elseif testimonial.authorPicture %}
  96.                                                                 <div class="col-12 col-sm-4 col-md-3 testimonial-img">
  97.                                                                     <img loading="lazy" class="is-border-2 is-border-color-secondary"
  98.                                                                          src="{{ media_asset(testimonial.authorPicture) }}"
  99.                                                                          alt="{{ testimonial.authorPicture.metaInformation }}">
  100.                                                                 </div>
  101.                                                             {% endif %}
  102.                                                             <div class="col-8 col-sm-8 col-md-9 author">
  103.                                                                 {% if testimonial.employee is not empty %}
  104.                                                                     <p>
  105.                                                                         <b>{{ testimonial.employee.firstName }} {{ testimonial.employee.lastName }}</b>
  106.                                                                         {% if testimonial.employee.company is not empty %}
  107.                                                                             <br><span>{{ testimonial.employee.company.name }}</span>
  108.                                                                         {% endif %}
  109.                                                                     </p>
  110.                                                                 {% else %}
  111.                                                                     <p>
  112.                                                                         <b>{{ testimonial.employeeName }}</b><br><span>{{ testimonial.company }}</span>
  113.                                                                     </p>
  114.                                                                 {% endif %}
  115.                                                             </div>
  116.                                                         </div>
  117.                                                     </div>
  118.                                                 {% endfor %}
  119.                                             </div>
  120.                                         </div>
  121.                                     {% endif %}
  122.                                 {% endif %}
  123.                             </div>
  124.                         </div>
  125.                     </main>
  126.                 {% endblock company_block_main %}
  127.                 {% block company_block_sidebar %}
  128.                     <aside class="col-12 col-lg-4">
  129.                         <div class="widget widget--latest-vacancies">
  130.                             <h2>{{ 'Latest vacancies'|trans }}</h2>
  131.                             {% if companyVacancies is not empty %}
  132.                                 <div class="row">
  133.                                     {% for vacancy in companyVacancies %}
  134.                                         <div class="col-12 col-md-6 col-lg-12">
  135.                                             <div class="card card_related_vacancies" data-component="Favorite">
  136.                                                 <div class="card-body">
  137.                                                     <div class="vacancy-top">
  138.                                                         <div class="vacancy-title">
  139.                                                             <a title="{{ vacancy.title }}"
  140.                                                                href="{{ path('vacancy_detail', {'id' : vacancy.id, 'slug' : vacancy.slug}) }}">
  141.                                                                 <h3>{{ vacancy.title }}</h3>
  142.                                                             </a>
  143.                                                         </div>
  144.                                                         {% include('pages/partials/vacancy_favorite.html.twig') %}
  145.                                                     </div>
  146.                                                     <div class="vacancy-footer d-block">
  147.                                                         <div class="vacancy-options">
  148.                                                             <ul>
  149.                                                                 {% if vacancy.city %}
  150.                                                                     {% if config_setting('site_vacancy_show_location') %}
  151.                                                                         <li><i class="fal fa-map-marker-alt"></i> {{ vacancy.city }}
  152.                                                                         </li>
  153.                                                                     {% endif %}
  154.                                                                 {% endif %}
  155.                                                                 {% for optionValue in vacancy.optionValues %}
  156.                                                                     <li>
  157.                                                                         <i class="{{ optionValue.option.fontAwesomeIcon }}"></i>{{ optionValue.value }}
  158.                                                                     </li>
  159.                                                                 {% endfor %}
  160.                                                             </ul>
  161.                                                         </div>
  162.                                                         <a href="{{ path('vacancy_detail', {'id': vacancy.id, 'slug': vacancy.slug}) }}"
  163.                                                            title="{{ 'Show vacancy'|trans }}" class="is-btn is-color-primary is-padding-0 is-min-width-auto">
  164.                                                             {{ 'Show vacancy'|trans }} <i class="far fa-angle-right icon-after"></i>
  165.                                                         </a>
  166.                                                     </div>
  167.                                                 </div>
  168.                                             </div>
  169.                                         </div>
  170.                                     {% endfor %}
  171.                                 </div>
  172.                                 <a href="{{ path('vacancies_with_filter', {'filters' : 'company/'~company.slug}) }}" title="{{ 'All vacancies'|trans }}"
  173.                                    class="is-btn is-color-primary is-padding-0 is-min-width-auto">
  174.                                     {{ 'All vacancies'|trans }}<i class="far fa-angle-right icon-after"></i>
  175.                                 </a>
  176.                             {% endif %}
  177.                         </div>
  178.                     </aside>
  179.                 {% endblock company_block_sidebar %}
  180.             </div>
  181.         {%  endblock company_content %}
  182.         {% block company_footer %}
  183.             <!-- extra footer section for e.g. related items -->
  184.         {% endblock company_footer %}
  185.     </div>
  186. {% endblock %}