templates/frontend/template/career.html.twig line 1

  1. {% extends "frontend/base.html.twig" %}
  2. {% import "frontend/_macros.twig" as macros %}
  4. {% block title %}{{ page.title }}{% endblock %}
  6. {% block body %}
  8. {% include 'frontend/block/hero_image.html.twig' with { 'block': page.metaDecoded('hero_image')|merge({ 'show_footer': false, 'full_height': false }) } %}
  10. <div class="block block-career">
  11.     <div class="container">
  12.         <div class="career-positions theme-dark">
  13.         {% for position in app_career_positions() %}
  14.             <details class="accordion career-position">
  15.                 <summary class="accordion-header">
  16.                     <div class="career-position-title">{{ position.title }}</div>
  17.                     <div class="career-position-info">
  18.                         <span>{{ position.isAvailable ? 'Nástup možný ihned' : 'Uzavřeno' }}</span>
  19.                         <span>{{ position.isFullTime ? 'Hlavní pracovní úvazek' : 'Poloviční pracovní úvazek' }}</span>
  20.                     </div>
  21.                 </summary>
  22.                 <div class="accordion-content">
  23.                     <h2 class="heading">{{ position.heading }}</h2>
  25.                     <div class="grid grid-r2 grid-c2">
  26.                         <div class="cell">
  27.                             <h3 class="sub-heading">Popis pracovní pozice:</h3>
  28.                             {{ position.description|raw|editor_content }}
  29.                         </div>
  31.                         <div class="cell">
  32.                             <h3 class="sub-heading">Požadujeme:</h3>
  33.                             {{ position.requirements|raw|editor_content }}
  34.                         </div>
  36.                         <div class="cell">
  37.                             <h3 class="sub-heading">Co Vám můžeme nabídnout:</h3>
  38.                             {{ position.offer|raw|editor_content }}
  39.                         </div>
  41.                         <div class="cell">
  42.                             <h3 class="sub-heading">Máte zájem o tuto pozici?</h3>
  43.                             <a href="#poptavka" class="button button-white"><span>Odeslat poptávku</span></a>
  44.                         </div>
  45.                     </div>
  46.                 </div>
  47.             </details>
  48.         {% endfor %}
  49.         </div>
  50.     </div>
  51. </div>
  53. <div class="block block-contact container" id="poptavka">
  54.     <div class="block-part-top">
  55.         <div class="left">
  56.             {{ app_static_image_html('img/career/contact.jpg', { 'class': 'left-background' }) }}
  57.             <div class="left-content">
  58.                 <div class="content-item">
  59.                     <span class="content-item-title">Telefonní číslo</span>
  60.                     <span><a href="tel:+420272084111">+420 272 084 111</a></span>
  61.                 </div>
  62.                 <div class="content-item">
  63.                     <span class="content-item-title">E-mail:</span>
  64.                     <span><a href="mailto:isr@auto-isr.cz">isr@auto-isr.cz</a></span>
  65.                 </div>
  66.                 <div class="content-item">
  67.                     <span class="content-item-title">Po - Pá:</span>
  68.                     <span>08:00 - 18:00</span>
  69.                 </div>
  70.                 <div class="content-item">
  71.                     <span class="content-item-title">Adresa:</span>
  72.                     <span>V Oblouku 121, 251 01 Čestlice</span>
  73.                 </div>
  74.             </div>
  75.         </div>
  77.         <div class="right">
  78.             <form action="{{ app_endpoint('form') }}" method="post" class="form form-quarters form-has-file-upload" enctype="multipart/form-data" data-use-js="true">
  79.                 <input type="hidden" name="object_type" value="page">
  80.                 <input type="hidden" name="object_name" value="{{ page.name }}">
  82.                 <div class="form-field form-field-half">
  83.                     <label for="full-name">Jméno a příjmení</label>
  84.                     <input type="text" name="full_name" id="full-name" placeholder="Jméno a příjmení" required>
  85.                 </div>
  86.                 <div class="form-field form-field-half">
  87.                     <label for="position">Pozice</label>
  88.                     {% set positions = app_career_positions()|map((p) => { value: p.id, title: p.title }) %}
  89.                     {{ macros.form_select('position', 'position', positions, 'Pozice', true) }}
  90.                 </div>
  91.                 <div class="form-field form-field-half">
  92.                     <label for="email">Email</label>
  93.                     <input type="email" name="email" id="email" placeholder="Email" required>
  94.                 </div>
  95.                 <div class="form-field form-field-half">
  96.                     <label for="phone">Telefon</label>
  97.                     <input type="text" name="phone" id="phone" placeholder="Telefon">
  98.                 </div>
  99.                 <div class="form-field form-field-three-quarters">
  100.                     <label for="message">Váš dotaz</label>
  101.                     <textarea name="message" id="message" rows="3" placeholder="Váš dotaz" required></textarea>
  102.                 </div>
  103.                 <div class="form-field form-field-quarter">
  104.                     <button type="button" class="form-file-upload" data-input="attachment"><span>Připojit soubor</span></button>
  105.                     <input type="file" name="attachment" class="form-hidden">
  106.                 </div>
  108.                 <div class="form-buttons">
  109.                     <button type="submit" class="button button-submit"><span>Odeslat</span></button>
  110.                     <p class="notice">Tato stránka je chráněna pomocí reCAPTCHA a <a href="{{ app_url('page', { name: 'protection-of-personal-data' }) }}" target="_blank">zásadami zpracování a ochrany osobních údajů</a>.</p>
  111.                 </div>
  113.                 {{ app_form_recaptcha() }}
  114.             </form>
  115.         </div>
  116.     </div>
  118.     <div class="block-part-bottom">
  119.         {{ app_static_image_html('img/homepage/contact/map.jpg') }}
  121.         <div class="floating-content">
  122.             <a href="https://goo.gl/maps/A8u2ddZxKkssR5wB9" class="button button-primary button-map-left" target="_blank"><span>Auto I.S.R.</span></a>
  123.         </div>
  124.     </div>
  125. </div>
  127. {% endblock %}