{% load static %}
{% if i.thumbnail and i.attachments > 1 %}
	<div class="col col-md-6 col-lg-2 mb-3">
		<a href="#"></a>
		<div class="card card-ticket h-100 thumb-rounded">
			<div id="myCarousel{{i.pk}}" class="carousel slide" data-ride="carousel">
				<div class="card-image carousel-inner">

					{% for thumb in i.thumbnail %}
						<div class="item {% if forloop.first %} active {% endif %}">
							<img src="{% static 'resources/' %}{{ thumb.path }}{% if thumb.path|lower|endswith:'.pdf' %}.png{% endif %}" 
								 alt="Thumbnail" 
								 class="img-fluid" 
								 onerror="this.onerror=null;this.src='{% static 'upload/logo.png' %}'">
						</div>
					{% endfor %}
					
				</div>

				<!-- Carousel controls -->
				<a class="left carousel-control" href="#myCarousel{{i.pk}}" data-slide="prev">
					<span><i class="fa fa-arrow-left" aria-hidden="true"></i></span>
				</a>
				<a class="right carousel-control" href="#myCarousel{{i.pk}}" data-slide="next">
					<span><i class="fa fa-arrow-right" aria-hidden="true"></i></span>
				</a>
			</div>

			<div class="card-body cuk h-custom" onclick="openlink('{% url 'content_item' pk=i.pk %}')">
				<span class="mt-2 font-weight-bold font-sm">
					<a href="{% url 'content_item' pk=i.pk %}" title="{{ i.judul }}">{{ i.judul|truncatechars:100 }}</a>
				</span>
				<br>
				<span class="text-muted font-sm" title="{{ i.deskripsi }}">{{ i.deskripsi|truncatechars:70 }}</span>
				<br>
				<div class="position-custom">
					<span class="btn-info px-2 py-1 rounded float-right">{{ i.tahun }}</span>
				</div>
				<br>
				<div class="text-right mt-4 flex-row-reverse position-custom">
					{% if i.attachments %}Ada {{ i.attachments }} Lampiran{% else %}Tidak Ada Lampiran{% endif %}
				</div>
			</div>
		</div>
	</div>

{% elif i.thumbnail and i.attachments <= 1 %}
	<div class="col col-md-6 col-lg-2 mb-3">
		<a href="#"></a>
		<div class="card card-ticket h-100 thumb-rounded">
			<div class="card-image">
				{% for thumb in i.thumbnail %}
					<img src="{% static 'resources/' %}{{ thumb.path }}{% if thumb.path|lower|endswith:'.pdf' %}.png{% endif %}" 
						 alt="Thumbnail" 
						 class="img-fluid" 
						 onerror="this.onerror=null;this.src='{% static 'upload/logo.png' %}'">
				{% endfor %}
			</div>

			<div class="card-body cuk h-custom" onclick="openlink('{% url 'content_item' pk=i.pk %}')">
				<span class="mt-2 font-weight-bold font-sm">
					<a href="{% url 'content_item' pk=i.pk %}" title="{{ i.judul }}">{{ i.judul|truncatechars:100 }}</a>
				</span>
				<br>
				<span class="text-muted font-sm" title="{{ i.deskripsi }}">{{ i.deskripsi|truncatechars:70 }}</span>
				<br>
				<div class="position-custom">
					<span class="btn-info px-2 py-1 rounded float-right">{{ i.tahun }}</span>
				</div>
				<br>
				<div class="text-right mt-4 flex-row-reverse position-custom">
					{% if i.attachments %}Ada {{ i.attachments }} Lampiran{% else %}Tidak Ada Lampiran{% endif %}
				</div>
			</div>
		</div>
	</div>

{% else %}
	<div class="col col-md-6 col-lg-2 mb-3">
		<a href="#"></a>
		<div class="card card-ticket h-100 thumb-rounded">
			<div class="card-image">
				<img src="{% static 'upload/logo.png' %}" alt="Default Thumbnail" class="img-fluid">
			</div>

			<div class="card-body cuk h-custom" onclick="openlink('{% url 'content_item' pk=i.pk %}')">
				<span class="mt-2 font-weight-bold font-sm">
					<a href="{% url 'content_item' pk=i.pk %}" title="{{ i.judul }}">{{ i.judul|truncatechars:100 }}</a>
				</span>
				<br>
				<span class="text-muted font-sm" title="{{ i.deskripsi }}">{{ i.deskripsi|truncatechars:70 }}</span>
				<br>
				<div class="position-custom">
					<span class="btn-info px-2 py-1 rounded float-right">{{ i.tahun }}</span>
				</div>
				<br>
				<div class="text-right mt-4 flex-row-reverse position-custom">
					{% if i.attachments %}Ada {{ i.attachments }} Lampiran{% else %}Tidak Ada Lampiran{% endif %}
				</div>
			</div>
		</div>
	</div>
{% endif %}