{{ header }}
<div id="information-information" class="container">
    <div id="content" class="">
      <div class="inner-wrap pt-4 profile">
	      <div class="container">
	          <div class="row">
	              <div class="col-md-12 mb-4 pt-2">
	                  <h2 class="mb-4">{{type}}</h2><br>
	                  <!-- <h4 class="text-center">Topic of the Presidential Address</h4> -->
	                  <div class="row ml-0 mr-0 w-100">
	                  	{% if reports %}
                		{% for report in reports %}
	                    <div class="col-sm-4 col-lg-3 col-xl-2">
	                        <div class="card shadow">
	                            <a href="{{ report.image }}"><img class="img-fluid" src="{{ report.image }}" alt="{{ report.image }}"></a>
	                            <div class="card-body wrap-data">
	                            <h3 class="card-title mb-1">{{ report.title }}</h3>
	                            <a target="_blank" href="{{ report.upload }}" class="btn btn-custom">Download</a>
	                            </div>
	                        </div>
	                    </div>
	                    {% endfor %}
	                    {% else %}
			              <div class="col-md-6"><div class="alert alert-info">No {{type}} found!</div></div>
			              {% endif %}
	                  </div>
	                </div> 
	            </div>
	      </div>
	  </div>
    </div>
</div>
{{ footer }}