<script type="text/template" data-mvc-template="search-flight-tab-body-template">
        <form id="form-search-flights-<%- index%>" class="tab-pane position-relative">
            <div class="search-box-title"><%- t('search.flight.title')%></div>
            <div class="search-box">
                <div class="search-box-landing">
                    <div class="js-routetype-trigger search-routetype-trigger left-padding-5px" data-toggle="buttons-checkbox"></div>
                    <div class="inline-block">
                        <div class="btn btn-mini add-journey" id="flight-add-journey"><i class="icon-plus"></i> <%- t('search.flight.addjourney')%></div>
                    </div>
                    <div class="search-link inline-block pull-right right-padding-5px">
                        <a class="js-preferred-airport" href="#"><%- t('search.flight.preferred.airport')%></a>
                    </div>

                    <div class="js-routetype clear"></div>

                    <div class="table total-width">
                        <div class="search-box-item table-cell" style="width: 35%">
                            <select name="flightClass" class="total-width"></select>
                        </div>
                        <div class="search-box-item table-cell center-align" style="width: 35%">
                            <i class="icon-pax-adt white"></i> <select name="adults" class="right-margin-10px"></select>
                            <i class="icon-pax-chd white"></i> <select name="children" class="right-margin-10px"></select>
                            <i class="icon-pax-inf white"></i> <select name="infants"></select>
                        </div>
                        <div class="search-box-item table-cell" style="width: 31%">
                            <div class="btn btn-primary btn-block btn-search" id="do-flight-search"><i class="icon-search icon-white"></i> <%- t('search.submit')%></div>
                        </div>
                    </div>
                    <div class="search-more-options js-advanced-options" href="#"><%- t("advanced.options")%> <i class="icon-dropdown-toggle-small white pull-right"></i> </div>
                     <div class="table total-width js-advanced-item">
                        <div class="search-box-item table-cell" style="width: 40%">
                            <input name="preferredCompanyValue" type="text" class="icon-input-plane" placeholder="<%- t('search.flight.preferred.company')%>" />
                        </div>
                        <div class="search-box-item table-cell center-align" style="width: 30%">
                            <input id="noRestrictionsFlight<%- index%>" name="noRestrictionsFlight" type="checkbox"/>
                            <label for="noRestrictionsFlight<%- index%>"><%- t('search.flight.norestrictions')%></label>
                        </div>
                        <div class="search-box-item table-cell center-align" style="width: 30%">
                            <input id="onlyDirectFlight<%- index%>" name="onlyDirectFlight" type="checkbox"/>
                            <label for="onlyDirectFlight<%- index%>"><%- t('search.flight.only.directflight')%></label>
                        </div>
                    </div>
                </div>    
            </div>
        </form>
    </script>