<div class="courses-item {{ item.isPremium == 1 ? 'courses-premium': '' }}">
<div class="row">
<div class="col-sm-4 col-md-3">
<div class="courses-image">
<a target="_blank"
href="{{ path('fmUniqskillsCourseLanding', { categorySlug: item.category.categorySlug, slug: item.slug }|merge(queryParams)) }}"
onclick="{{ gaDataLayerUS('prod_clicks', item.id, {'position': loop.index})|raw }}">
<img src="{{ asset('uploads/'~item.imageName) | imagine_filter('img_160_width') }}" alt=""/>
</a>
</div>
</div>
<div class="col-sm-8 col-md-9">
<div class="courses-header">
<a href="{{ path('fmUniqskillsCourseLanding', { categorySlug: item.category.categorySlug, slug: item.slug }|merge(queryParams)) }}"
onclick="{{ gaDataLayerUS('prod_clicks', item.id, {'position': loop.index})|raw }}">
<h2>{{ item.name }}</h2>
</a>
{% set difference = date('now'|date('d-m-Y')).diff(date(item.createdAt|date('d-m-Y'))) %}
{% set daysDifference = difference.days %}
{% if daysDifference <= 60 %}
<span class="labels labels-blue">{{ 'uniqskills.catalog.courses.news'|trans }}</span>
{% endif %}
</div>
<p>
{{ item.shortBody }}
</p>
</div>
</div>
<div class="row" style="margin-top: 10px;">
<div class="col-xs-12 col-md-9 col-md-offset-3">
<div class="info">
{% if app.request.server.get('DEFAULT_LOCALE') != 'en' %}
<div class="info-box">
<span class="info-title">{{ 'uniqskills.catalog.courses.inPartnershipWith'|trans }}:</span>
<div class="info-content">
<a href="{{ item.cooperator ? item.cooperator.link }}">
<img style="height: 44px; max-width: 100%;"
src="{{ item.cooperator ? asset('uploads/'~item.cooperator.imageName) }}" alt=""/>
</a>
</div>
</div>
{% endif %}
{% if app.request.server.get('DEFAULT_LOCALE') == 'en' %}
<div class="info-box">
{% if item.durationWeeks is not empty %}
<span class="info-title">{{ 'uniqskills.catalog.courses.time'|trans }}:</span>
<div class="info-content">
{{ item.durationWeeks }}
{% if item.durationWeeks == 1 %}
{{ 'uniqskills.catalog.courses.week'|trans }}
{% else %}
{{ 'uniqskills.catalog.courses.weeks'|trans }}
{% endif %}
{% if item.durationPerWeek is not empty %} / {{ item.durationPerWeek }}{% endif %}
</div>
{% endif %}
</div>
<div class="info-box" style="justify-content: center">
<div class="info-content">
<a class="learnMore"
href="{{ path('fmUniqskillsCourseLanding', { categorySlug: item.category.categorySlug, slug: item.slug }|merge(queryParams)) }}"
onclick="{{ gaDataLayerUS('prod_clicks', item.id, {'position': loop.index})|raw }}">
<button><span>Learn More</span><i class="fa fa-angle-right"></i></button>
</a>
</div>
</div>
{% endif %}
{% if isGift is not defined or isGift == false %}
<div class="info-box">
<div class="info-title">
{{ 'uniqskills.catalog.courses.price'|trans }}
<span class="price-type-label info-title" style="margin-left: 2px">{{ initialType }}</span>:
</div>
<div class="info-content">
{% if orderSuccessPage is defined and orderSuccessPage == true %}
{# TODO subscription #}
{# {% include '/uniqskills/frontend/price.html.twig' with { #}
{# 'price': order.salePriceGross is empty ? order.grossPrice : order.salePriceGross, #}
{# 'country': order.subscription.country, #}
{# 'type': 0 #}
{# } %} #}
{% else %}
{% if app.request.session.get('userLocale', 'pl') in ['pl','en'] %}
{% if item.defaultPrice == 0 %}
{{ 'uniqskills.landing.freeAccess'|trans }}
{% else %}
{% include 'uniqskills/catalogue/_partials/_course_price_widget.html.twig' %}
{% endif %}
{% elseif item.countryProduct[0] is defined %}
{% include 'uniqskills/catalogue/_partials/_course_price_widget.html.twig' %}
{% elseif app.request.session.get('userLocale', 'pl') in ['en-us','de','pt'] %}
{% if item.defaultPrice == 0 %}
{{ 'uniqskills.landing.freeAccess'|trans }}
{% else %}
{{ item.defaultPrice|number_format("2") }}
{% if app.request.session.get('userLocale', 'pl') == 'en-us' %}${% else %}€{% endif %}
{% endif %}
{% else %}
{% if item.defaultPrice == 0 %}
{{ 'uniqskills.landing.freeAccess'|trans }}
{% else %}
{{ item.defaultPrice }} $
{% endif %}
{% endif %}
{% endif %}
</div>
</div>
{% endif %}
{% if app.request.locale != 'en' %}
<div class="info-box {{ not item.cooperator ? 'info-box--wide' : '' }}">
<span class="info-title">
{{ 'uniqskills.catalog.courses.startDate'|trans }}:
</span>
<div class="info-content">
{% if item.isContinuous == false %}
{% if item.startDate is empty %}
{{ 'uniqskills.catalog.courses.startingSoon'|trans }}
{% else %}
{{ item.startDate|date('d.m.Y') }}
{% endif %}
{% else %}
{% if app.request.locale == 'pl' %}
{{ 'uniqskills.catalog.courses.startingSoon1'|trans }}
{% else %}
{{ 'uniqskills.catalog.courses.startingSoon'|trans }}
{% endif %}
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>