From 3fe0381d28d9c5844c82d908b77d3aa4b0aca737 Mon Sep 17 00:00:00 2001
From: horus
Date: Fri, 7 Jan 2022 14:02:05 +0100
Subject: first release of kategorischeraperitif.de

---
 resources/views/index.blade.php | 244 +++++++++++++++++++++++++++++++---------
 1 file changed, 189 insertions(+), 55 deletions(-)

(limited to 'resources/views/index.blade.php')

diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 5eda16c..7104e7b 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -1,56 +1,121 @@
 @extends('layouts.base')
 
 @section('header')
-Angebote
+Startseite
 @endsection
 
 @section('css')
 <style>
-	.card {
-		box-shadow: inherit !important;
+        .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('description')
-Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? Lass dich inspirieren und schaue, was momentan im Angebot ist. Stöbere unter {{$hits->count }} verschiedenen Sonderangeboten.
 @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: Fuselkönig.de" href="https://www.fuselkoenig.de" 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">Angebote</span><meta property="position" content="2"></span></li>
-		    </ol>
-		</nav>
-	</div>
 
-<div class="container">
+        <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 px-10">
+			<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">
-			<h1 class="card-title page-title">Topaktuelle Sonderangebote und Rabattaktionen</h1>
-			<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.
-			</p>
-			<p class="lead my-3">
-				Täglich neue Schnäppchen. Finde jetzt den besten Deal!
-			</p>
-			<p class="lead my-3">
-			<a href="#erfahremehr">Erfahre mehr&hellip;</a>
-			</p>
+			<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="https://www.fuselkoenig.de/wp-content/uploads/sites/6/2022/01/BananaChai.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>
 	</div>
-</header><!-- .page-header -->
+</header>
+
+<!-- Sonderangebote -->
+<header class="page-header">
+	<div class="card taxonomy-card">
+		<div class="col-md-12 px-10">
+			<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>
+			</div>
+		</div>
 
 @if ( empty($data) )
 	<div class="alert alert-error">
@@ -73,6 +138,7 @@ Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? Las
 		}
 ?>
 		@if ( $loop->index % 2 == 0) 
+		<div class="container">
  <div class="row mb-2">
 		@endif
 
@@ -83,19 +149,19 @@ Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? Las
 	    <div class="card-img-overlay card-img-overlay-badge" >
 	    <p class="card-text float-right rounded off-badge"  >{{ $offer->procent}} %</p>
             </div>
-	<a href="{{ $offer->url }}">
+	<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('search', [ 'q' => ucfirst($offer->spirit_type) ] ) }}" title="Alle {{ ucfirst($offer->spirit_type) }} anzeigen" rel="nofollow">{{ ucfirst($offer->spirit_type) }}</a>
+		<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="/{{ $offer->url }}">
+			<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>
@@ -108,6 +174,7 @@ Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? Las
 </div>
 	
 		@if ( $loop->index % 2 == 1 )
+ </div>
  </div>
 		@endif
 
@@ -119,24 +186,91 @@ Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? Las
 	@endforeach
 <!-- end check for empty -->
 @endif
+			<p class="lead my-3" style="padding-left: 20px">
+			<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">
+			<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">
+				<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 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 Eiweiß?</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>
+		</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>
+-->
 
-<h3 id="erfahremehr">Was passiert hier?</h3>
-<p>
-Auf dieser Webseite kuratiere ich die aktuellen Sonderangebote der wichtigsten Spirituosenhändler. Neue Angebote werden automatisch erkannt und hinzugefügt; nicht mehr gültige Angebote werden entfernt.
-</p>
-<h3>Wie häufig werden die Angebote aktualisiert?</h3>
-<p>
-Mehrmals täglich.
-</p>
-<h3>Gibt es Push-Nachrichten?</h3>
-<p>
-Noch nicht. Momentan ist die einzige Möglichkeit den Angeboten via RSS-Feed zu folgen. Mitteilungen per Push, E-Mail oder Twitter sind jedoch geplant.
-<br>
-Wenn du Interesse an einem Twitter-Feed, Newsletter oder ähnliches hast, schreib mir doch eine <a href="https://www.fuselkoenig.de/kontakt/">kurze, formlose Mail</a>. Je mehr Leute mir schreiben, desto eher kann ich die Wünsche auch umsetzen.
-</p>
-<p>
-Anregungen? Kritik? Wünsche? <a href="https://www.fuselkoenig.de/kontakt/">Einfach mir eine Mail schreiben.</a>
-</p>
-    </div>
-</main>
+	</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
-- 
cgit v1.2.3