@php
    if (!function_exists('calculateReadingTime')) {
        function calculateReadingTime($body)
        {
            if (!$body) {
                return 2;
            }
            $text = strip_tags($body);
            $words = str_word_count($text);
            $minutes = ceil($words / 200);
            return max(1, $minutes);
        }
    }
@endphp
@foreach ($articles as $article)
    @php
        $articleImage = $article->topImage ?? $article->featuredImage;
        $articleUrl = "/{$article->slug}";
        $shareUrl = urlencode(url($articleUrl));
        $shareTitle = urlencode($article->title);
        $shareImage = urlencode($articleImage?->file_url ?? '');
        $publishedDate = $article->published_at ?? $article->created_at;
    @endphp
    <div class="jl_clist_layout jl_frsha">
        <div class="jl_li_in">
            @if ($articleImage && $articleImage->file_url)
                <div class="jl_img_holder">
                    <div class="jl_imgw jl_radus_e">
                        <div class="jl_imgin">
                            <img width="680" height="453"
                                src="{{ $articleImage->file_url }}"
                                class="attachment-bopea_layouts size-bopea_layouts jl-lazyload wp-post-image"
                                alt="{{ $articleImage->alt_text ?? $article->title }}"
                                decoding="async">
                        </div>
                        <a class="jl_imgl" href="{{ $articleUrl }}"
                            aria-label="{{ $article->title }}"></a>
                    </div>
                </div>
            @endif

            <div class="jl_fe_text">
                @if ($article->section)
                    <span class="jl_f_cat jl_lb3"><a class="jl_cat_lbl jl_cat19"
                            href="/{{ $article->section->slug }}"><span>{{ $article->section->name }}</span></a></span>
                @endif
                <h2 class="h2 jl_fe_title"><a
                        href="{{ $articleUrl }}">{{ $article->title }}</a></h2>
                @if ($article->headline || $article->excerpt)
                    <p class="jl_fe_des">
                        {{ Str::limit($article->headline ?? ($article->excerpt ?? ''), 150) }}
                    </p>
                @endif
                <span class="jl_post_meta">
                    @if ($publishedDate)
                        <span class="post-date">
                            <i class="jli-date"></i>
                            {{ \Carbon\Carbon::parse($publishedDate)->format('d/m/Y') }}
                        </span>
                    @endif
                    <span class="jl_fot_share_i jl_share_l_bg jls_tooltip">
                        <i class="jli-share"></i>
                        <span class="jls_tooltip_w jls_tooltip-top">
                            <span class="jls_tooltiptext">
                                <span class="jls_tooltip_in">
                                    <span class="jl_sli_in">
                                        <span class="jl_sli_fb jl_shli"><a
                                                class="jl_sshl"
                                                href="https://www.facebook.com/sharer.php?u={{ $shareUrl }}"
                                                rel="nofollow" alt="facebook"><i
                                                    class="jli-facebook"></i></a></span>
                                        <span class="jl_sli_tw jl_shli"><a
                                                class="jl_sshl"
                                                href="https://twitter.com/intent/tweet?text={{ $shareTitle }}&url={{ $shareUrl }}"
                                                rel="nofollow" alt="twitter"><i
                                                    class="jli-x"></i></a></span>
                                        <span class="jl_sli_pi jl_shli"><a
                                                class="jl_sshl"
                                                href="https://pinterest.com/pin/create/bookmarklet/?url={{ $shareUrl }}&media={{ $shareImage }}&description={{ $shareTitle }}"
                                                rel="nofollow" alt="pinterest"><i
                                                    class="jli-pinterest"></i></a></span>
                                        <span class="jl_sli_din jl_shli"><a
                                                class="jl_sshl"
                                                href="https://www.linkedin.com/shareArticle?url={{ $shareUrl }}"
                                                rel="nofollow" alt="linkedin"><i
                                                    class="jli-linkedin"></i></a></span>
                                        <span class="jl_sli_wapp jl_shli"><a
                                                class="jl_sshl"
                                                href="https://api.whatsapp.com/send?text={{ $shareTitle }} {{ $shareUrl }}"
                                                data-action="share/whatsapp/share"
                                                rel="nofollow" alt="whatsapp"><i
                                                    class="jli-whatsapp"></i></a></span>
                                    </span>
                                </span>
                            </span>
                        </span>
                    </span>
                </span>
            </div>
        </div>
    </div>
@endforeach