@extends('front.layout.app')
@section('content')
    <section class="blog">
        <div class="container">
            <div class="row">
                @foreach($blogPosts as $post)
                    <div class="col-lg-6">
                        <div class="blog-card">
                            @if($post->getMedia('blog_images')->count() > 0)
                                <div class="blog-card__img w-100">
                                    <img src="{{ $post->getFirstMediaUrl('blog_images') }}" alt="image" class="img-fluid w-100 h-100">
                                </div>
                            @endif
                            <div class="blog-card__content">
                                <a href="#" class="title">{!!  $post->title  !!}</a>
                                <p>
                                    @php
                                        $words = str_word_count($post->content, 1);
                                        $limitedWords = array_slice($words, 0, 70);
                                        $limitedContent = implode(' ', $limitedWords);
                                        $remainingWords = count($words) - 70;
                                    @endphp

                                    {{ $limitedContent }} @if ($remainingWords > 0) [...] @endif
                                </p>
                                <a href="{{ route('front.blog.detail',$post->id) }}" target="_blank" class="themeBtn">Read More</a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endsection