<script type="text/template" data-mvc-template="search-package-tab-body-template">
        <form id="form-search-package-<%- index%>" class="tab-pane position-relative">
            <div class="search-box-title"><%- t('search.package.title')%></div>
            <div class="search-box">
                <div class="search-box-landing">
                    <div class="table total-width">
                        <div class="search-box-item table-cell" style="width: 20%">
                            <input name="startDate" placeholder="<%- t('search.package.startdate.nodate')%>" type="text" class="icon-input-calendar">
                        </div>
                            <div class="search-box-item table-cell" style="width:20%">
                            <select name="catalog" class="total-width"></select>
                        </div>
                        <div class="search-box-item table-cell" style="width: 30%">
                            <input type="text" name="packageName" placeholder="<%- t('search.package.name')%>" class="icon-input-package">
                        </div>
                        <div class="search-box-item table-cell search-link center-align" style="width: 30%">
                            <a class="js-preferred-airport btn-preferred-airport cursor-pointer" href="#"><%- t("search.package.preferred.airport")%></a>
                        </div>
                    </div>

                    <div class="table total-width">

                        <div class="search-box-item table-cell" style="width: 70%">
                            <input type="text" class="js-package-popup">
                        </div>
                        <div class="search-box-item table-cell" style="width: 30%">
                            <div class="btn btn-primary btn-block btn-search" id="do-package-search">
                                <i class="icon-search icon-white"></i> 
                                <%- t('search.submit')%>
                            </div>
                        </div>
                    </div>
                    <div class="left-padding-5px top-padding-5px">
                        <span><%- t("search.package.results.found")%> (<span class="js-total-found">0</span>)</span>
                        <span class="js-alert-max-results left-padding-5px">
                            <i class="icon-info"></i> <%- t("search.package.alert.maxresults")%>
                        </span>
                    </div>
                </div>    
            </div>
        </form>
    </script>