@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 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">
			<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>
	</div>
</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">
		<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: 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>
-->

	</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