@extends('layouts.base')

@section('header')
Startseite
@endsection

@section('css')
<style>
        .card {
                box-shadow: inherit !important;
        }
	/*
	.text-dark {
		color: black !important;
	}
	*/
	.form-text {
		color: rgba(0,0,0,.7);
	}
	h2 {
		font-size: 1.8rem !important;
	}
	#cocktail_search_form_field > input {
		/*font-size: 1.2rem !important;*/
		font-size: 18px !important;
	}
</style>

@endsection

@section('content')
<main class="site-main" id="main">

        <div class="container">
                <nav class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <!-- Breadcrumb NavXT 6.2.1 -->
<li class="home breadcrumb-item"><span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Gehe zur Startseite" href="{{ route('index') }}" class="home"><span property="name">Startseite</span></a><meta property="position" content="1"></span></li>
<li class="archive taxonomy type current-item breadcrumb-item active" aria-current="page"><span property="itemListElement" typeof="ListItem"><span property="name">Willkommen!</span><meta property="position" content="2"></span></li>
                    </ol>
                </nav>
        </div>

    <div class="container" style="padding: 0">

<!-- Fuselkönig.de -->
<header class="page-header">
	<div class="card taxonomy-card">
		<div class="col-md-12 ppx-10" style="padding-left: 0">
			<div class="card-header">
<!--
				<p><strong>
					<a style="color: inherit;" href="{{ env('BLOG_URL') }}" title="" rel="nofollow">Fuselkönig.de</a>
				</strong></p>
-->
				<a style="color: inherit;" href="{{ env('BLOG_URL') }}" title="Zum Blog: Fuselkönig.de">
				<h2 id="blog" class="card-title">Rezensionen über Spirituosen</h2>
				</a>
			</div>
<!--
			<div class="card-block card-body px-3">
				<a class="text-dark card-link" href="{{ env('BLOG_URL') }}">
					<h3 class="card-title">Rezensionen über Spirituosen</h3>
					<p>Mehr lesen auf Fuselkönig.de</p>
				</a>
			</div>
-->
		</div>
		<div class="card-body" style="padding-left: 0; padding-right: 0">
			<div class="col-md-12 col-sm-12">
				<div class="card">
					 <div class="row ">
						<div class="col-md-8 offer-index">
							<a href="{{ env('BLOG_URL') }}">
							<img wwidth=280 hheight=400 src="https://www.fuselkoenig.de/wp-content/uploads/sites/6/2021/09/DinnerForTwo.jpg" class="card-img img-fluid mx-auto d-block" loading="lazy">
							</a>
						</div>
						<div class="col-md-4 offer-index">
							<a href="{{ env('BLOG_URL') }}">
							<img wwidth=280 hheight=400 src="https://www.fuselkoenig.de/wp-content/uploads/sites/6/2021/07/TrevisoInAshes.jpg" class="card-img img-fluid mx-auto d-block" loading="lazy">
							</a>
							<br>
							<a href="{{ env('BLOG_URL') }}">
							<img wwidth=280 hheight=400 src="{{ env('APP_URL') }}img/funnyrums.jpg" class="card-img img-fluid mx-auto d-block" loading="lazy">
							</a>
						</div>
<!--
						<div class="col-md-6 px-10">
							<div class="card-header card-header-dp-none">
								<p><strong>
									<a style="color: inherit;" href="" title="" rel="nofollow">Fuselkönig</a>
								</strong></p>
							</div>
							<div class="card-block card-body px-3">
								<a class="text-dark card-link" href="{{ env('BLOG_URL') }}">
									<h3 class="card-title">Rezensionen über Spirituosen</h3>
									<p>Mehr lesen auf Fuselkönig.de</p>
								</a>
							</div>
						</div>
-->
					</div>
				</div>
			</div>
			<div class="col-md-12 col-sm-12">
				<p class="lead my-3">
					Seit 2017 blogge ich auf <a href="{{ env('BLOG_URL') }}" title="Zum Blog: Fuselkönig.de">Fuselkönig.de</a> über Spirituosen, Wein, Genuss und Bücher. 
				</p>
				<p class="lead my-3">
Schon als Minderjähriger war ich als Genussmensch bekannt (damals kein Alkohol!) mit einem Faible für Gerüche. Mit Vollendung des achtzehnten Lebensjahres wunderte ich mich dann, warum der Alkohol nicht schmecken wollte. Die anderen tranken ihn doch auch! Die Erkenntnis: Schlechter Alkohol macht keinen Spaß. Nach kurzer Zeit des Probierens hatte ich dann den ersten Kontakt mit hochwertigen Spirituosen und da sprang der Funken über. Ich war in einer Welt der Gerüche und des Genusses gefangen…
				<p class="lead my-3">
					<a cclass="text-dark card-link" href="{{ env('BLOG_URL') }}ueber-diesen-blog">
						<p>Mehr lesen auf Fuselkönig.de</p>
					</a>
				</p>
			</div> <!-- .row end -->
		</div>
	</div>
</header>

<!-- Sonderangebote -->
<header class="page-header">
	<div class="card taxonomy-card">
		<div class="col-md-12 px-10" style="padding-left: 0">
			<div class="card-header">

				<a style="color: inherit;" href="{{ route('angebote_index') }}" title="Suchmaschine für Spirituosenangebote">
				<h2 class="card-title" style="margin-bottom: 1rem;">Topaktuelle Sonderangebote von Spirituosen</h2>
				</a>
				<p class="lead my-3">
					Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner?
					<br>
					<strong>Lass dich inspirieren und schaue, was momentan im Angebot ist.</strong>
				</p>
				<p class="lead my-3">
					Stöbere unter <strong>{{$hits->count }} verschiedenen Sonderangeboten</strong> und finde vielleicht deine neue Lieblingsspirituose.
					<br>
					<strong>Meine Geheimwaffe um die Hausbar aufzustocken.</strong>
				</p>
				<p class="lead my-3">
					Täglich neue Schnäppchen. Finde jetzt den besten Deal!
				</p>
			</div>
		</div>

@if ( empty($data) )
	<div class="alert alert-error">
		<h4 class="alert-heading">Keine Angebote</h4>
		Momentan liegen keine Angebote vor. Probieren Sie es später noch einmal.
	</div>
@else

	@foreach( $data as $offer)
<?php
		if ( !in_array(strtolower($offer->spirit_type), $views) ) {
			$offer->url = "misc";
			$offer->angebotsname = "weiteren Angeboten";
			$offer->linktext = "Weitere günstige Angebote entdecken und bis zu " . $offer->procent . "% sparen.";
			$offer->spirit_type = "Verschiedenes";
		} else {
			$offer->url = lcfirst($offer->url) ;
			$offer->angebotsname = "den " . $offer->angebotsname . "-Angeboten";
			$offer->linktext = "Finde den günstigsten ". $offer->spirit_type ." und spare bis zu " . $offer->procent . "%.";
		}
?>
		@if ( $loop->index % 2 == 0) 
		<div class="container">
 <div class="row mb-2">
		@endif

<div class="col-md-6 col-sm-12" id="{{ $offer->name }}">
	<div class="card">
      <div class="row ">
        <div class="col-md-4 offer-index">
	    <div class="card-img-overlay card-img-overlay-badge" >
	    <p class="card-text float-right rounded off-badge"  >{{ $offer->procent}} %</p>
            </div>
	<a href="/angebote/{{ $offer->url }}">
	    <img width=280 height=400 src="{{ TF::Camo($offer->image_url) }}" class="card-img img-fluid mx-auto d-block" loading="lazy">
	</a>
          </div>
          <div class="col-md-8 px-10">
	    <div class="card-header card-header-dp-none">
		<p><strong>
		<a style="color: inherit;" href="{{ route('angebote_search', [ 'q' => ucfirst($offer->spirit_type) ] ) }}" title="Alle {{ ucfirst($offer->spirit_type) }} anzeigen" rel="nofollow">{{ ucfirst($offer->spirit_type) }}</a>
		</strong></p>
	    </div>
            <div class="card-block card-body px-3">

			<a class="text-dark card-link" href="/angebote/{{ $offer->url }}">
				<h3 class="card-title">Hier geht es zu {{ $offer->angebotsname }}</h3>
				<p>{{ $offer->linktext }}</p>
			</a>

            </div>
          </div>

        </div>
      </div>
</div>
	
		@if ( $loop->index % 2 == 1 )
 </div>
 </div>
		@endif

		@if ( $loop->last && ($loop->index % 2 == 0) )
 			</div>
		@endif

	<!-- end list offers -->
	@endforeach
<!-- end check for empty -->
@endif
			<p class="lead my-3" style="padding-left: 0">
			<a href="{{ route('angebote_index') }}/#erfahremehr">Erfahre mehr&hellip;</a>
			</p>
	</div>
</header>

<!-- Cocktailsuche -->
<header class="page-header">
	<div class="card taxonomy-card">
		<div class="col-md-12 px-10" style="padding-left: 0">
			<div class="card-header">

				<a style="color: inherit;" href="{{ route('cocktail_index') }}" title="Suchmaschine für Cocktails">
				<h2 id="cocktails" class="card-title">Cocktaildatenbank</h2>
				</a>
			</div>
			<div class="card-block card-body px-3" style="padding-left: 0; padding-right: 0">
				<div class="row">
				<div class="col-md-6 offer-index">
					<img wwidth=280 hheight=400 src="https://www.fuselkoenig.de/wp-content/uploads/sites/6/2022/01/MaiTai2.jpg" class="card-img img-fluid mx-auto d-block" loading="lazy">
				</div>
				<div class="col-md-6 offer-index">
					<p>
					 Suche nach deinen gewünschten Zutaten in über {{ $cocktail_count }} Cocktails.
					</p>


					<form class="form-search" id="form-search" action="{{ route('cocktail_search') }}">
					  <div class="form-group">
					    <label for=""></label>
					    <div id="cocktail_search_form_field">
					    <input type="text" class="form-control" id=ingredient_search name="i[]" id="front_search_form" aria-describedby="suchform-help" placeholder="Hier nach der gewünschten Zutat suchen..." required>
					    </div>
					    <p id="front_search_help" class="form-text">Wie wäre es zum Beispiel mit einem Cocktail aus Gin und Kirschwasser?</p>
					  </div>
					  <button class="btn btn-primary" type="button" onclick="addField()">Zutat hinzufügen</button>
					  <button type="submit" class="btn btn-secondary">Suchen</button>
					</form>
				</div>
				</div>
				<div class="col-md-12 col-sm-12" style="padding-left: 0">
					<p class="lead my-3">
						<h3>Noch eine Cocktaildatenbank?
					</p>
					<p class="lead my-3">
						<strong>Ja, noch eine.</strong> Ich weiß, es gibt unzählige Webseiten da draußen, die Rezepte sammeln. Aber sind wir mal ehrlich, die meisten Rezepte sind nicht gut.
					</p>
					<p class="lead my-3">
						In meinem Leben bin ich an einem Stadium angelangt, wo Blauer Curaçao mit Orangensaft für mich kein Cocktail mehr ist. Zumindest keiner, der es wert ist verewigt zu werden.
					</p>
					<p class="lead my-3">
						Ich besitze sehr viele Cocktailbücher, die schöne Rezepte auflisten. Das Problem an Büchern und den meisten Webseiten ist, man kann schlecht darin suchen. Eine Sortierung nach Namen von Cocktails ist nicht sinnvoll. Wenn ich wissen will, wie ein Manhattan geht, dann benutze ich eine Suchmaschine meiner Wahl, kein Buch.
					</p>
					<p class="lead my-3">
						Diese Datenbank fokussiert auf Zutaten. Ich frage mich oft so Sachen wie: <em>"Kann man eigentlich Kirschwasser und Gin mixen? Wermut und Eiweiß? Was kommt da raus?"</em>
					</p>
					<p class="lead my-3">
						Ein sehr geschätzter Bloggerkollege Helmut Barro von <a href="https://schlimmerdurst.net/2016/06/27/cocktailrezepte-auf-einen-blick/" rel="nofollow">schlimmerdurst.net</a> hat eine unfassbar gute Sammlung von Cocktailrezepten angelegt. Diese Seite ist erstmal "nur" eine Suchmaschine für diese Seite. Alle Credits gehen an ihn.
					</p>
				</div>
			</div>
		</div>
	</div>
</header>

<!--
			<h1 class="card-title page-title">Blog über Spirituosen auf Fuselkönig.de</h1>

			<p>
			<a href="{{ route('angebote_index') }}" title="Sonderangebote">Hier geht es zu den Sonderangeboten</a>
			</p>
			<p>
			<a href="{{ route('cocktail_index') }}" title="Sonderangebote">Hier lang zur Cocktailsuche</a>
			</p>
		</div>
	</div>
</header>
-->

	</div>
<!--div class="container">

<header class="page-header">

<div class="alert alert-error">

<h1 class>Cocktailsuche!</h1>
        <p style="font-size: 17px;">
        </p>


        <form class="form-search" id="form-search" action="{{ route('cocktail_search') }}">
          <div class="form-group">
            <label for=""></label>
	    <div id="cocktail_search_form_field">
            <input type="text" class="form-control" id=i name="i[]" id="front_search_form" aria-describedby="suchform-help" placeholder="Hier nach der gewünschten Zutat suchen...">
	    </div>
            <p id="front_search_help" class="form-text">Wie wäre es zum Beispiel mit einem Cocktail aus Gin und Wermut?</p>
          </div>
  	  <button class="btn btn-primary" type="button" onclick="addField()">Zutat hinzufügen</button>
          <button type="submit" class="btn btn-secondary">Suchen</button>
        </form>


</div>
</header>
</div-->
@endsection