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

@extends('template.'.config('settings.template').'.content.master')

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-11 d-flex">
                <h1 class="mt-5 mb-2 h2">{{$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>

        <div class="row">
            <div class="col-12 col-lg-7">
                <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 shadow-lg">
                    <div class="card-header">
                        <h4>Unverbindlich anfragen</h4>
                    </div>
                    <div class="card-body">

                        <form>
                            <div class="mb-3">
                                <label for="exampleInputEmail1" class="form-label">Name</label>
                                <input type="name" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Max Mustermann">
                                <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
                            </div>

                            <div class="mb-3">
                                <label for="exampleInputEmail1" class="form-label">Telefonnummer</label>
                                <input type="tel" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Max Mustermann">
                            </div>

                            <div class="mb-3">
                                <label for="exampleInputEmail1" class="form-label">E-Mail</label>
                                <input type="name" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Max Mustermann">
                            </div>

                            <div class="mb-3">
                                <label for="exampleInputEmail1" class="form-label">Nachricht</label>
                                <input type="name" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Max Mustermann">
                            </div>


                            <div class="mb-3 form-check">
                                <input type="checkbox" class="form-check-input" id="exampleCheck1">
                                <label class="form-check-label" for="exampleCheck1">Check me out</label>
                            </div>
                            <button type="submit" class="btn btn-primary btn-block">Submit</button>
                        </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