templates/job/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block stylesheets %}
  3. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  4. {% endblock %}
  5. {% block title %}{{ job['job_name'] }} - {{ 'Career' | trans }} - EZMID{% endblock %}
  6. {% block body %}
  7. {% include 'layout/header-section.html.twig' %}
  8. <section id="content" class="detail job">
  9. <div class="container">
  10. {% if job %}
  11. <div class="row">
  12. <div class="col-sm-12 col-md-8">
  13. <p class="title">
  14. {{ 'We are looking for <span class="red-und">a talent like you</span>.' | trans | raw }}
  15. </p>
  16. <p class="description">
  17. {{ job.job_description }}
  18. </p>
  19. </div>
  20. <div class="d-none-sm col-md-1">
  21. </div>
  22. <div class="col-sm-12 col-md-3 text-center">
  23. <a
  24. class="btn btn-danger btn-ezmid job-apply"
  25. href="mailto:{{ job.email_to }}?subject=CV - {{ job.job_name }}"
  26. >
  27. <i class="fa fa-paper-plane"></i>
  28. {{ 'Apply now' | trans }}
  29. </a>
  30. </div>
  31. </div>
  32. <div class="row mt-4">
  33. <div class="col-md-8 col-xs-12 mb-4">
  34. <div class="row mt-4">
  35. <div class="col-md-6 col-sm-12">
  36. {% for blk in job.block_left %}
  37. <h4 class="pb-2">
  38. {{ blk.title }}
  39. </h4>
  40. <ul class="mb-4">
  41. {% for itm in blk.items %}
  42. <li>
  43. {{ itm }}
  44. </li>
  45. {% endfor %}
  46. </ul>
  47. {% endfor %}
  48. </div>
  49. <div class="col-md-6 col-sm-12">
  50. {% for blk in job.block_right %}
  51. <h4 class="pb-2">
  52. {{ blk.title }}
  53. </h4>
  54. {% for item in blk.items %}
  55. {% if item is iterable %}
  56. <h5 class="pt-2">
  57. {{ item.title }}
  58. </h5>
  59. <ul class="mb-4">
  60. {% for skill in item.items %}
  61. <li>
  62. {{ skill }}
  63. </li>
  64. {% endfor %}
  65. </ul>
  66. {% else %}
  67. <p>
  68. {{ item }}
  69. </p>
  70. {% endif %}
  71. {% endfor %}
  72. {% endfor %}
  73. </div>
  74. </div>
  75. </div>
  76. <div class="col-md-4 col-xs-12 job-facts">
  77. <div class="row text-center">
  78. <div class="col-lg-12 col-md-12 mt-4 mb-4 job-fact">
  79. <h6>
  80. <i class="fa fa-user-ninja"></i>
  81. {{ 'Skill level' | trans }}
  82. </h6>
  83. {{ job.skill }}
  84. </div>
  85. <div class="col-lg-12 col-md-12 mb-4 job-fact">
  86. <h6>
  87. <i class="fa fa-coins"></i>
  88. {{ 'Salary' | trans }}
  89. </h6>
  90. <small>{{ 'from' | trans }}</small>
  91. <span class="job-fact-value-nowrap">&euro; {{ job.salary }}{% if job.salary_note is defined and job.salary_note is not empty %} ({{ job.salary_note }}){% endif %}</span>
  92. <br>
  93. <small>
  94. ({{ 'based on experience' | trans }})
  95. </small>
  96. </div>
  97. <div class="col-lg-12 col-md-12 mb-4 job-fact">
  98. <h6>
  99. <i class="fa fa-calendar-alt"></i>
  100. {{ 'Start date' | trans }}
  101. </h6>
  102. {{ job.start_date }}
  103. </div>
  104. <div class="col-lg-12 col-md-12 mb-4 job-fact">
  105. <h6>
  106. <i class="fa fa-landmark"></i>
  107. {{ 'Type' | trans }}
  108. </h6>
  109. {{ job.employment }}
  110. </div>
  111. <div class="col-lg-12 col-md-12 mb-4 job-fact">
  112. <h6>
  113. <i class="fa fa-map-marsker-alt"></i>
  114. {{ 'Location' | trans }}
  115. </h6>
  116. <span class="job-fact-location">{{ job.workplace }}</span>
  117. </div>
  118. {# <div class="col-lg-12 col-md-12 mb-4">
  119. <h6>
  120. <i class="fa fa-map-marsker-alt"></i>
  121. {{ 'Tech' | trans }}
  122. </h6>
  123. <i class="fab fa-php fa-2x"></i>
  124. <i class="fab fa-js fa-2x"></i>
  125. <i class="fab fa-linux fa-2x"></i>
  126. </div> #}
  127. </div>
  128. </div>
  129. </div>
  130. {% else %}
  131. JOB POSITION IS CLOSED
  132. {% endif %}
  133. </div>
  134. </section>
  135. {% endblock %}
  136. {% block modals %}
  137. {% endblock %}