@extends('layouts.site')
@section('title', app()->getLocale()==='en' ? 'Insights & Ideas' : 'رؤى وأفكار')
@section('content')
<section class="section section-cream page-v4" style="padding-top:3rem;">
<div class="container">
    <span class="label-tag">{{ app()->getLocale()==='en'?'Blog':'المدونة' }}</span>
    <h1 class="sec-title">{{ app()->getLocale()==='en'?'Insights & Ideas':'رؤى وأفكار' }}</h1>
    <p class="sec-sub">{{ app()->getLocale()==='en'?'Thinking on venture building, entrepreneurship, and innovation.':'أفكار حول بناء الشركات وريادة الأعمال والابتكار.' }}</p>
    <div class="blog-grid" style="margin-top:2rem;">
        @forelse($posts as $post)
        <a href="{{ route('blog.show', $post) }}" class="blog-card">
            @if($post->cover_image)
            <img src="{{ str_starts_with($post->cover_image,'http')?$post->cover_image:asset('storage/'.$post->cover_image) }}" alt="">
            @endif
            <div class="body">
                <div style="font-size:.75rem;color:var(--text-muted);margin-bottom:.4rem;">{{ optional($post->published_at)->format('M d, Y') }}</div>
                <h3 style="font-size:1.05rem;margin-bottom:.5rem;">{{ $post->t('title') }}</h3>
                <p style="font-size:.88rem;color:var(--text-muted);margin:0;">{{ Str::limit($post->t('excerpt'), 140) }}</p>
            </div>
        </a>
        @empty
        <p>{{ app()->getLocale()==='en'?'No posts yet.':'لا مقالات بعد.' }}</p>
        @endforelse
    </div>
    <div style="margin-top:2rem;">{{ $posts->links() }}</div>
</div>
</section>
@endsection