@extends('template.'.config('settings.template').'.content.master')
@section('head')
    <title>{{$list->name}}</title>
@stop
@section('content')
    <div class="section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                <br>
                    <h1 class="mt-5">Neuigkeiten</h1>
                    <p class="fs-5 mb-5">{{ $list->description }}</p>
                </div>
            </div>
            <div class="row mb-5">
                @foreach($contents as $content)
                    <div class="col-12 col-md-4">
                        <div class="card shadow-md mb-4 rounded-top" >
                            <x-img src="{{$content->image()}}" class="card-img-top" style="aspect-ratio: 1/1; object-fit:contain; object-position:center;"/>
                            <div class="card-body">
                                <h2 class="h5">{{$content->title}}</h2>
                                <span class="text-muted mb-3">{{date("d.m.Y", strtotime($content->created_at))}}</span>
                                <p class="card-text">{!! Str::limit($content->nachricht, 140)!!}</p>
                                <div class="text-end">
                                    <a href="{{$content->path}}" class="btn btn-primary">Mehr lesen</a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@stop
