@extends('site.layouts.sub')
@section('content')

<main class="zen-blog-page">
    <section class="zen-blog-page-hero">
        <div class="container">
            <div class="zen-blog-page-hero-inner">
                <span class="zen-blog-page-kicker">Zen Real Estate Insights</span>
                <h1>{{ __('site.blog') }}</h1>
                <p>Explore expert guidance, market updates, and practical advice about buying, investing, and living in Istanbul.</p>
            </div>
        </div>
    </section>

    <section class="zen-blog-page-listing">
        <div class="container">
            @if($posts->count())
                <div class="zen-blog-page-grid">
                    @foreach($posts as $post)
                        @php
                            $postImage = asset('assets/img/slide1.jpeg');
                            if ($post->hasMedia('post')) {
                                $postImage = $post->getMedia('post')->first()->getFullUrl('blog');
                            }

                            $postExcerpt = strip_tags($post->brief ?? $post->description ?? $post->content ?? '');
                            $postExcerpt = \Illuminate\Support\Str::limit(trim($postExcerpt), 135);
                        @endphp

                        <article class="zen-blog-card zen-blog-page-card">
                            <a href="{{ $post->link }}" class="zen-blog-card-image" aria-label="{{ $post->title }}">
                                <img src="{{ $postImage }}" alt="{{ $post->title }}">
                            </a>
                            <div class="zen-blog-card-content">
                                <div class="zen-blog-card-date">
                                    <i class="far fa-calendar-alt"></i>
                                    <span>{{ $post->updated_at->format('Y-m-d') }}</span>
                                </div>
                                <h2 class="zen-blog-card-title">
                                    <a href="{{ $post->link }}">{{ $post->title }}</a>
                                </h2>
                                @if($postExcerpt)
                                    <p class="zen-blog-card-text">{{ $postExcerpt }}</p>
                                @endif
                                <a href="{{ $post->link }}" class="zen-blog-card-link">
                                    {{ __('site.read_more') }} <i class="fas fa-arrow-right"></i>
                                </a>
                            </div>
                        </article>
                    @endforeach
                </div>

                <div class="zen-blog-page-pagination">
                    {!! $posts->links() !!}
                </div>
            @else
                <div class="zen-blog-page-empty">
                    <h2>No blog posts available yet.</h2>
                    <p>Please check back soon for new Istanbul real estate insights.</p>
                </div>
            @endif
        </div>
    </section>
</main>

@stop