{% extends "Default/layout.html.twig" %}
{% set page_title = 'homepage.metatitle' | trans %}
{% set page_meta_description = 'homepage.metadescription' | trans %}
{% set page_meta_keywords = 'homepage.metakeywords' | trans %}
{% set page_meta_keywords = 'homepage.metakeywords' | trans %}
{% set page_class = 'page-home' %}
{% block page_headjs %}
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
App.redirect = true;
App.api.stop_from = stop_from= '{{ path('api_departure_stops') }}?lang={{app.request.locale}}&map=true';
App.api.stop_to = '{{ path('api_arrival_stops') }}?lang={{app.request.locale}}&map=true';
</script>
{% endblock %}
{% set page_class = 'page-fromatob' %}
{% block page_content %}
{% include 'Default/_engine_form.html.twig'
with {
'h1' : 'mappage.engineform.h1' | trans,
'h2' : 'mappage.engineform.h2' | trans
}
%}
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map { height: 500px }
</style>
<section>
<div id="map"></div>
</section>
<script type='text/template' id='marker-tooltip-template'>
<div class="tipsy tipsy-w">
<div class="tipsy-arrow"></div>
<div class="tipsy-inner content"></div>
</div>
</script>
<div style="display:none;">
<div id="control-reset">{{'homepage.map.reset'| trans}}</div>
<div id="control-caption">
<img src="{{ asset('images/mm_20_red.png') }}" style="margin-top:-6px">{{'homepage.map.departure' | trans }} |
<img src="{{ asset('images/mm_20_blue.png') }}" style="margin-top:-6px">{{'homepage.map.arrival' | trans }}
</div>
</div>
{% endblock %}