<script type="text/template" data-mvc-template="flight-timeline-result">
<div class="flight-group timeline">
<% if (isFaster || isCheaper) {%>
<%= renderTemplate({
cssClass: "padding-5px clearfix",
isFaster: isFaster,
isCheaper: isCheaper,
totalHiddenFlights: totalHiddenFlights,
expandFlights: expandFlights
}, "cheaper-faster-flight-simple-result")%>
<%}%>
<div class="table total-width">
<div class="js-groups table-cell flights-list"></div>
<div class="table-cell td-vertical-middle-align flight-logo fit">
<div class="flight-logo-wrapper">
<div class="js-image image-box flight-result-company" data-imagebox-scale-mode="keepAspectRatio"></div>
<% if (useSamePrice) {%>
<div>
<%= renderMoney(salePrice, "normal")%>
<br />
<a class="js-details flight-price-details"><%- t("results.flight.show.details")%></a>
</div>
<%}%>
<div class="js-reserve btn btn-mini btn-block btn-primary flight-reserve" title="<%- t('results.flight.alert')%>"><%- t("results.flight.reserve")%></div>
</div>
</div>
</div>
<div class="table total-width flight-group-shadow">
<div class="table-cell fit">
<div class="flight-group-left-shadow"></div>
</div>
<div class="table-cell">
<div class="flight-group-center-shadow"></div>
</div>
<div class="table-cell fit ">
<div class="flight-group-right-shadow"></div>
</div>
</div>
</div>
</script>