{% load static %}
{% if i.thumbnail_surat and i.attachments_surat > 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.deskripsi}}_{{i.pk}}" class="carousel slide" data-ride="carousel">
							    <div class="card-image carousel-inner">
							    	
							    	{% for thumb in i.thumbnail_surat %}
								    	{% with i.thumbnail_surat|first as first_browser %}
										    <div class="item {% if thumb.pk == first_browser.pk %} active {% endif %}">
									        	<img src="{% static 'upload/surat/' %}{{thumb.path}}.png" alt="" class="img-fluid">
									      	</div>
										{% endwith %}
							    		
									{% endfor %}
							    </div>

							    <!-- Left and right controls -->
							    <a class="left carousel-control" href="#myCarousel_{{i.deskripsi}}_{{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.deskripsi}}_{{i.pk}}" data-slide="next">
							      <span>
							      	<i class="fa fa-arrow-right" aria-hidden="true"></i>
							      </span>
							    </a>
							</div>
							<div class="card-body h-custom cuk" onclick="openlink('{% url 'surat_list' surat_type=i.deskripsi %}?term={{ i.judul }}')">
								<span class="mt-2 font-weight-bold font-sm">{{ i.judul|truncatechars:100 }}</span>
								<br>
								<span class="text-muted font-sm" title="{{ i.deskripsi}}">SURAT {{ i.deskripsi|truncatechars:70 }}</span>
								<br>
								<span class="btn-info px-2 py-1 rounded float-right"><a style="color: white;" href="{% url 'surat_list' surat_type=i.deskripsi %}?term={{ i.judul }}" title="{{ i.judul}}">Detail</a></span>
								<br>
								<div class="text-right mt-4 flex-row-reverse position-custom">{% if i.attachments_surat %}Ada {{ i.attachments_surat }} Lampiran{% else %}Tidak Ada Lampiran{% endif %}</div>
							</div>
						</div>
					</div>
				{% elif i.thumbnail_surat and i.attachments_surat <= 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_surat %}
							   	<img src="{% static 'upload/surat/' %}{{thumb.path}}.png" alt="" class="img-fluid" onerror="this.onerror=null;this.src='';">
							   	{% endfor %}
							</div>
							<div class="card-body h-custom cuk" onclick="openlink('{% url 'surat_list' surat_type=i.deskripsi %}?term={{ i.judul }}')">
								<span class="mt-2 font-weight-bold font-sm">{{ i.judul|truncatechars:100 }}</span>
								<br>
								<span class="text-muted font-sm" title="{{ i.deskripsi}}">SURAT {{ i.deskripsi|truncatechars:70 }}</span>
								<br>
								<span class="btn-info px-2 py-1 rounded float-right"><a style="color: white;" href="{% url 'surat_list' surat_type=i.deskripsi %}?term={{ i.judul }}" title="{{ i.judul}}">Detail</a></span>
								<br>
								<div class="text-right mt-4 flex-row-reverse position-custom">{% if i.attachments_surat %}Ada {{ i.attachments_surat }} 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 h-custom cuk" onclick="openlink('{% url 'surat_list' surat_type=i.deskripsi %}?term={{ i.judul }}')">
								<span class="mt-2 font-weight-bold font-sm">{{ i.judul|truncatechars:100 }}</span>
								<br>
								<span class="text-muted font-sm" title="{{ i.deskripsi}}">{{ i.deskripsi|truncatechars:70 }}</span>
								<br>
								<span class="btn-info px-2 py-1 rounded float-right"><a style="color: white;" href="{% url 'surat_list' surat_type=i.deskripsi %}?term={{ i.judul }}" title="{{ i.judul}}">Detail</a></span>
								<br>
								<div class="text-right mt-4 flex-row-reverse position-custom">{% if i.attachments_surat %}Ada {{ i.attachments_surat }} Lampiran{% else %}Tidak Ada Lampiran{% endif %}</div>
							</div>
						</div>
					</div>
				{% endif %}