lumino-showroom/content/master.blade.php

295 lines
18 KiB
PHP

<!doctype html>
<html lang="{{str_replace('_', '-', app()->getLocale())}}">
<head>
<meta name="csrf-token" content="{{csrf_token()}}"/>
<meta name="url-base" content="{{url('/')}}">
<meta name="checkout" content="{{url('/checkout')}}">
<meta name="get-contents" content="{{url('/contents')}}">
@include('template.'.config('settings.template').'.content.includes.meta')
@include('template.'.config('settings.template').'.content.includes.css')
@yield('head')
<style>
h1,h2,h3{
color: {{$_title_color}};
}
.bg-ci{
background-color: {{$_bg_color}};
}
</style>
</head>
<body>
<nav style="background-color: {{$_secondary_color}}" class="pt-1 pb-1 text-light">
<div class="container">
<div class="row">
<div class="col text-light">
<span>
<svg style="width: 12px; margin-right: 2px; margin-bottom: 5px; fill: currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M192 0C85.961 0 0 85.961 0 192c0 77.413 26.97 99.031 172.268 309.67 9.534 13.772 29.929 13.774 39.465 0C357.03 291.031 384 269.413 384 192 384 85.961 298.039 0 192 0zm0 473.931C52.705 272.488 32 256.494 32 192c0-42.738 16.643-82.917 46.863-113.137S149.262 32 192 32s82.917 16.643 113.137 46.863S352 149.262 352 192c0 64.49-20.692 80.47-160 281.931z"/></svg>
{{$_postleitzahl}} {{$_city}}
</span>
</div>
<div class="col text-end">
<span>
<a href="tel:+4996545529550" class="text-decoration-none">
<svg style="fill: currentColor; width:20px; margin-bottom: 2px; margin-right: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M368 336h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zm-48-80v32c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16zm112 144h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm0-96h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm80-272H269.06C262.45 13.4 244.87 0 224 0h-80c-20.87 0-38.45 13.4-45.06 32H64C28.65 32 0 60.65 0 96v352c0 35.35 28.65 64 64 64h448c35.35 0 64-28.65 64-64V96c0-35.35-28.65-64-64-64zM144 48h80v320h-80V48zm384 400c0 8.82-7.18 16-16 16H64c-8.82 0-16-7.18-16-16V96c0-8.82 7.18-16 16-16h32v288c0 26.51 21.49 48 48 48h80c26.51 0 48-21.49 48-48V80h48v72c0 22.06 17.94 40 40 40h168v256zm0-304H368V80h144c8.82 0 16 7.18 16 16v48z"/></svg>
{{$_telefonnummer}}
</a>
</span>
<span class="ms-5 d-none d-lg-inline">
<a href="mailto:{{config('settings.contact_email')}}" class="text-decoration-none">{{config('settings.contact_email')}}</a>
</span>
</div>
</div>
</div>
</nav>
<nav style="background-color: {{$_primary_color}}" class="pt-5 pb-5">
<div class="container">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid" style="justify-content: normal;">
<a href="{{url('/')}}" class="fs-2 fw-bold text-decoration-none">
<img src="{{$favicon['180']}}" alt="{{config('settings.name')}}">
</a>
@if(!Request::is('checkout'))
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<style>
.nav-item a{
font-weight: bold;
color: white;
font-size: 20px;
}
.nav-item a:hover, .nav-item a:active{
color: #dadbdd;
}
.dropdown-item a{
color: red;
}
</style>
<li class="nav-item">
<a class="nav-link mx-md-4" href="{{url('/produkte')}}">Produkte</a>
</li>
<li class="nav-item">
<a class="nav-link mx-md-4" href="{{url('/ueber-uns')}}">Über uns</a>
</li>
<li class="nav-item mx-md-4">
<a class="nav-link" href="{{url('/kontakt')}}">Kontakt</a>
</li>
<li class="nav-item ms-md-5">
<a href="" data-bs-toggle="modal" data-bs-target="#ShoppingCart" class="position-relative">
<svg style="fill: white; width: 30px; margin-top: 6px;" 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>
<span class="position-absolute top-10 start-90 badge rounded-pill bg-danger" style="display: none; right: -10px;" id="count-products-in-bag">0</span>
</a>
</li>
</ul>
</div>
@endif
</div>
</nav>
</div>
</nav>
<div class="modal fade" id="ShoppingCart" tabindex="-1" aria-labelledby="ShoppingCart" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header" style="background-color: #355bb3; color: white;">
<h5 class="modal-title" id="exampleModalLabel">
<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>
Warenkorb
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div style="display: none;" class="alert alert-danger mt-5" role="alert" id="cart-error">
Fehler beim Laden der Produkte, versuchen Sie, die Seite neu zu laden
</div>
<div style="display: none;" class="col-12 text-center" id="no-products">
<br>
<br>
<br>
<lottie-player src="https://assets2.lottiefiles.com/packages/lf20_3VDN1k.json" background="transparent" speed="1" style="width: 150px; height: 150px; margin-left: 40%" loop autoplay></lottie-player>
<br>
<br>
<br>
<i>Es befinden sich noch keine Produkte im Warenkorb</i>
<br>
<br>
<a class="btn btn-primary mb-3" href="{{url('/produkte')}}">Jetzt Produkte entdecken</a>
<br>
</div>
<div class="col-12">
<table class="table table-striped">
<tbody id="list-products-in-bag"></tbody>
<tfoot>
<tr>
<th class="text-start" scope="col">Gesammt:</th>
<th colspan="3" class="text-end">
<span id="total-price">0 </span>
<br>
</th>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="row mt-3" id="modal-buttons">
<div class="col-6">
<a href="" class="text-muted text-decoration-none" data-bs-toggle="modal" data-bs-target="#shareCart">
Warenkorb teilen
<svg style="fill: currentColor; width: 19px; margin-left: 4px; margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M564.907 196.35L388.91 12.366C364.216-13.45 320 3.746 320 40.016v88.154C154.548 130.155 0 160.103 0 331.19c0 94.98 55.84 150.231 89.13 174.571 24.233 17.722 58.021-4.992 49.68-34.51C100.937 336.887 165.575 321.972 320 320.16V408c0 36.239 44.19 53.494 68.91 27.65l175.998-184c14.79-15.47 14.79-39.83-.001-55.3zm-23.127 33.18l-176 184c-4.933 5.16-13.78 1.73-13.78-5.53V288c-171.396 0-295.313 9.707-243.98 191.7C72 453.36 32 405.59 32 331.19 32 171.18 194.886 160 352 160V40c0-7.262 8.851-10.69 13.78-5.53l176 184a7.978 7.978 0 0 1 0 11.06z"/></svg>
</a>
</div>
<div class="col-6 text-end">
<a href="{{url('/checkout')}}" type="button" class="btn btn-primary">Angebot unverbindlich anfragen</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="alert alert-warning mt-5 mb-2 d-none" style="display: none;" role="alert">
<strong>Achtung:</strong>
<br>
Aufgrund der erhöhten Nachfrage sind derzeit einige Produkte ausverkauft, bzw. nur schwer Lieferbar.
<br>
Bitte Telefonisch Lieferzeiten und Verfügbarkeiten klären.
<button type="button" class="btn-close" id="btn-close-message" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
</div>
<div class="modal fade bd-example-modal-sm" id="modal-confirm-addition-of-products" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="background-color: #355bb3; color: white;">
<h5>Vorgefertigten Warenkorb ansehen?</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<br>
<lottie-player src="https://assets6.lottiefiles.com/packages/lf20_Ch6lCf.json" background="transparent" speed="0.6" style="width: 180px; height: 180px; margin-left:30%;" loop autoplay></lottie-player>
<br>
Der angeklickte Link erhält einen vorgefertigten Warenkorb.<br> Sie können diesen importieren und dann die Produkte ansehen.
<br>
<br>
</div>
</div>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-6">
<button type="button" class="btn btn-link" data-bs-dismiss="modal">Abbrechen</button>
</div>
</div>
<button type="button" class="btn btn-primary btn-confirm-product-link" data-bs-dismiss="modal">Warenkorb ansehen</button>
</div>
</div>
</div>
</div>
<div class="modal fade bd-example-modal-sm" id="modal-confirm-product-replacement" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="background-color: #10307b; color: white;">
<h5>Bestehenden Warenkorb verwerfen?</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<br>
<lottie-player src="https://lottie.host/72251293-3f2d-45fe-859c-b967787a424b/XWNIgGYQEy.json" background="transparent" speed="0.2" style="width: 180px; height: 180px; margin-left: 28%;" loop autoplay></lottie-player>
<br>
Es befinden sich bereits Waren in Ihrem Warenkorb. Durch den Import der neuen Einkaufsliste wird die bestehnde Liste ersetzt.
<br>
<br>
</div>
</div>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-4 text-start">
<button type="button" class="btn btn-link" data-bs-dismiss="modal">Abbrechen</button>
</div>
<div class="col-8">
<button type="button" class="btn btn-primary btn-confirm-product-link" data-bs-dismiss="modal">Warenkorb ersetzen</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="shareCart" tabindex="-1" aria-labelledby="shareCart" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="background-color: #10307b; color: white;">
<h5 class="modal-title" id="exampleModalLabel">Warenkorb teilen</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" style="background-color: #f7fcf7;">
<div class="row">
<div class="col-12 my-3">
<p>Teilen Sie Ihre Einkaufsliste mit Freunden und Bekannten, damit diese Sie dann bei Ihrere Auswahl helfen können.</p>
</div>
</div>
<div class="input-group input-group-lg my-2">
<input type="text" class="form-control cart-link" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-lg" style="box-shadow: none;" readonly>
<span class="input-group-text" id="btn-copy-cart-link" style="cursor: copy;">
<svg style="fill: currentColor; width: 18px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM352 32.491a15.88 15.88 0 0 1 7.431 4.195l51.882 51.883A15.885 15.885 0 0 1 415.508 96H352V32.491zM288 464c0 8.822-7.178 16-16 16H48c-8.822 0-16-7.178-16-16V144c0-8.822 7.178-16 16-16h80v240c0 26.51 21.49 48 48 48h112v48zm128-96c0 8.822-7.178 16-16 16H176c-8.822 0-16-7.178-16-16V48c0-8.822 7.178-16 16-16h144v72c0 13.2 10.8 24 24 24h72v240z"/></svg>
</span>
</div>
<br>
<button class="btn btn-share btn-primary mx-auto d-block">Warenkorb teilen
<svg style="fill: currentColor; width: 19px; margin-left: 4px; margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M564.907 196.35L388.91 12.366C364.216-13.45 320 3.746 320 40.016v88.154C154.548 130.155 0 160.103 0 331.19c0 94.98 55.84 150.231 89.13 174.571 24.233 17.722 58.021-4.992 49.68-34.51C100.937 336.887 165.575 321.972 320 320.16V408c0 36.239 44.19 53.494 68.91 27.65l175.998-184c14.79-15.47 14.79-39.83-.001-55.3zm-23.127 33.18l-176 184c-4.933 5.16-13.78 1.73-13.78-5.53V288c-171.396 0-295.313 9.707-243.98 191.7C72 453.36 32 405.59 32 331.19 32 171.18 194.886 160 352 160V40c0-7.262 8.851-10.69 13.78-5.53l176 184a7.978 7.978 0 0 1 0 11.06z"/></svg>
</button>
</div>
</div>
</div>
</div>
@yield('content')
@include('template.'.config('settings.template').'.content.includes.footer')
@include('template.'.config('settings.template').'.content.includes.scripts')
<script src="{{storage('assets/js/data.js')}}"></script>
<script src="{{storage('assets/js/methods.js')}}"></script>
<script src="{{storage('assets/js/script.js')}}"></script>
@yield('scripts')
</body>
</html>