basic-business-template/content/contents/leistungen.blade.php

110 lines
5.1 KiB
PHP

@extends('template.'.config('settings.template').'.content.master')
@section('content')
<div class="container">
<div class="row">
<div class="col-12 col-lg-7">
<div class="col-12 col-md-11 d-flex">
<h1 class="mt-5 mb-2 ">{{$content->title}}</h1>
</div>
<div class="fw-bolder my-4">
{!! $content->beschreibung !!}
</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">
<img src="{{ $content->image() }}" class="img-fluid rounded">
<br>
</div>
<div class="col-12 mb-5 mt-5 fs-5">
{!! isset($content->neuigkeit) ? $content->neuigkeit : 'keine Angaben' !!}
</div>
</div>
<div class="col-12 col-lg-4 offset-md-1">
<div class="card mb-4 mt-5 shadow-lg">
<div class="card-header text-center">
<h3 class="fs-5 fw-bold">Unverbindlich anfragen</h3>
</div>
<div class="card-body">
<form>
<div class="mb-4">
<label for="exampleInputEmail1" class="form-label">Name:</label>
<input type="name" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Max Mustermann">
</div>
<div class="mb-4">
<label for="exampleInputEmail1" class="form-label">Telefonnummer:</label>
<input type="tel" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="0170 1234 56478">
</div>
<div class="mb-4">
<label for="exampleInputEmail1" class="form-label">E-Mail:</label>
<input type="name" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="beispiel@areya.de">
</div>
<div class="form-floating mb-4">
<textarea style="height: 80px;" class="form-control" placeholder="Leave a comment here" id="floatingTextarea"></textarea>
<label for="floatingTextarea">Nachricht</label>
</div>
<div class="d-grid gap-2">
<button type="submit" class="btn btn-primary btn-block">Anfrage unverbindlich absenden
<svg style="fill: currentColor;width: 17px;margin-left: 6px;margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"/></svg>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@stop
@section('scripts')
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
const shareData = {
title: "{{ $content->title }}",
text: 'Text',
url: window.location.href,
}
</script>
<script src="{{ asset('template/js/pages/news/methods.js') }}"></script>
<script src="{{ asset('template/js/pages/news/events.js') }}"></script>
<script src="{{ asset('template/js/pages/news/script.js') }}"></script>
<script src="{{ asset('system/js/intlTelInput.min.js') }}"></script>
<script>
var input = document.querySelector(".phone");
var iti = window.intlTelInput(input, {
initialCountry: "de",
geoIpLookup: function(callback) {
$.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) {
var countryCode = (resp && resp.country) ? resp.country : "us";
callback(countryCode);
});
},
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.11/js/utils.min.js",
// any initialisation options go here
});
$("#formPost").submit(function() {
if (iti.isValidNumber() == false) {
alert('Telefonnummer nicht gültig!');
return false;
}
return true;
});
</script>
@stop