88 lines
5.3 KiB
PHP
88 lines
5.3 KiB
PHP
@layout("content.master")
|
|
@section('head')
|
|
<title>{{$content->title}}</title>
|
|
<style type="text/css">
|
|
li{list-style: none; margin-bottom: 4px; }
|
|
</style>
|
|
<meta name="product-id" content="{{$content->id}}">
|
|
@stop
|
|
@section('content')
|
|
<div class="container">
|
|
@if(session()->has('success'))
|
|
<div class="alert alert-success">{{session()->get('success')}}</div>
|
|
@elseif(session()->has('error'))
|
|
<div class="alert alert-danger">{{session()->get('error')}}</div>
|
|
@endif
|
|
<section>
|
|
<div class="row">
|
|
<div class="col-12 col-lg-5">
|
|
@if(empty($content->image))
|
|
<img src="https://picsum.photos/300/200" class="card-img-top img-fluid rounded border" alt="...">
|
|
@else
|
|
<img src="{{$content->image}}" class="card-img-top img-fluid" alt="...">
|
|
@endif
|
|
<br>
|
|
<br>
|
|
<br>
|
|
</div>
|
|
<div class="col-12 col-lg-5 offset-lg-1">
|
|
<h1 class="h2">{{$content->title}}</h1>
|
|
<div class="ms-3 mt-3 mb-3">
|
|
<span class="fs-4 fw-bold" style="color: #546c8a;">{{$content->data_fields['preis']}} €</span>
|
|
<span class="text-muted fs-7">Inkl. MwSt.</span>
|
|
</div>
|
|
<div class="ms-3 mt-3 mb-3 fs-6 fw-bolder" style="color: #79b27f;">
|
|
|
|
@if(2==2)
|
|
<svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
|
|
Sofort verfügbar!
|
|
|
|
@elseif(2==3)
|
|
<svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
|
|
Nachschub ist unterwegs. Jetzt vorbestellen!
|
|
@endif
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="row mt-5 ">
|
|
<div class="col-6">
|
|
<button style="display: none;" id="btn-add-to-bag" data-id="{{$content->id}}" class="btn btn-outline-success mb-5" style="padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px;">
|
|
<svg style="fill: currentColor; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
|
|
In den Einkaufswagen
|
|
</button>
|
|
<button style="display: none;" id="btn-show-bag" type="button" data-bs-toggle="modal" data-bs-target="#ShoppingCart" class="btn btn-success position-relative mb-5">
|
|
Im Warenkorb ansehen
|
|
<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger" id="count-items-in-bag"></span>
|
|
</button>
|
|
</div>
|
|
<div style="display: none;" class="col-12 col-md-6">
|
|
<button id="btn-check-out" data-id="{{$content->id}}" class="btn btn-primary mb-5" style="padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px;">
|
|
<svg style="fill: white; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
|
|
Unverbindlich anfragen
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<hr class="mt-5">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
@stop
|
|
@section('scripts')
|
|
<script src="{{storage('assets/js/product.js')}}"></script>
|
|
@stop
|