sterntours/trunk/app/Resources/views/default/components/slider.html.twig
uli 23b2c7a7e8 * Suchformular auf Startseite funktioniert nun
* Neueste Design-Änderungen aufgenommen
* Sortierung auf Reiseübersichtsseiten
* Fehler bei Suche behoben

git-svn-id: http://78.47.251.156/svn/dev/sterntours-3@3285 f459cee4-fb09-11de-96c3-f9c5f16c3c76
2016-12-19 08:41:15 +00:00

188 lines
No EOL
19 KiB
Twig

<section class="section fullscreen background start-slider">
<div class="absolute-section">
<div class="container">
<div class="row">
<div class="col-md-12 col-xs-12">
<div class="home-message text-center">
<div class="home-info-box">
<div id="eKomiSeal_default" class="eKomi-header">
<a id="eKomiSeal_BBBA4ECJTK29MA5_eKomiSeal_default" href="https://www.ekomi.de/bewertungen-stern-tours.html" title="eKomi - The Feedback Company: "><img border="0" src="https://connect.ekomi.de/seal/BBBA4ECJTK29MA5-70x70.png" alt="eKomi - The Feedback Company: "></a>
</div>
<ul class="c4">
<li>Spezialist für Kulturreisen </li>
<li>Reiseexperte seit 1998</li>
<li>Beratung für individuelle Reisen</li>
</ul>
</div>
</div><!-- end homemessage -->
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</div>
<div id="myCarousel" class="carousel slide">
<!-- Indicators -->
<!-- Wrapper for Slides -->
<div class="carousel-inner">
<div class="item active">
<!-- Set the first background image using inline CSS below. -->
<div class="fill" style="background-image:url('/bundles/app/images/travel/header-top-image.jpg');"></div>
</div>
<div class="item">
<!-- Set the second background image using inline CSS below. -->
<div class="fill" style="background-image:url('/bundles/app/images/travel/header-top-image1.jpg');"></div>
</div>
<div class="item">
<!-- Set the third background image using inline CSS below. -->
<div class="fill" style="background-image:url('/bundles/app/images/travel/header-top-image2.jpg');"></div>
</div>
</div>
</div>
</section><!-- end section -->
<section class="nopadding absolute-sectionss">
<div class="container-full absolute">
<div class="container container-form">
<div class="home-form">
<!-- Nav tabs
Hier bitte die Tabs über Parameter Steuer, wenn JS aus.
Paramter an URL hängen und dann den jeweiligen Tab auf active setzen.
-->
<ul class="nav nav-tabs nav-justified" role="tablist">
<li class="active"><a href="#tab_01" aria-controls="tab_01" role="tab" data-toggle="tab">Kulturreisen</a></li>
<li><a href="#tab_02" aria-controls="tab_02" role="tab" data-toggle="tab">Pauschalreisen weltweit</a></li>
<li><a href="#tab_03" aria-controls="tab_03" role="tab" data-toggle="tab">Jugendreisen</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="tab_01">
<form class="bookform form-inline row" action="/suche" method="get">
<div class="form-group col-md-3 col-sm-6 col-xs-12">
<div class="dropdown">
<select class="selectpicker" data-style="btn-white" data-dropup-auto="false" name="c">
<option value="">beliebiges Reiseziel</option>
{% for destination in destinations %}
<option value="{{ destination.id }}">{{ destination.name }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="form-group col-md-2 col-sm-6 col-xs-12">
<div class="input-group">
<input id="" name="b" value="{{ startDate|date }}"
type="text" class="form-control datepicker" placeholder="Anreise"
>
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
</div>
</div>
<div class="form-group col-md-2 col-sm-6 col-xs-12">
<div class="input-group">
<input id="" name="e" value="{{ endDate|date }}"
type="text" class="form-control datepicker" placeholder="Abreise"
>
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
</div>
</div>
<div class="form-group col-md-3 col-sm-6 col-xs-12">
<div class="dropdown form-bottom">
<select name="RW" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Abflughafen</option><option value="5000">Nord</option><option value="5001">Süd</option><option value="5002">West</option><option value="5003">Ost</option><option value="1">Amsterdam (NL)</option><option value="3">Basel-Mulhouse (CH)</option><option value="141">Berlin Brandenburg</option><option value="4">Berlin-Schönefeld</option><option value="5">Berlin-Tegel</option><option value="8">Bremen</option><option value="9">Brüssel (B)</option><option value="67">Brüssel Charleroi (B)</option><option value="10">Dortmund</option><option value="11">Dresden</option><option value="12">Düsseldorf</option><option value="73">Eindhoven (NL)</option><option value="13">Enschede (NL)</option><option value="14">Erfurt-Weimar</option><option value="15">Frankfurt</option><option value="16">Frankfurt-Hahn</option><option value="17">Friedrichshafen</option><option value="18">Genf (CH)</option><option value="19">Graz (A)</option><option value="81">Groningen (NL)</option><option value="20">Hamburg</option><option value="21">Hannover</option><option value="23">Innsbruck (A)</option><option value="24">Karlsruhe</option><option value="25">Kassel-Calden</option><option value="27">Klagenfurt (A)</option><option value="28">Köln-Bonn</option><option value="29">Leipzig/Halle</option><option value="30">Linz (A)</option><option value="31">Lübeck</option><option value="32">Lüttich (B)</option><option value="33">Luxemburg</option><option value="34">Maastricht - Aachen (NL)</option><option value="139">Magdeburg Cochstedt</option><option value="90">Memmingen</option><option value="36">München</option><option value="37">Münster-Osnabrück</option><option value="49">Niederrhein (Weeze)</option><option value="38">Nürnberg</option><option value="39">Paderborn</option><option value="40">Rostock</option><option value="41">Saarbrücken</option><option value="42">Salzburg (A)</option><option value="43">Schwerin</option><option value="44">Strasbourg (F)</option><option value="45">Stuttgart</option><option value="77">Warschau (PL)</option><option value="46">Wien (A)</option><option value="47">Zürich (CH)</option><option value="48">Zweibrücken</option></select>
</div>
</div>
<div class="form-group col-md-2 col-sm-6 col-xs-12">
<button type="submit" class="btn btn-primary btn-block">suchen</button>
</div>
</form>
</div><!-- end tab-pane -->
<div role="tabpanel" class="tab-pane" id="tab_02">
<form class="bookform form-inline row">
<div class="form-group col-md-3 col-sm-6 col-xs-12">
<div class="input-group form-bottom">
<input type="text" class="form-control datepicker" placeholder="Anreise" id="">
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
</div>
<div class="dropdown form-bottom">
<select name="RW" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Abflughafen</option><option value="5000">Nord</option><option value="5001">Süd</option><option value="5002">West</option><option value="5003">Ost</option><option value="1">Amsterdam (NL)</option><option value="3">Basel-Mulhouse (CH)</option><option value="141">Berlin Brandenburg</option><option value="4">Berlin-Schönefeld</option><option value="5">Berlin-Tegel</option><option value="8">Bremen</option><option value="9">Brüssel (B)</option><option value="67">Brüssel Charleroi (B)</option><option value="10">Dortmund</option><option value="11">Dresden</option><option value="12">Düsseldorf</option><option value="73">Eindhoven (NL)</option><option value="13">Enschede (NL)</option><option value="14">Erfurt-Weimar</option><option value="15">Frankfurt</option><option value="16">Frankfurt-Hahn</option><option value="17">Friedrichshafen</option><option value="18">Genf (CH)</option><option value="19">Graz (A)</option><option value="81">Groningen (NL)</option><option value="20">Hamburg</option><option value="21">Hannover</option><option value="23">Innsbruck (A)</option><option value="24">Karlsruhe</option><option value="25">Kassel-Calden</option><option value="27">Klagenfurt (A)</option><option value="28">Köln-Bonn</option><option value="29">Leipzig/Halle</option><option value="30">Linz (A)</option><option value="31">Lübeck</option><option value="32">Lüttich (B)</option><option value="33">Luxemburg</option><option value="34">Maastricht - Aachen (NL)</option><option value="139">Magdeburg Cochstedt</option><option value="90">Memmingen</option><option value="36">München</option><option value="37">Münster-Osnabrück</option><option value="49">Niederrhein (Weeze)</option><option value="38">Nürnberg</option><option value="39">Paderborn</option><option value="40">Rostock</option><option value="41">Saarbrücken</option><option value="42">Salzburg (A)</option><option value="43">Schwerin</option><option value="44">Strasbourg (F)</option><option value="45">Stuttgart</option><option value="77">Warschau (PL)</option><option value="46">Wien (A)</option><option value="47">Zürich (CH)</option><option value="48">Zweibrücken</option></select>
</div>
<div class="dropdown form-bottom">
<select class="selectpicker" data-style="btn-white" data-dropup-auto="false">
<option>1 Erwachsener</option>
<option>2 Erwachsener</option>
<option>3 Erwachsener</option>
<option>4 Erwachsener</option>
<option>5 Erwachsener</option>
</select>
</div>
</div>
<div class="form-group col-md-3 col-sm-6 col-xs-12">
<div class="input-group form-bottom">
<input type="text" class="form-control datepicker" placeholder="Abreise" id="">
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
</div>
<div class="dropdown form-bottom">
<select id="selectDestination" name="ZIEL" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Reiseziel - beliebig</option><option value="10010">Ägypten</option><option value="2202">- Nilkreuzfahrten</option><option value="2204">- Rundreisen &amp; Badeurlaub</option><option value="350">- Hurghada &amp; Safaga</option><option value="330">- Marsa Alam &amp; Quseir</option><option value="349">- Luxor &amp; Assuan</option><option value="351">- Sharm el Sheikh / Nuweiba / Taba</option><option value="348">- Kairo &amp; Gizeh &amp; Memphis &amp; Ismailia</option><option value="2500">- weitere Angebote Ägypten</option><option value="4144">- Marsa Matruh &amp; Alexandria</option><option value="510">Israel - Tel Aviv &amp; Umgebung</option><option value="727">Israel- Totes Meer</option><option value="515">Jordanien</option><option value="10008">Marroko, Tunesien</option><option value="2237">- Rundreisen Marokko</option><option value="959">- Rundreisen Tunesien</option><option value="126">- Marokko - Marrakesch</option><option value="125">- Marokko - Atlantikküste: Agadir / Safi / Tiznit</option><option value="4200">- Marokko - Atlantikküste: Casablanca / El Jadida / Rabat</option><option value="705">- Marokko - Inland</option><option value="614">- Tunesien - Monastir</option><option value="132">- Tunesien - Hammamet</option><option value="133">- Tunesien - Insel Djerba</option><option value="135">- Tunesien - Oase Zarzis</option><option value="131">- Tunesien - Norden</option><option value="136">- Tunesien - Inland</option><option value="134">- Tunesien - Oase Tozeur / Tamerza / Nefta</option><option value="10004">Türkei</option><option value="946">- Rundreisen</option><option value="643">- Side &amp; Alanya</option><option value="434">- Antalya &amp; Belek</option><option value="644">- Kemer &amp; Beldibi</option><option value="373">- Istanbul &amp; Umgebung</option><option value="651">- Kusadasi &amp; Didyma</option><option value="646">- Dalaman - Fethiye - Ölüdeniz</option><option value="647">- Marmaris &amp; Icmeler &amp; Datca</option><option value="652">- Ayvalik, Cesme &amp; Izmir</option><option value="648">- Bodrum</option><option value="2511">- Schwarzmeerküste Türkei</option><option value="2273">Rundreise Arabische Halbinsel</option><option value="2164">Rundreise Oman</option><option value="10032">Glückshotels</option></select>
</div>
<div class="dropdown form-bottom">
<select name="KA1" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Kind 1</option><option value="1">&lt; 2 Jahre</option><option value="2">2 Jahre</option><option value="3">3 Jahre</option><option value="4">4 Jahre</option><option value="5">5 Jahre</option><option value="6">6 Jahre</option><option value="7">7 Jahre</option><option value="8">8 Jahre</option><option value="9">9 Jahre</option><option value="10">10 Jahre</option><option value="11">11 Jahre</option><option value="12">12 Jahre</option><option value="13">13 Jahre</option><option value="14">14 Jahre</option><option value="15">15 Jahre</option><option value="16">16 Jahre</option></select>
</div>
</div>
<div class="form-group col-md-3 col-sm-6 col-xs-12">
<div class="dropdown form-bottom">
<select class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Reisedauer</option><option value="9">1 - 4 Tage</option><option value="10">5 - 8 Tage</option><option value="6_7">1 Woche</option><option value="7">9 - 12 Tage</option><option value="3">13 - 15 Tage</option><option value="6_14">2 Wochen</option><option value="12">16 - 22 Tage</option><option value="6_21">3 Wochen</option><option value="13">&gt; 22 Tage</option></select>
</div>
<input type="text" class="form-control" placeholder="Hotelname">
<div class="dropdown form-bottom">
<select name="KA1" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Kind 2</option><option value="1">&lt; 2 Jahre</option><option value="2">2 Jahre</option><option value="3">3 Jahre</option><option value="4">4 Jahre</option><option value="5">5 Jahre</option><option value="6">6 Jahre</option><option value="7">7 Jahre</option><option value="8">8 Jahre</option><option value="9">9 Jahre</option><option value="10">10 Jahre</option><option value="11">11 Jahre</option><option value="12">12 Jahre</option><option value="13">13 Jahre</option><option value="14">14 Jahre</option><option value="15">15 Jahre</option><option value="16">16 Jahre</option></select>
</div>
</div>
<div class="form-group col-md-3 col-sm-6 col-xs-12">
<input type="text" class="form-control" placeholder="Ort / Region / Land">
<div class="dropdown form-bottom">
<select name="HCAT" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Hotelkategorie</option>
<option value="0">2 Sterne</option>
<option value="1">3 Sterne</option>
<option value="2">4 Sterne</option>
<option value="3">5 Sterne</option></select>
</div>
<div class="dropdown form-bottom">
<select name="KA1" class="selectpicker" data-style="btn-white" data-dropup-auto="false"><option value="-1">Kind 3</option><option value="1">&lt; 2 Jahre</option><option value="2">2 Jahre</option><option value="3">3 Jahre</option><option value="4">4 Jahre</option><option value="5">5 Jahre</option><option value="6">6 Jahre</option><option value="7">7 Jahre</option><option value="8">8 Jahre</option><option value="9">9 Jahre</option><option value="10">10 Jahre</option><option value="11">11 Jahre</option><option value="12">12 Jahre</option><option value="13">13 Jahre</option><option value="14">14 Jahre</option><option value="15">15 Jahre</option><option value="16">16 Jahre</option></select>
</div>
</div>
<div class="form-group col-md-12 col-sm-12 col-xs-12 text-center form-bottom">
<button type="submit" class="btn btn-primary">suchen</button>
</div>
</form>
</div><!-- end tab-pane -->
</div><!-- end tab-content -->
</div><!-- end homeform -->
</div>
</div><!-- end container -->
</section><!-- end section -->