@extends('frontend.layouts.master')
@php
$app_local = get_default_language_code();
$default = App\Constants\LanguageConst::NOT_REMOVABLE;
$slug = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::ANNOUNCEMENT_SECTION);
$journal = App\Models\Admin\SiteSections::getData($slug)->first();
@endphp
@section('content')
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Start Blog
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="blog-section ptb-80">
<div class="container">
<div class="section-tag">
<span class="d-flex align-items-center">
<p>{{ $journal->value->language->$app_local->title ?? $journal->value->language->$default->title ?? '' }}</p> <i class="las la-cog"></i>
</span>
<div class="section-element">
<img src="{{ asset('public/frontend') }}/images/element/section-element.webp">
</div>
</div>
<div class="row mb-40">
<div class="col-xl-8 lg-10">
<h2 class="title">{{ $journal->value->language->$app_local->heading ?? $journal->value->language->$default->heading ?? '' }}</h2>
<p>{{ $journal->value->language->$app_local->sub_heading ?? $journal->value->language->$default->sub_heading ?? '' }}</p>
</div>
</div>
<div class="blog-wrapper">
<div class="row mb-20-none">
@foreach ($journals ?? [] as $item)
<div class="col-lg-4 col-md-6 mb-20">
<div class="blog-item">
<div class="blog-img">
<img src="{{ get_image($item->data->image ?? '' ,'site-section') }}">
</div>
<div class="blog-content">
<h3 class="title">{{ Str::words($item->data->language->$app_local->title ?? $item->data->language->$default->title ?? '',"5","...") }}</h3>
<P class="sub-title">{!! Str::words($item->data->language->$app_local->description ?? $item->data->language->$default->description ?? '',"15","...") !!}</P>
</div>
<div class="blog-footer">
<div class="blog-btn">
<a href="{{ setRoute('frontend.journal.details',$item->slug) }}" class="btn--base">{{ __("Visit Blog") }}</a>
</div>
<div class="blog-date">
<p><i class="las la-clock"></i> <span>{{ \Carbon\Carbon::parse($item->created_at)->format('F j, Y') }}</span></p>
</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
End Blog
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
@endsection
For code examples and implementation guides, please refer to the “Examples” section on our developer portal. Go to GitHub Repository