Areya
/
basic-business-template
2
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity
basic-business-template/content/contents/referenz.blade.php

268 lines
15 KiB
PHP
Raw Normal View History

.
2023-09-13 09:07:54 +00:00
@extends('template.'.config('settings.template').'.content.master')
@section('head')
<title>{{$content->title}}</title>
@stop
@section('content')
<div class="pt-3 pb-2 mb-5" style="background-color: {{$_primary_ci_color}}">
<div class="container">
.
2024-01-10 09:56:51 +00:00
<nav style="--bs-breadcrumb-divider: '›';" aria-label="breadcrumb">
.
2023-09-13 09:07:54 +00:00
<ol class="breadcrumb text-decoration-none">
<li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
<li class="breadcrumb-item"><a href="{{url('/referenzen')}}">Referenzen</a></li>
<li class="breadcrumb-item active" aria-current="page">{{$content->title}}</li>
</ol>
</nav>
</div>
</div>
<div class="container">
<div class="row">
.
2024-01-18 20:27:53 +00:00
<div class="col-12 col-lg-8">
.
2023-09-13 09:07:54 +00:00
<div class="col-12 col-md-11 d-flex">
<h1 class="mt-3 mb-2 ">{{$content->title}}</h1>
</div>
<div class="fw-bolder my-4">
{!! isset($content->kurzbescheibung) ? $content->kurzbeschreibung : 'Text folgt...' !!}
</div>
<div class="col-6 text-muted small mb-3">
Veröffentlicht: {{date('d.m.Y', strtotime($content->created_at))}}
</div>
<div class="col-12 col-lg-9">
ajusted some images
2024-01-10 18:08:58 +00:00
<x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, (max-width: 540px) 540px, 720px," class="img-fluid card-img-top"/>
.
2023-09-13 09:07:54 +00:00
<br>
</div>
<div class="col-12 mb-5 mt-5 fs-5">
{!! isset($content->bescheibung) ? $content->beschreibung : 'Text folgt...' !!}
</div>
.
2024-01-18 20:27:53 +00:00
.
2024-01-19 07:56:08 +00:00
@isset($content->bilder)
@if($content->bilder)
<div class="col-12 mb-2">
<h2 class="mt-5 h3">Bilder</h2>
</div>
@foreach($content->bilder as $image)
<div class="col-12 col-md-6 col-lg-3 text-center">
<x-img src="{{$image}}" class="rounded img-fluid border mb-3" alt="Bild {{$content->title}} "/>
</div>
@endforeach
@endif
@endisset
.
2024-01-18 20:27:53 +00:00
<div class="col-12">
<h2 class="h3 mb-3 mt-5">Standort</h2>
.
2024-01-19 07:56:08 +00:00
<div style="height:400px; background-image: url('https://ik.imagekit.io/areya/map_9WqHXkxOE.png');" class="mb-5">
.
2024-01-18 20:27:53 +00:00
@if(isset($_COOKIE["cookies-consent"]) && $_COOKIE["cookies-consent"][0])
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d82670.63513570253!2d12.3559048!3d49.64568135!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a0167677a646b7%3A0x89d4aabcaf3748c3!2sZum%20Schwarzen%20B%C3%A4ren!5e0!3m2!1sde!2sde!4v1705608759828!5m2!1sde!2sde" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
@else
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1 text-center py-3"
style=" margin-top: 80px;
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border: 1px solid rgba(255, 255, 255, 0.3);">
<div class="text-muted">
<svg style="fill: currentColor; width: 50px; margin-bottom: 20px; margin-top: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M512 192C512 86 426 0 320 0C263.8 0 213.3 24.1 178.2 62.5l25.2 19.9C232.6 51.4 274 32 320 32c88.4 0 160 71.6 160 160c0 15.6-5.4 37-16.6 63.4c-3.3 7.7-6.9 15.6-10.9 23.7l25.6 20.2C498.3 259.8 512 221.9 512 192zM176.6 255.4c-6.7-15.9-11.4-30-14-42.2L128.1 186c-.1 2-.1 4-.1 6c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0c17.3-21.6 42-53.6 67.2-89.8l-25.2-19.9c-24.4 35.2-48.5 66.5-65.8 88.1c-25.4-31.8-65.8-84.7-99.9-140c-17.3-28.1-32.7-56.3-43.6-82.1zM25.9 3.4C19-2 8.9-.8 3.4 6.1S-.8 23.1 6.1 28.6l608 480c6.9 5.5 17 4.3 22.5-2.6s4.3-17-2.6-22.5L25.9 3.4z"/></svg>
</div>
<h5>Google Maps ist derzeit deaktiviert</h5>
<br>
<i class="text-muted small">Sie müssen laut unser <a class="text-decoration-none" href="{{url('/datenschutz')}}">Datenschutzbestimmung</a> funktionale Cookies akzeptieren, um diesen externen Dienst zu nutzen.</i>
<br>
<br>
@if(isset($_COOKIE["cookies-consent"]))
<button class="btn btn-outline-primary btn-sm btn-cookies-consent" data-cookies="{{'1'.$_COOKIE['cookies-consent'][1].$_COOKIE['cookies-consent'][2]}}">Google Maps anzeigen
<svg style="fill: currentColor; width: 18px; margin-bottom: 2px; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm72.7-256L208 329.7V182.3L328.7 256zM212.5 147.5c-7.4-4.5-16.7-4.7-24.3-.5s-12.3 12.3-12.3 20.9V344c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88z"/></svg>
</button>
@else
<button class="btn btn-outline-primary btn-sm btn-cookies-consent" data-cookies="100" title="Funktionelle Cookies akzeptieren und Google Maps anzeigen">Google Maps anzeigen
<svg style="fill: currentColor; width: 18px; margin-bottom: 2px; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm72.7-256L208 329.7V182.3L328.7 256zM212.5 147.5c-7.4-4.5-16.7-4.7-24.3-.5s-12.3 12.3-12.3 20.9V344c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88z"/></svg>
</button>
@endif
</div>
</div>
</div>
@endif
</div>
</div>
</div>
<div class="col-12 col-lg-3 offset-lg-1 position-sticky">
<div class="row position-sticky">
<div class="col-12 col-md-11 mt-2">
.
2024-01-19 07:56:08 +00:00
<h2 class="h4 mt-5 mt-md-3 mb-4">Unsere Leistungen:</h2>
.
2024-01-18 20:27:53 +00:00
<div class="text muted small mb-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur corporis enim excepturi nostrum quibusdam rem temporibus, voluptatum.
</div>
</div>
<div class="col-12 mt-2 fs-6 mb-2">
<div class="card">
<a href="http://lumino.xps/leistung/sfsf" class="text-decoration-none">
<div class="card-body p-3 fs-5">
<div class="row">
<div class="col">
Hausverwaltung
</div>
<div class="col text-end">
<svg style="fill: currentColor; width: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-12 mt-2 fs-6 mb-2">
<div class="card">
<a href="http://lumino.xps/leistung/sfsf" class="text-decoration-none">
<div class="card-body p-3 fs-5">
<div class="row">
<div class="col">
Hausverwaltung
</div>
<div class="col text-end">
<svg style="fill: currentColor; width: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-12 mt-2 fs-6 mb-2">
<div class="card">
<a href="http://lumino.xps/leistung/sfsf" class="text-decoration-none">
<div class="card-body p-3 fs-5">
<div class="row">
<div class="col">
Hausverwaltung
</div>
<div class="col text-end">
<svg style="fill: currentColor; width: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-12 mt-2 fs-6 mb-2">
<div class="card">
<a href="http://lumino.xps/leistung/sfsf" class="text-decoration-none">
<div class="card-body p-3 fs-5">
<div class="row">
<div class="col">
Hausverwaltung
</div>
<div class="col text-end">
<svg style="fill: currentColor; width: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-12 mt-2 fs-6 mb-2">
<div class="card">
<a href="http://lumino.xps/leistung/sfsf" class="text-decoration-none">
<div class="card-body p-3 fs-5">
<div class="row">
<div class="col">
Hausverwaltung
</div>
<div class="col text-end">
<svg style="fill: currentColor; width: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M267.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-160 160c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L233.4 256 84.7 107.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l160 160z"/></svg>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
.
2023-09-13 09:07:54 +00:00
</div>
.
2024-01-18 20:27:53 +00:00
.
2023-09-13 09:07:54 +00:00
</div>
@php($otherContents = filterByContentType("Referenzen")->filter(function ($item) use ($content) { return $item->id != $content->id; }))
@if($otherContents->isNotEmpty())
<div class="row mb-5">
<div class="col-12">
.
2024-01-19 07:56:08 +00:00
.
2023-09-13 09:07:54 +00:00
<hr class="pb-5 mt-5">
.
2024-01-18 20:27:53 +00:00
<h2 class="mb-4 mt-5 h3">Weitere Referenzen</h2>
.
2023-09-13 09:07:54 +00:00
</div>
.
2024-01-18 20:27:53 +00:00
@foreach($otherContents->take(4) as $otherContent)
.
2023-09-13 09:07:54 +00:00
.
2024-01-18 20:27:53 +00:00
<div class="col-12 col-xs-6 col-md-4 col-lg-3 mb-3">
.
2023-09-13 09:07:54 +00:00
<a href="{{$otherContent->path}}" class="text-decoration-none">
<div class="card shadow-sm h-100">
<div class="card-body">
<h3 class="h5 mb-2">
{{$otherContent->title}}
</h3>
<div class="text-muted small my-3">
<span title="{{$otherContent->created_at}}">
<svg style="fill: currentColor;width:15px;margin-bottom: 5px;margin-right: 3px;}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M112 0c8.8 0 16 7.2 16 16V64H320V16c0-8.8 7.2-16 16-16s16 7.2 16 16V64h32c35.3 0 64 28.7 64 64v32 32V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V192 160 128C0 92.7 28.7 64 64 64H96V16c0-8.8 7.2-16 16-16zM416 192H32V448c0 17.7 14.3 32 32 32H384c17.7 0 32-14.3 32-32V192zM384 96H64c-17.7 0-32 14.3-32 32v32H416V128c0-17.7-14.3-32-32-32z"/></svg>
{{ $otherContent->updated_at->diffForHumans() }}
</span>
</div>
{!! Str::limit($otherContent->title, 280) !!}
</div>
</div>
</a>
</div>
@endforeach
</div>
@endif
</div>
@stop