@extends('themes.default.layout.master')
@section("site_ayar_seo_title",$contentCategory->seo_title)
@section("site_ayar_seo_keywords",$contentCategory->seo_keywords)
@section("site_ayar_seo_description",$contentCategory->seo_description)

@section('content')

    <div class="page-content bg-white" style="min-height: 1000px">

        <div class="dlab-bnr-inr overlay-black-middle bg-pt"
             @if(!empty($contentCategoryBannerImage))
                 style="background-image:url({{$contentCategoryBannerImage}});"
@else
                 style="height: 100px"
            @endif>
            <div class="container">
                <div class="dlab-bnr-inr-entry"  @if(empty($contentCategoryBannerImage))  style="height: 100px" @endif>
                    <h1 class="text-white">{{$contentCategory->title}}</h1>
                    <div class="breadcrumb-row">
                        <ul class="list-inline">
                            <li><a href="{{route('theme.index',['locale'=>config('app.locale')])}}" title="{{\TransLibrary::languageTrans("breadcrumb_home_text")}}">       {{\TransLibrary::languageTrans("breadcrumb_home_text")}}</a></li>
                            <li>{{$contentCategory->title}}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-area">
            <div class="container">
                <div id="masonry" class="dlab-blog-grid-3 row">
                    @foreach($list as $lst)
                        <div class="post card-container col-lg-4 col-md-6 col-sm-12">
                            <div class="blog-post blog-grid blog-rounded blog-effect1">
                                @if($lst["image_full"]!==null)
                                    <div class="dlab-post-media dlab-img-effect">
                                        <a href="{{route('theme.content.index',['locale'=>$lst["lang_code"],'slug'=>$lst['slug']])}}"><img
                                                src="{{$lst["image_full"]}}" alt="{{$lst["title"]}}"></a>
                                    </div>
                                @endif
                                <div class="dlab-info p-a20 border-1">
                                    <div class="dlab-post-title">
                                        <h4 class="post-title"><a
                                                href="{{route('theme.content.index',['locale'=>$lst["lang_code"],'slug'=>$lst['slug']])}}">{{$lst["title"]}}</a>
                                        </h4>
                                    </div>
                                    <div class="dlab-post-text">
                                        <p>{{$lst["short_description"]}}</p>
                                    </div>
                                    <div class="dlab-post-readmore">
                                        <a href="{{route('theme.content.index',['locale'=>$lst["lang_code"],'slug'=>$lst['slug']])}}"
                                           title="{{\TransLibrary::languageTrans("content_read_more_link")}}"
                                           rel="bookmark" class="site-button">
                                            {{\TransLibrary::languageTrans("content_read_more_link")}}
                                            <i class="ti-arrow-right"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach

                </div>

            </div>
        </div>
    </div>
@endsection