<div class="detailFil small-12 cell" id="ajax-content">
	<ul class="grid">
		{% set promos = entries('promo', 'product').orderBy('id', 'desc').paginate(9) %}
		{% for promo in promos %}
			<li>
				<div class="boxOffers">
					<a href="{{ url('special-offer/promo/' ~ promo.slug) }}" class="layerImage">
						{{ img(promo.cover_image.cropped())
						.resize(350, 350)
						.attr('title', promo.name)
						|raw
						}}
					</a>
					<div class="caption columns">
						<div class="sideLeft">
							<div class="productOffers">
								<a href="{{ url('special-offer/promo/' ~ promo.slug) }}">
									<h1 class="title">{{ promo.name }}</h1>
								</a>
							</div>
							<div class="bonusOffers">
								<p>
									{{ promo.short_description }}
								</p>
							</div>
						</div>
						<div class="sideRight">
							<span class="noteOffers">from</span>
							<span class="dateOffers">{{ promo.start_date.format('d.m.y')}}</span>
							<span class="noteOffers">valid to</span>
							<span class="dateOffers">{{ promo.start_date.format('d.m.y')}}</span>
						</div>
					</div>
				</div>
			</li>
		{% endfor %}

	</ul>

	{{ promos.links("theme::pagination.fuji")|raw }}

</div>