{#
# GNU MediaGoblin -- federated, autonomous media hosting
# Copyright (C) 2011, 2012 MediaGoblin contributors.  See AUTHORS.
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as published by
# the Free Software Foundation, either version 3 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program.  If not, see <http://www.gnu.org/licenses/>.
#}

{% block geolocation_map %}
  {% if     media.media_data.gps_latitude is defined
        and media.media_data.gps_latitude
        and media.media_data.gps_longitude is defined
        and media.media_data.gps_longitude %}
    <h3>{% trans %}<i class="fa fa-location-arrow fa-fw"></i> Location{% endtrans %}</h3>
    <div>
      {%- set lon = media.media_data.gps_longitude %}
      {%- set lat = media.media_data.gps_latitude %}
      {%- set osm_url = "http://openstreetmap.org/?mlat={lat}&mlon={lon}".format(lat=lat, lon=lon) %}
        <div id="tile-map" style="width: 100%; height: 196px;">
	  <input type="hidden" id="gps-longitude"
		 value="{{ lon }}" />
	  <input type="hidden" id="gps-latitude"
		 value="{{ lat }}" />
	</div>
        <script> <!-- pop up full OSM license when clicked -->
          $(document).ready(function(){
            $("#osm_license_link").click(function () {
              $("#osm_attrib").slideToggle("slow");
              });
          });
        </script>
        <div id="osm_attrib" class="hidden"><ul><li>
          Data &copy;<a
            href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>
          contributors
          </li><li>Imaging &copy;<a
          href="http://mapquest.com">MapQuest</a></li><li>Maps powered by
          <a href="http://leafletjs.com/"> Leaflet</a></li></ul>
        </div>
        <p>
	  <small>
	    {% trans -%}
	      View on <a href="{{ osm_url }}">OpenStreetMap</a>
	    {%- endtrans %}
	  </small>
	</p>
    </div>
  {% endif %}
{% endblock %}
