summaryrefslogtreecommitdiff
path: root/site/resources/views/offer.blade.php
blob: 7ff92d32e9e3f5ee376f372671aab25e5fd2c252 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
@extends('layouts.base')

@section('content')
    <div class="container">
      <div class="jumbotron p-3 p-md-5 text-white rounded bg-dark">
        <div class="col-md-6 px-0">
          <h1 class="display-4 font-italic">{{ ucfirst($spirit_type) }}</h1>
          <!--p class="lead my-3">Finde immer die günstigsten Angebote im Bereich Spirituosen. Täglich neue Schnäppchen.</p-->
          <p class="lead mb-0"><a href="/" class="text-white font-weight-bold">Zurück zur Übersicht...</a></p>
        </div>
      </div>

@include('snippets.sortbuttons')

<?php 

$count = 0;
foreach( $data as $offer) {

	if ( $count % 2 == 0) {
?>
<!-- .row -->
 <div class="row mb-2">
<?php
	}

?>
	<div class="col-md-6 col-sm-12" id="{{ $offer->name }}">
		<div class="card flex-md-row mb-4 box-shadow h-md-250 h-sm-500">

			<!-- >= md -->
			<div class="card-body d-none d-md-flex flex-row align-items-start">
				<div class="card-img-overlay" title="{{$offer->name}} :: {{ $offer->shop }}">
					<p class="card-text bg-danger float-right rounded off-badge">{{ $offer->procent}}%</p>
				</div>
				<div class="card-img-overlay w-55">
					<div class="d-inline align-items-start text-left w-100 mb-2">
						<strong class="text-primary">{{ $offer->spirit_type }}</strong>
						<a class="text-dark float-right" href="{{ $offer->shop_url }}">{{ $offer->shop }}</a>
					</div>

					<h4 class="mb-0 hide-overflow h-45">
						<a class="text-dark ttext-truncate hide-overflow" href="#{{ $offer->name }}" title="{{$offer->name}}" >{{ $offer->name }}</a>
					</h4>

					<p class="card-text mb-auto text-success w-100"><del class="text-danger">{{ TF::fF($offer->original_price) . "€" }}</del> <strong class="ffloat-right">{{ TF::fF($offer->discounted_price) . "€" }}</strong>
						<span class="float-right text-muted">{{ TF::fF($offer->base_price ) }}€/L</span>
					</p>
					<div class="mb-1 text-muted w-100">
						<span class="float-right">{{ TF::fF($offer->volume) . " Liter" }}</span><span>{{ TF::fF($offer->abv) . "%" }} Alk.</span>
					</div>
					<a href="{{ $offer->url }}">Jetzt bestellen</a>
					<p class="text-muted text-small w-100 nmt-10">
						Versand: {{ TF::fF($offer->shipping_costs) }}€ <span class=" float-right">Gratis ab {{ $offer->free_shipping }}</span>
					</p>
				</div>
			</div>
			<img class="card-img-right flex-auto d-none d-md-block img-thumbnail" src="{{ $offer->image_url }}" alt="{{ $offer->name }}" title="{{$offer->name}} :: {{ $offer->shop }}">

			<!-- <= sm -->
			<!-- Maybe make the image a link
				<a href="{{ $offer->url}}">
				</a>
			-->
			<img class="card-img-top flex-auto d-sm-block img-thumbnail d-md-none" src="{{ $offer->image_url }}" alt="{{ $offer->name }}" title="{{$offer->name}} :: {{ $offer->shop }}">
			<div class="card-body .d-md-none d-lg-none d-xl-none d-xs-flex flex-column align-items-start">
<!--
				<div class="h-100 card-img-overlay">
					<p class="card-text bg-danger float-right rounded" style="color: white; font-size: 150%; padding-right: 10px; padding-left:10px; opacity: 0.9;">{{ $offer->procent}}%</p>
				</div>
-->
				<div class="flex-column bg-dark-opacity" >
					<div class="d-inline align-items-start text-left w-100 mb-2">
						<p class="card-text bg-danger rounded off-badge text-center" title="{{$offer->name}} :: {{ $offer->shop }}"><strong>{{ $offer->procent}}%</strong> gesenkt</p>
						<a class="text-dark float-right text-dotted" href="{{ $offer->shop_url }}">{{ $offer->shop }}</a>
					</div>
					<div class="d-block align-items-start text-left w-100 mb-2">
						<strong class="text-primary">{{ $offer->spirit_type }}</strong>
					</div>
					<h3 class="mb-0 d-inline-block hide-overflow h-100">
					<a class="text-dark ttext-truncate" href="#{{ $offer->name }}" title="{{$offer->name}}" >{{ $offer->name }}</a>
					</h3>

					<div class="mb-1 text-muted w-100">
						<span class="float-right">{{ TF::fF($offer->volume) . " Liter" }}</span><span>{{ TF::fF($offer->abv) . "%" }} Alk.</span>
					</div>

					<p class="card-text mb-auto text-success w-100"><del class="text-danger">{{ TF::fF($offer->original_price) . "€" }}</del> <strong class="ffloat-right">{{ TF::fF($offer->discounted_price) . "€" }}</strong>
					<span class="float-right text-muted">{{ TF::fF($offer->base_price ) }}€/L</span>
					</p>
					<strong><a href="{{ $offer->url }}" class="text-large">Jetzt bestellen</a></strong>
					<p class="text-muted text-small w-100 nmt-10">
						Versand: {{ TF::fF($offer->shipping_costs) }}€ <span class=" float-right">Gratis ab {{ $offer->free_shipping }}</span>
					</p>
				</div>
			</div>
		</div>
	</div>

<?php

	
	if ( $count % 2 == 1) {
?>
<!-- ./row -->
 </div>
<?php
	}

	$count++;

}

// schließt den div bei ungerade einträgen
if ( $count % 2 == 1) {
?>
<!-- ./row -->
 </div>
<?php
}

?>

{{ $data->links() }}

<!-- ./container -->
    </div>

@endsection