/home/kueuepay/public_html/resources/views/frontend/pages/journal-details.blade.php
@extends('frontend.layouts.master')
@php
    $app_local  = get_default_language_code();
    $default    = App\Constants\LanguageConst::NOT_REMOVABLE;
@endphp

@section('content')
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Start Blog
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="blog-section blog-details-section pt-80 pb-80">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-4 col-lg-5 mb-30">
                <div class="blog-sidebar">
                    <div class="widget-box mb-30">
                        <h4 class="widget-title">{{ __("Categories") }}</h4>
                        <div class="category-widget-box">
                            <ul class="category-list">
                                @foreach ($category ?? [] as $item)
                                    <li><a href="{{ setRoute('frontend.journal.category',$item->id) }}">{{ $item->name->language->$app_local->name ?? $item->name->language->$default->name ?? '' }} <span>{{ $item->announcements_count }}</span></a></li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                    <div class="widget-box mb-30">
                        <h4 class="widget-title">{{ __("Recent Posts") }}</h4>
                        <div class="popular-widget-box">
                            @foreach ($recent_posts ?? [] as $item)
                                <div class="single-popular-item d-flex flex-wrap align-items-center">
                                    <div class="popular-item-thumb">
                                        <a href="{{ setRoute('frontend.journal.details',$item->slug) }}"><img src="{{ get_image($item->data->image ?? '' , 'site-section') }}" alt="blog"></a>
                                    </div>
                                    <div class="popular-item-content">
                                        @php
                                            $date = $item->created_at ?? "";
                                            $formattedDate = date('M d, Y', strtotime($date));
                                        @endphp
                                        <span class="date">{{ $formattedDate }}</span>
                                        <h6 class="title"><a href="{{ setRoute('frontend.journal.details',$item->slug) }}">{{ Str::words($item->data->language->$app_local->title ?? $item->data->language->$default->title ?? '',"5","...") }}</a></h6>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-8 col-lg-8">
                <div class="blog-item">
                    <div class="blog-thumb">
                        <img src="{{ get_image(@$journal->data->image, 'site-section') }}" alt="blog">
                    </div>
                    <div class="blog-content pt-3=4">
                        <h3 class="title">{{ $journal->data->language->$app_local->title ?? $journal->data->language->$default->title ?? '' }}</h3>
                        <p>{!! $journal->data->language->$app_local->description ?? $journal->data->language->$default->description ?? '' !!}</p>
                        <div class="blog-tag-wrapper">
                            <span>{{ __("Tags") }}</span>
                            @php
                                $tags    = $journal->data->language->$app_local->tags ?? $journal->data->language->$default->tags ?? [];
                            @endphp
                            <ul class="blog-footer-tag">
                                @foreach ($tags ?? [] as $item)
                                    <li><a href="javascript:void(0)">{{ $item }}</a></li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    End Blog
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
@endsection
Examples

Examples

For code examples and implementation guides, please refer to the “Examples” section on our developer portal. Go to GitHub Repository