@extends('frontend.pages.layouts.master')
@section('content')
    <div class="bg-image mb-5" style="background-image: url('{{ asset('/img/bg-img.jpg') }}');background-size: cover;background-repeat: no-repeat;">
        <div class="bg-primary-default">
            <div class="container p-lg-0">
                <div class="row">
                    <div class="col-lg-9">
                        <div class="page-title d-flex align-items-center me-3 flex-wrap py-20 ">
                            <!--begin::Breadcrumb-->
                            <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-3 my-1">
                                <!--begin::Item-->
                                <li class="breadcrumb-item text-warning">
                                    <a href="/" class="text-warning text-hover-primary">Home</a>
                                </li>
                                <!--end::Item-->
                                <!--begin::Item-->
                                <li class="breadcrumb-item">
                                    <span class="bullet bg-gray-200 w-5px h-2px"></span>
                                </li>
                                <!--end::Item-->
                                <!--begin::Item-->
                                <li class="breadcrumb-item text-white">{{ $heading }}</li>
                                <!--end::Item-->
                            </ul>
                            <!--end::Breadcrumb-->
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>

    <div class="container">
        <div class="col-lg-12">
        @if(count($records)>0)
            <!--begin::Section-->
                <div class="mb-17">

                    <!--begin::Separator-->
                    <div class="separator separator-dashed mb-9"></div>
                    <!--end::Separator-->
                    <!--begin::Row-->
                    <div class="row g-10">
                    @foreach($records as $related_record)
                        <!--begin::Col-->
                            <div class="col-md-4">
                                <!--begin::Feature post-->
                                <div class="card-xl-stretch me-md-6">
                                    <!--begin::Image-->
                                    <a href="/section/{{$section->id}}/{{$related_record->id}}" class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/metronic8/demo1/assets/media/stock/600x400/img-73.jpg')">
                                        <img src="/{{get_image($related_record->image)}}" class="position-absolute top-50 start-50 translate-middle" alt="">
                                    </a>
                                    <!--end::Image-->
                                    <!--begin::Body-->
                                    <div class="m-0">
                                        <!--begin::Title-->
                                        <a href="/section/{{$section->id}}/{{$related_record->id}}" class="fs-4 text-dark fw-bolder text-hover-primary text-dark lh-base">{{$related_record->heading}}</a>
                                        <!--end::Title-->
                                        <!--begin::Text-->
                                        <div class="fw-bold fs-5 text-gray-600 text-dark my-4">{!! \Illuminate\Support\Str::limit($related_record->post_excerpt,100) !!}</div>
                                        <!--end::Text-->
                                        <!--begin::Content-->
                                        <div class="fs-6 fw-bolder">
                                            <!--begin::Author-->
                                            <a href="javascript:void(0)" class="text-gray-700 text-hover-primary">{{$related_record->user->name}}</a>
                                            <!--end::Author-->
                                            <!--begin::Date-->
                                            <span class="text-muted">on {{date('M d Y',strtotime($related_record->created_at))}}</span>
                                            <!--end::Date-->
                                        </div>
                                        <!--end::Content-->
                                    </div>
                                    <!--end::Body-->
                                </div>
                                <!--end::Feature post-->
                            </div>
                            <!--end::Col-->
                        @endforeach
                    </div>
                    <!--end::Row-->
                </div>
                <!--end::Section-->
            @endif
        </div>
    </div>
@endsection