{% set JOB_ITEM_DEFAULTS = {
  className: '',
  titleTag: 'h3',
  title: 'Job Item Title',
  tags: [
    { text: 'SOFORT' },
    { text: 'ONLINE', isPrimary: true }
  ]
} %}

{% macro JobItem(settings = {}) %}
  {% set settings = merge(JOB_ITEM_DEFAULTS, settings) %}

  <article class="job-item {{ settings.className }}">
    <div class="job-item__content">
      <{{ settings.titleTag }} class="job-item__title">
        <a href="#" class="job-item__title-link">{{ settings.title }}</a>
      </{{ settings.titleTag }}>
      <div class="job-item__logo">
        <img src="{{ PATH.images }}/logo-small.png" alt="LOGO ALT" class="job-item__logo-img">
      </div>
      {% if settings.tags %}
        <div class="job-item__tags">
          {% for item in settings.tags %}
            {{ Tag({
              isPrimary: item.isPrimary,
              text: item.text
            }) }}
          {% endfor %}
        </div>
      {% endif %}
    </div>
    <a href="#" class="job-item__action">
      <span class="job-item__action-text">Jetzt bewerben</span>
      <span class="job-item__action-icon" aria-hidden="true">
        {{ Helpers.svg('icons/secondary-arrow-right') }}
      </span>
    </a>
  </article>
{% endmacro %}
