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

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

@section('content')

    <div class="pt-3 pb-2 mb-5" style="background-color: {{$_primary_ci_color}}">
        <div class="container">


            <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                <ol class="breadcrumb text-decoration-none">
                    <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{url('/aktuelles')}}">Aktuelles</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{$content->title}}</li>
                </ol>
            </nav>
        </div>
    </div>
    <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->vorschau !!}

            </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-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>

@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