<script type="text/template" data-mvc-template="item-flight-timeline-result">
         <div class="flight-info">
            <div class="flight-journey-header table total-width">
                <div class="table-cell fit middle-align">
                    <i class="js-radio icon-radio left-margin-20px" name="btn-select"></i>
                </div>
                <div class="table-cell fit middle-align">
                    <div class="flight-journey">
                        <div class="flight-plan">
                            <span><%- iataCode%> <%- flightNumber%></span> | <span><%- equipment%></span>
                        </div>
                        <div class="flight-cities">
                            <div class="flight-iata-wrapper">
                                <div class="flight-display-separator"></div>
                                <div class="flight-iata"><%- fromIataCode%></div>
                                <div class="flight-display"></div>
                            </div>

                            <div class="flight-iata-wrapper icon-flight right-margin-5px left-margin-5px"></div>

                            <div class="flight-iata-wrapper">
                                <div class="flight-display-separator"></div>
                                <div class="flight-iata"><%- toIataCode%></div>
                                <div class="flight-display"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="js-flight-timeline flight-timeline table-cell right-padding-10px"></div>
                <% if (!useSamePrice) { %>
                    <div class="table-cell middle-align fit right-padding-5px">
                        <div class="flight-reserve-info">
                            <%=renderMoney(salePrice, "small")%>
                            <br />
                            <a class="js-details flight-price-details"><%- t("results.flight.show.details")%></a>
                        </div>
                    </div>
                <% } %>
                <div class="table-cell middle-align fit">
                    <div class="vertical-arrow right-margin-5px"></div>
                </div>
            </div>
            <div class="js-segments-toggle flight-segment-list-wrapper hide">
                <table class="js-segments flight-segment-list total-width"></table>
            </div>

            <div class="flight-border-limit <%- cssOddEven(index)%>">

                <table class="table total-width">
                    <tbody>
                        <tr>
                            <td style="height: 5px">
                                <div class="flight-border-limit-margin"></div>
                            </td>
                        </tr>
                        <tr>
                            <td class="flight-border-limit-body" style="vertical-align: bottom;">
                                <div class="flight-border-limit-body-bottom"></div>
                            </td>
                        </tr>
                        <tr>
                            <td style="height: 5px">
                                <div class="flight-border-limit-margin"></div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <%if (isLast) { %>
            <div class="flight-separator"></div>
            <%}%>
        <div>
    </script>