{% load get_item %}

<div class="relative w-full grid grid-cols-2 gap-2">
  {% for i in 50|range_filter %}
    {% with key_title=i|make_key:"file_title" %}
      {% with title=block.content|get_item:key_title %}
        {% if title %}
          {% with key_desc=i|make_key:"file_desc" %}
            {% with desc=block.content|get_item:key_desc %}
              {% with key_file=i|make_key:"file" %}
                {% with file=block.content|get_item:key_file %}
					<a href="{{file}}" class="relative w-full flex flex-col items-center justify-center">
						{% if ".jpg" in file or ".jpeg" in file or ".png" in file or ".gif" in file or ".webp" in file %}
						<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M8.5 58H14.5V64H8.5C4 64 0.5 60.5 0.5 56V8C0.5 3.625 4 0 8.5 0H29.125C31.25 0 33.25 0.875 34.75 2.375L46.125 13.75C47.625 15.25 48.5 17.25 48.5 19.375V38H42.5V20H32.5C30.25 20 28.5 18.25 28.5 16V6H8.5C7.375 6 6.5 7 6.5 8V56C6.5 57.125 7.375 58 8.5 58ZM26.5 64C23.125 64 20.5 61.375 20.5 58V56C20.5 55 21.375 54 22.5 54C23.5 54 24.5 55 24.5 56V58C24.5 59.125 25.375 60 26.5 60C27.5 60 28.5 59.125 28.5 58V46C28.5 45 29.375 44 30.5 44C31.5 44 32.5 45 32.5 46V58C32.5 61.375 29.75 64 26.5 64ZM38.5 44H42.5C46.25 44 49.5 47.25 49.5 51C49.5 54.875 46.25 58 42.5 58H40.5V62C40.5 63.125 39.5 64 38.5 64C37.375 64 36.5 63.125 36.5 62V56V46C36.5 45 37.375 44 38.5 44ZM42.5 54C44.125 54 45.5 52.75 45.5 51C45.5 49.375 44.125 48 42.5 48H40.5V54H42.5ZM52.5 49C52.5 46.25 54.625 44 57.5 44H59.5C62.25 44 64.5 46.25 64.5 49V50C64.5 51.125 63.5 52 62.5 52C61.375 52 60.5 51.125 60.5 50V49C60.5 48.5 60 48 59.5 48H57.5C56.875 48 56.5 48.5 56.5 49V59C56.5 59.625 56.875 60 57.5 60H59.5C60 60 60.5 59.625 60.5 59V58C59.375 58 58.5 57.125 58.5 56C58.5 55 59.375 54 60.5 54H62.5C63.5 54 64.5 55 64.5 56V59C64.5 61.875 62.25 64 59.5 64H57.5C54.625 64 52.5 61.875 52.5 59V49Z" fill="#001A19"/>
						</svg>
						{% elif ".pdf" in file %}
						<svg width="62" height="64" viewBox="0 0 62 64" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M8 58H14V64H8C3.5 64 0 60.5 0 56V8C0 3.625 3.5 0 8 0H28.625C30.75 0 32.75 0.875 34.25 2.375L45.625 13.75C47.125 15.25 48 17.25 48 19.375V38H42V20H32C29.75 20 28 18.25 28 16V6H8C6.875 6 6 7 6 8V56C6 57.125 6.875 58 8 58ZM22 44H26C29.75 44 33 47.25 33 51C33 54.875 29.75 58 26 58H24V62C24 63.125 23 64 22 64C20.875 64 20 63.125 20 62V56V46C20 45 20.875 44 22 44ZM26 54C27.625 54 29 52.75 29 51C29 49.375 27.625 48 26 48H24V54H26ZM38 44H42C45.25 44 48 46.75 48 50V58C48 61.375 45.25 64 42 64H38C36.875 64 36 63.125 36 62V46C36 45 36.875 44 38 44ZM42 60C43 60 44 59.125 44 58V50C44 49 43 48 42 48H40V60H42ZM52 46C52 45 52.875 44 54 44H60C61 44 62 45 62 46C62 47.125 61 48 60 48H56V52H60C61 52 62 53 62 54C62 55.125 61 56 60 56H56V62C56 63.125 55 64 54 64C52.875 64 52 63.125 52 62V54V46Z" fill="#001A19"/>
						</svg>
						{% elif ".doc" in file or ".docx" in file or ".rtf" in file %}
						<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M8.5 58H14.5V64H8.5C4 64 0.5 60.5 0.5 56V8C0.5 3.625 4 0 8.5 0H29.125C31.25 0 33.25 0.875 34.75 2.375L46.125 13.75C47.625 15.25 48.5 17.25 48.5 19.375V38H42.5V20H32.5C30.25 20 28.5 18.25 28.5 16V6H8.5C7.375 6 6.5 7 6.5 8V56C6.5 57.125 7.375 58 8.5 58ZM22.5 44H26.5C29.75 44 32.5 46.75 32.5 50V58C32.5 61.375 29.75 64 26.5 64H22.5C21.375 64 20.5 63.125 20.5 62V46C20.5 45 21.375 44 22.5 44ZM24.5 60H26.5C27.5 60 28.5 59.125 28.5 58V50C28.5 49 27.5 48 26.5 48H24.5V60ZM57.5 44H59.5C62.25 44 64.5 46.25 64.5 49V50C64.5 51.125 63.5 52 62.5 52C61.375 52 60.5 51.125 60.5 50V49C60.5 48.5 60 48 59.5 48H57.5C56.875 48 56.5 48.5 56.5 49V59C56.5 59.625 56.875 60 57.5 60H59.5C60 60 60.5 59.625 60.5 59V58C60.5 57 61.375 56 62.5 56C63.5 56 64.5 57 64.5 58V59C64.5 61.875 62.25 64 59.5 64H57.5C54.625 64 52.5 61.875 52.5 59V49C52.5 46.25 54.625 44 57.5 44ZM36.5 49C36.5 46.25 38.625 44 41.5 44H43.5C46.25 44 48.5 46.25 48.5 49V59C48.5 61.875 46.25 64 43.5 64H41.5C38.625 64 36.5 61.875 36.5 59V49ZM41.5 48C40.875 48 40.5 48.5 40.5 49V59C40.5 59.625 40.875 60 41.5 60H43.5C44 60 44.5 59.625 44.5 59V49C44.5 48.5 44 48 43.5 48H41.5Z" fill="#001A19"/>
						</svg>
						{% elif ".zip" in file or ".rar" in file or ".7z" in file %}
						<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M8 58H22V64H8C3.5 64 0 60.5 0 56V8C0 3.625 3.5 0 8 0H28.625C30.75 0 32.75 0.875 34.25 2.375L45.625 13.75C47.125 15.25 48 17.25 48 19.375V38H42V20H32C29.75 20 28 18.25 28 16V6H8C6.875 6 6 7 6 8V56C6 57.125 6.875 58 8 58ZM30 44H38C38.625 44 39.25 44.375 39.625 45C40 45.625 40 46.375 39.75 47L33.125 60H38C39 60 40 61 40 62C40 63.125 39 64 38 64H30C29.25 64 28.625 63.75 28.25 63.125C27.875 62.5 27.875 61.75 28.125 61.125L34.75 48H30C28.875 48 28 47.125 28 46C28 45 28.875 44 30 44ZM48 46V62C48 63.125 47 64 46 64C44.875 64 44 63.125 44 62V46C44 45 44.875 44 46 44C47 44 48 45 48 46ZM52 46C52 45 52.875 44 54 44H57C60.75 44 64 47.25 64 51C64 54.875 60.75 58 57 58H56V62C56 63.125 55 64 54 64C52.875 64 52 63.125 52 62V56V46ZM56 54H57C58.625 54 60 52.75 60 51C60 49.375 58.625 48 57 48H56V54Z" fill="#001A19"/>
						</svg>
						{% else %}
						<svg width="49" height="64" viewBox="0 0 49 64" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M40.5 58C41.5 58 42.5 57.125 42.5 56V20H32.5C30.25 20 28.5 18.25 28.5 16V6H8.5C7.375 6 6.5 7 6.5 8V56C6.5 57.125 7.375 58 8.5 58H40.5ZM0.5 8C0.5 3.625 4 0 8.5 0H29.125C31.25 0 33.25 0.875 34.75 2.375L46.125 13.75C47.625 15.25 48.5 17.25 48.5 19.375V56C48.5 60.5 44.875 64 40.5 64H8.5C4 64 0.5 60.5 0.5 56V8Z" fill="#001A19"/>
						</svg>
						{% endif %}
						<p class="text-slate-950 text-base font-semibold mt-4 leading-snug">{{ title }}</p>
						<p class="text-gray-600 text-sm font-normal">{{ desc }}</p>
					</a>
                {% endwith %}
              {% endwith %}
            {% endwith %}
          {% endwith %}
        {% endif %}
      {% endwith %}
    {% endwith %}
  {% endfor %}
</div>