{# form + map #}<section class="main {{ class | default() }}"> <div class="search"> {% if h1 is defined and h2 is defined %} <h1>{{ h1 }}</h1> <h2>{{ h2 }}</h2> {% endif %} <div class="search-form"> {# This is a "fake" search form, html below could be removed. Used to avoid blank some ms before the js is loaded. After replaced by the js SearchFormTpl.html #} <div class="item i1"> <select class="location from" name="stopFrom" data-placeholder="{{'homepage.search.origin' | trans}}"> {% if depStop is defined %} <option value="{{depStop.id}}" selected="selected">{{depStop.name}}</option> {% endif %} </select> </div> <div class="i5 invert-route"> <i class="icon-transfer"></i> </div> <div class="item i2"> <select class="location to" name="stopTo" data-placeholder="{{'homepage.search.destination' | trans}}"> {% if arrStop is defined %} <option value="{{arrStop.id}}" selected="selected">{{arrStop.name}}</option> {% endif %} </select> </div> <div class="item i3"> <input type="text" name="dateFrom" placeholder="{{'homepage.search.departDate' | trans}}" readonly/> </div> <div class="item i4"> <input type="text" placeholder="{{'homepage.search.returnDate' | trans}}" name="dateTo" readonly/> </div> <button id="search" class="primary"><span class="icon-search"></span> {{'homepage.search.submit' | trans}}</button> </div> </div></section>