<div class="col-lg-3 mt-5 mt-lg-0">
<div class="sticky">
<div class="row align-items-center justify-content-center">
<div class="col-sm-9 col-12 col-lg-11 border-1 border-secondary border rounded-3">
{% include 'front/offer/offer_preview/includes/bottom/right_block/salary_data/salary_data.twig' with { offer: offer } %}
{% include 'front/offer/offer_preview/includes/bottom/right_block/work_data/work_data.twig' with { offer: offer } %}
<div class="col-12 mt-3">
<div class="row">
{% if application_button is defined and application_button %}
{% include 'front/offer/offer_preview/includes/bottom/right_block/application_button.twig' %}
{% endif %}
</div>
</div>
</div>
</div>
{% if offer.extraInfo.isDone %}
<div class="col-12 mt-3">
<div class="d-flex box_buttons_offer">
<button class="btn btn-outline-primary btn-share uppercase">
<i class="fas fa-share-alt fmx-3"></i>
<span>{{ 'USER_ZONE.OFFER.PRE_VIEW.SHARE'|trans }}</span>
</button>
<button class="btn btn-outline-primary copy_url uppercase">
<i class="fas fa-regular fa-copy fmx-3"></i>
<span>{{ 'USER_ZONE.HOME_PAGE.COPY_URL'|trans }}</span>
</button>
</div>
<div class="share-buttons mt-3">
<div class="sharethis-inline-share-buttons"></div>
</div>
</div>
{% endif %}
{% if offer.shortCode is defined and offer.shortCode is not null %}
<div class="col-12 text-center">
<span>{{ 'USER_ZONE.OFFER.PUBLISHED_AT_OFFER'|trans }}: {{offer.publishedAt|date('d.m.Y')|default('')}}</span>
<div class="text-center" style="font-size: 13px;">ID: {{ offer.shortCode|default(' - ') }}</div>
</div>
{% endif %}
</div>
</div>