@extends('layouts.base')

@section('header')
Angebote
@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">
<header class="page-header">
	<div class="card taxonomy-card">
		<div class="card-body">
			<h1 class="card-title page-title">Topaktuelle Sonderangebote und Rabattaktionen</h1>
			<p class="lead my-3">
				<em>Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? </em>
				<br>
	Lass dich inspirieren und schaue, was momentan im Angebot ist.
			</p>
			<p class="lead my-3">
				Stöbere unter {{$hits->count }} verschiedenen Sonderangeboten 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>
	</div>
</header><!-- .page-header -->

@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="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="{{ $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>
		</strong></p>
	    </div>
            <div class="card-block card-body px-3">

			<a class="text-dark card-link" href="/{{ $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>
		@endif

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

	<!-- end list offers -->
	@endforeach
<!-- end check for empty -->
@endif

<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.
</p>
    </div>
</main>
@endsection