{% set alternative_url_dataset = h.url_for(controller='package', action='search') %}
{% set locations = h.d4science_get_location_to_bboxes() %}
<div role="main" class="hero">
  <div class="container">
	<h3>Browse by Location Extent</h3>
	<div id="search-for-extent">
		 <table class="media-grid-homepage" data-module="media-grid">
		 	{% set offset = 5 %}
			{% for key, value in locations.items()  %}
			{% set index = loop.index0 %}
			{% if index % offset == 0 %}
				 <tr>
				 {% endif %}
				 <td class="media-item-homepage">
			        {% set loc = key %}
			        {% set bbox = value %}
			        <a href="{{ alternative_url_dataset }}?q=&ext_bbox={{ bbox }}" title="Browse by {{ loc }}'s BBOX">
			        {{ loc }}</a>
			    </td>
				 {% if (index+offset+1) % offset == 0 %}
				 </tr>
				{% endif %}
			{% endfor %}
		</table>
	 </div>
	 <div id="search-for-location">
	 {# ADDED BY FRANCESCO MANGIACRAPA SEE #12651 #}
	 {% snippet 'spatial/snippets/spatial_query.html', alternative_url=alternative_url_dataset %}
	 {# END #}
	  </div>
  </div>
  <script type="text/javascript" >
	
	expandMap = function () {
		map.zoomIn();
	}
	
	if(window.addEventListener){
		window.addEventListener('load', expandMap)
	}else{
		window.attachEvent('onload', expandMap)
	}
	</script>
</div>