@extends('template.'.config('settings.template').'.content.master')
@section('head')
    <title>{{$content->title}}</title>

    <meta name="product-id" content="{{$content->id}}">
@stop
@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('/events')}}">Events</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-lg-7">


                <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">
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut deleniti dolorem eius esse eum ex explicabo id impedit inventore modi necessitatibus odit perferendis quibusdam quis ratione reprehenderit rerum, voluptates. Nihil.
                </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">
                    <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, (max-width: 540px) 540px, 720px," class="img-fluid card-img-top"/>
                    <br>
                </div>
                <div class="col-12 mb-5 mt-5 fs-5">
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid debitis et, ex exercitationem facilis incidunt molestias nulla officiis perferendis quas tempora, vitae voluptatem, voluptates? Atque dolores eius pariatur porro quisquam.
                </div>
            </div>


        </div>




    </div>


@stop
