@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">


            <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('/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">
            <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">
                    {!! 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">
                    <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">
                    {!! isset($content->bescheibung) ? $content->beschreibung : 'Text folgt...' !!}
                </div>
            </div>


        </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">
                    <hr class="pb-5 mt-5">
                    <h2 class="mb-4 mt-5 h3">Weitere Stellenangebote</h2>
                </div>

                @foreach($otherContents->take(3) as $otherContent)

                    <div class="col-12 col-md-6 col-sm-4 mb-3">

                        <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
