Angebote Pauschalreisen für Reiseziele in Europa und weltweit

Fluege und Hotels

    {#template MAIN}

        <form action="{$T.action || '/vg1/vacanze/waitingsearch.action'}" id="form-ose" class="{$T.cssClass}" novalidate="novalidate">
            <input type="hidden" name="search.type" value="OSE" />
            <input type="hidden" name="search.accomodationOnly" value="false" />
            <input type="hidden" name="search.SPM" value="{$T.paymentMethod}" />
            <input type="hidden" name="bf_subsource" value="{$T.bfSubSource}" />

            {#if $T.idHotel}
            <input type="hidden" name="search.destinations" value="{$T.idHotel}" />
            {#/if}

            {#if $T.bfSource}
            <input type="hidden" name="bf_source" value="{$T.bfSource}" />
            {#/if}

            <div class="bf-panel-ose">
                <div class="panel-body">
                    {#if $T.title}
                        <div class="title">{$T.title}</div>
                    {#/if}
                    <div class="container-body-form">
                        {#if $T.destinationLabel}
                        <label>
                            {$T.destinationLabel}
                        </label>
                        {#/if}

                        <div id="destination-suggester" {#if $T.hideDestination}class="hide"{#/if}></div>

                        {#if $T.visualDestination}
                        <div id="visual-destination">
                            <span data-visualdestination-handler="visualdestination" class="handler bf-handler-closed">
                                Empfohlenes Ziel <b class="caret"></b>
                            </span>

                            <div data-visualdestination-target="visualdestination" class="wrapper bf-target-closed">
                                
                            </div>
                        </div>
                        {#/if}
                        <div id="wrapper-calendar-tabs">
                            <div class="row" id="calendar-tabs">
                                <div class="date-tab-left date-tab" id="departure-date-tab">
                                    <div class="date-tab-wrapper">
                                        <div class="date-tab-border">
                                            <div class="date-tab-content">
                                            <span class="label-small">
                                                Von:
                                            </span>
                                                <span id="departure-date"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="date-tab-right date-tab" id="return-date-tab">
                                    <div class="date-tab-wrapper">
                                        <div class="date-tab-border">
                                            <div class="date-tab-content">
                                            <span class="label-small">
                                                Bis:
                                            </span>
                                                <span id="return-date"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {#if $T.showAccommodationOnly}
                                    <div id="accomodation-only" data-accomodation-handler="accomodation">
                                        <span class="check"></span>
                                        <span class="label">Flug hinzufügen</span>
                                    </div>
                                {#/if}
                            </div>
                            <div class="row wrapper-calendar-row">
                                <div class="wrapper-calendar">
                                    <div id="calendar"></div>
                                </div>
                            </div>
                        </div>
                        <div class="wrapper-accomodation" id="airport-container" data-accomodation-target="accomodation">
                            {#if $T.departureLabel}
                            <label>
                                {$T.departureLabel}
                            </label>
                            {#/if}
                            <div id="airports-suggester"></div>
                        </div>
                        <div class="wrapper-rooms" id="rooms-container"></div>
                        <button type="submit" class="btn-submit">
                            Suchen
                        </button>
                    </div>
                </div>
            </div>
        </form>
    {#/template MAIN}

    <![CDATA[
    {#template MAIN}
    <div class="panel bf-panel-rooms">
        <div class="panel-heading">
            <strong class="panel-title">
                <span class="remove icon-minus"{#if !$T.canBeClosed} style="display:none"{#/if}></span>
                Zimmer
                <span class="room-number">
                    {$T.roomNumber + 1}
                </span>
            </strong>
        </div>
        <div class="panel-body">
            <div class="wrapper container-adults">
                <div class="label-wrapper">
                    Erw.
                </div>
                <div class="input-wrapper">
                    <div class="incremental-input adults-btn">
                        <span class="decrease-btn">-</span>
                        <input type="text"
                               name="search.rooms[{$T.roomNumber}].adults"
                               maxlength="1"
                               value="2"
                               readonly="readonly" />
                        <span class="increase-btn">+</span>
                    </div>
                </div>
            </div>
            <div class="wrapper container-child">
                <div class="label-wrapper">
                    Kinder
                </div>
                <div class="input-wrapper">
                    <div class="incremental-input children-btn">
                        <span class="decrease-btn">-</span>
                        <input type="text"
                               name="search.rooms[{$T.roomNumber}].children"
                               maxlength="1"
                               value="0"
                               readonly="readonly" />
                        <span class="increase-btn">+</span>
                    </div>
                </div>
            </div>
            <div class="container-age closed">
                <div class="label-wrapper">
                    Alter:
                </div>
            </div>
        </div>
    </div>
    {#/template MAIN}
    ]]>

    <![CDATA[
    {#template MAIN}
        <div class="panel bf-panel-rooms-container rooms-closed">
            <div class="panel-heading">
                <span class="panel-title bf-handler-closed" data-rooms-handler="rooms">
                    <span id="rooms-selection-label">
                        1 Zimmer
                        2 Erw.
                    </span>
                    <b class="caret"></b>
                    <span class="icon-close"></span>
                </span>
            </div>
            <div class="panel-body bf-target-closed" data-rooms-target="rooms">
                <div class="rooms"></div>
                <span id="add-room" class="add-room btn btn-add pull-right">
                    Zimmer hinzufuegen <span class="icon-plus"></span>
                </span>
            </div>
        </div>
    {#/template MAIN}
    ]]>

   <![CDATA[
    {#template MAIN}
      {#if $T.searches && $T.searches.length > 0}
        <ul class="list-unstyled">
            <li>
                Ihre letzte Suche
            </li>
            {#foreach $T.searches as search}
                <li>
                    <a href="{$T.search.url}">
                        <span class="destination">
                            {$T.search.destinationLabel}
                        </span>
                        <span class="departure">
                            {#if $T.search.departureLabel}
                                von
                                {$T.search.departureLabel}
                            {#else}
                                Nur Hotel
                            {#/if}
                        </span>
                        <span class="dates">
                            Von
                            <span class="day">
                                {$T.search.departureDateFormatted}
                            </span>
                            Bis
                            <span class="day">
                                {$T.search.returnDateFormatted}
                            </span>
                        </span>
                        <span class="accomodation">
                            {$T.search.rooms}
                            {$T.search.rooms != 1 ? 'Zimmer' : 'Zimmer'},
                            {$T.search.adults}
                            {$T.search.adults != 1 ? 'Erw.' : 'Erw.'}
                            {#if $T.search.children && $T.search.children == 1}, {$T.search.children} Kind{#/if}
                            {#if $T.search.children && $T.search.children > 1}, {$T.search.children} Kinder{#/if}
                        </span>
                    </a>
                </li>
            {#/foreach}
        </ul>
      {#/if}

    {#/template MAIN}
    ]]>