<div class="row page-nav d-none d-sm-flex mt-5">
<div class="col-12">
<div class="py-2 border-2 border-top border-bottom border-nonary">
<div class="row justify-content-start fz-14 bold text-octonary offer-nav">
{% if offer is not null and offer.aboveHeaderMenu is defined and offer.aboveHeaderMenu is not null %}
{% for menuKey, menu in offer.aboveHeaderMenu %}
{% if menuKey == 0 %}
<div class="mx-2 fmx-lg-2 mt-3 mt-lg-0 col-5 col-lg-auto ">
<a href="#offer_item_head_{{ loop.index }}" class="text-octonary">{{ 'USER_ZONE.OFFER.JOB_DESCRIPTION'|trans }}</a>
</div>
{% endif %}
{% if menuKey == 1 %}
<div class="mx-2 fmx-lg-2 mt-3 mt-lg-0 col-5 col-lg-auto ">
<a href="#offer_item_head_{{ loop.index }}" class="text-octonary">{{ 'USER_ZONE.OFFER.REQUIREMENTS'|trans }}</a>
</div>
{% endif %}
{% if menuKey == 2 %}
<div class="mx-2 fmx-lg-2 mt-3 mt-lg-0 col-5 col-lg-auto ">
<a href="#offer_item_head_{{ loop.index }}" class="text-octonary">{{ 'USER_ZONE.OFFER.TASK_RANGE'|trans }}</a>
</div>
{% endif %}
{% if menuKey == 3 %}
{% for details in menu %}
<div class="mx-2 fmx-lg-2 mt-3 mt-lg-0 col-5 col-lg-auto ">
<a href="#offer_item_head_details_{{ loop.index }}" class="text-octonary">{{ app.request.locale == 'pl' ? details.plName|default(' - ') : details.enName|default(' - ') }}</a>
</div>
{% endfor %}
{% endif %}
{% if menuKey == 4 and offer.extraInfo.workData is not empty %}
<div class="mx-2 fmx-lg-2 mt-3 mt-lg-0 col-5 col-lg-auto ">
<a href="#offer_item_work_data" class="text-octonary">{{ 'USER_ZONE.OFFER.ADDITIONAL_INFORMATION'|trans }}</a>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% if offer.extraInfo.companyDescription is not null and offer.extraInfo.companyDescription != '' %}
<div class="mx-2 fmx-lg-2 mt-3 mt-lg-0 col-5 col-lg-auto ">
<a href="#offer_item_company_description" class="text-octonary">{{ 'USER_ZONE.OFFER.COMPANY_DESCRIPTION'|trans }}</a>
</div>
{% endif %}
</div>
</div>
</div>
</div>