<script type="text/template" data-mvc-template="flight-summary">
<div class="js-loading loading-results"></div>
<div class="clearfix">
<span class="inline-block">
<span class="text-bold"><%- tripTypeName%></span>
<i class="icon-chevron-right"></i>
<span><%- paxDescription%></span>
<br/>
<%
if (tripType != SiteApp.TripType.ONEWAY) {
_.each(_.first(journeys, 3), function(journey, index){
%>
<span><%- journey.geoFrom%></span>
<i class="icon-chevron-right"></i>
<span><%- journey.geoTo%></span>
<i class="icon-chevron-right"></i>
<span><%- journey.dateStart%></span>
<br />
<%
});
} else {
var journey = journeys[0];
%>
<span><%- journey.geoFrom%></span>
<i class="icon-chevron-right"></i>
<span><%- journey.geoTo%></span>
<i class="icon-chevron-right"></i>
<span><%- journey.dateStart%></span>
<%
}
%>
</span>
<div class="pull-right change-search">
<a class="js-changesearch" href="#"><%- t("search.changesearch")%></a>
</div>
<div class="top-margin-10px clear pull-right">
<label class="right-margin-10px text-bold"><%- t("display.modes")%></label>
<ul class="js-display-modes multi-view-wrapper">
<li data-value="<%- SiteApp.FlightViewModes.LIST%>"><a href="#" class="icon-view-list"></a></li>
<li data-value="<%- SiteApp.FlightViewModes.TIMELINE%>"><a href="#" class="icon-view-graph"></a></li>
</ul>
</div>
</div>
</script>