<!-- Begin Tickets Section -->
<section id="tickets" class="tickets">
	<div class="content-wrapper">
		<div class="col-lg-8 col-md-10 col-lg-offset-2 col-md-offset-1">
			<h3>{{ site.ticketsTitle }}</h3>
            {% for ticketsOffer in site.ticketsOffers %}
	            {% assign colWidth = 12 | divided_by: forloop.length %}
	            {% assign check = forloop.index | modulo:2 %}
	            <div class="col-md-{{ colWidth }} col-sm-{{ colWidth }} pricing-col {% if ticketsOffer.featured != null %}pricing-col-featured{% endif %} animated hiding" data-animation="{% if forloop.index == 1 %}fadeInLeft{% elsif forloop.index == forloop.length %}fadeInRight{% else %}fadeInDown{% endif %}" data-delay="{% if check == 0 %}0{% else %}500{% endif %}">
	            	{% if ticketsOffer.ribbon != null %}<div class="pricing-ribbon">{{ ticketsOffer.ribbon }}</div>{% endif %}
					<div class="pricing-header">
						<p class="title">{{ ticketsOffer.name }}</p>
						<p class="price">{{ ticketsOffer.price }} <span class="currency">{{ ticketsOffer.priceCurrency }}</span></p>
					</div>
					<div class="pricing-content">
						<ul>
							{% for listItem in ticketsOffer.ticketContentList %}
							<li>{{ listItem }}</li>
							{% endfor %}
						</ul>
						{% if ticketsOffer.soldOut == true %}
						<span class="button disabled">{{ ticketsOffer.soldOutText }}</span>
						{% elsif ticketsOffer.disabled != true %}
						<a class="button" href="{{ ticketsOffer.buyButtonLink }}" target="_blank">{{ ticketsOffer.buyButtonText }}</a>
						{% else %}
		           		{% assign ticketValidFrom = ticketsOffer.validFrom | split: "T" %}
						<span class="button disabled fallback">Plazo finalizado el {{ ticketValidFrom[0] | date: "%-d %B %Y"}}</span>
						{% endif %}
					</div>
				</div>
            {% endfor %}
		</div>
	</div>
</section>
<!-- End Tickets Section -->