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


            <x-img src="{{ $list->image }}" class="img-fluid" alt=""/>



    <div class="container">
        <div class="row mb-5">
            <div class="col-12">
                <h1 class="mb-5 mt-5">{{ $list->name }}</h1>

                <p class="fs-5 mb-5">
                    {{ $list->description }}
                </p>
            </div>


            @if(count($contents) > 0)

                @foreach($contents as $content)
                    <div class="col-12 col-md-6 col-lg-4 mb-4">
                        <a href="{{ $content->path }}" class="text-decoration-none">
                            <div class="card h-100 shadow-lg mb-4" id="news-{{$content->id}}">
                                <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/>
                                <div class="card-body">
                                    <h2 class="h5 mb-3">{{$content->title}} </h2>
                                    {!! Str::limit($content->kurzbeschreibung, 180) !!}
                                </div>
                            </div>
                        </a>
                    </div>

                @endforeach
            @else

                <div class="col-12 text-center" style="margin-bottom: 30vh; margin-top: 5vh;">

                    <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
                    <dotlottie-player src="https://lottie.host/d5a4355a-7074-40b5-804a-28ed21d8b944/6ryk9g1wqN.lottie" background="transparent" speed="1" style="width: 200px; height: 200px; margin: 0 auto;" loop autoplay></dotlottie-player>
                    <i>
                        Derzeit keine {{ $list->name }} veröffentlicht.
                    </i>
                </div>

            @endif


        </div>



    </div>








@stop
