{% 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 %}
								    	{% with i.thumbnail|first as first_browser %}
										    <div class="item {% if thumb.pk == first_browser.pk %} active {% endif %}">
									        	<img src="{% static 'resources/' %}{{thumb.path}}.png" alt="">
									      	</div>
										{% endwith %}
							    		
									{% endfor %}
							    </div>

							    <!-- Left and right 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}}.png" alt="" class="img-fluid" onerror="this.onerror=null;this.src='';">
							   	{% 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="">
							</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 %}