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


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



    <div class="container">
        <div class="row">
            <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-4">





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


                            <h4 class="card-title">{{$content->title}}</h4>

                            <h6 class="card-subtitle mb-2">

                                <div  class="small text-muted">{{date('d.m.Y H:i', strtotime($content->created_at))}}</div>

                            </h6>

                            <p class="card-text">

                            </p>

                        </div>

                        <div class="card-footer text-end">
                            <a class="btn btn-sm btn-ci" href="{{ $content->path }}" onclick="gtag('event', 'See Job', {'event_category' : 'Home', 'event_label' : '{{$content->title}}'});">
                                Mehr lesen
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" />
                                </svg>
                            </a>
                        </div>









                    </div>

                </div>

            @endforeach

        </div>



    </div>








@stop