{% if isCartPage and device == "desktop" %}
{% set beefClubCategory = doncarneConfig.beefClubCategory %}
{% if context.customer and context.customer.groupId == doncarneConfig.beefClubCustomerGroup %}
{% set beefClubCategory = doncarneConfig.beefClubPortalCategory %}
{% endif %}
<div class="row dc-mb-12">
<div class="col-8">
<div class="background-beige px-4 py-5 text-center cart-page-beef-club__wrapper h-100">
<div>
<p class="font-cormorant cart-page-beef-club__cta-long">{{"beefClub.callToActionLong"|trans|sw_sanitize}}</p>
{% if beefClubCategory %}
<a class="link-arrow cart-page-beef-club__cta-short" href="{{ seoUrl('frontend.navigation.page', { navigationId: beefClubCategory }) }}">
{{ "beefClub.callToActionShort"|trans|sw_sanitize }}
</a>
{% endif %}
</div>
</div>
</div>
<div class="col-4">
<a class="header-beef-club-link d-block" href="{{ seoUrl('frontend.navigation.page', { navigationId: beefClubCategory }) }}" title="Don Carne Beef Club">
<img class="img-fluid cart-page-beef-club__img" src="/bundles/doncarnetheme/media/doncarne_beefclub.png" alt="Don Carne Beef Club">
</a>
</div>
</div>
{% else %}
{% set beefClubCategory = doncarneConfig.beefClubCategory %}
{% if context.customer and context.customer.groupId == doncarneConfig.beefClubCustomerGroup %}
{% set beefClubCategory = doncarneConfig.beefClubPortalCategory %}
{% endif %}
<div class="beef-club-box background-black text-white mb-4 lg-mb-0">
{% if beefClubCategory and doncarneConfig.beefClubImage %}
{% set link = seoUrl('frontend.navigation.page', { navigationId: beefClubCategory }) %}
{% set imageId = doncarneConfig.beefClubImage %}
{% set mediaCollection = searchMedia([imageId], context.context) %}
{% set media = mediaCollection.get(imageId) %}
<a class="header-beef-club-link" href="{{link}}" title="Don Carne Beef Club">
<img class="img-fluid" src="{{media.url}}" alt="Don Carne Beef Club">
</a>
<p class="text-center mb-0">{{"beefClub.callToAction"|trans({'%link%': link})|raw}}</p>
{% endif %}
</div>
{% endif %}