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

            @foreach($contents as $content)
                <div class="col-12 col-md-6 col-lg-4 mb-3">
                    <a href="{{ $content->path }}" class="text-decoration-none">
                        <div class="card shadow-sm h-100">
                            <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/>
                            <div class="card-body">
                                <h3 class="h5 mb-2">{{$content->title}} </h3>
                                <div class="fw-bold my-3 text-right fs-5" style="color: {{$_secondary_link_color}};">{{$content->preis}} €</div>
                                {!! Str::limit($content->kurzbeschreibung, 100) !!}
                            </div>
                        </div>
                    </a>
                </div>
            @endforeach
        </div>
    </div>
@stop
