@extends('layouts.app') @section('title','Stories | Taysir') @section('content')<section class="section"><div class="section-head"><div><span class="eyebrow">TAYSIR STORIES</span><h1>Stories, guidance and impact</h1></div><form class="search"><input name="q" value="{{request('q')}}" placeholder="Search stories"><button class="btn">Search</button></form></div><div class="grid">@forelse($posts as $post)<a class="card" href="{{route('blog.show',$post)}}"><div class="cover" style="background-image:url('{{ $post->cover_image?asset('storage/'.$post->cover_image):asset('css/placeholder.svg') }}')"></div><div class="card-body"><span class="tag">{{optional($post->category)->name ?? 'Taysir'}}</span><h3>{{$post->title}}</h3><p>{{$post->excerpt ?: \Illuminate\Support\Str::limit(strip_tags($post->body),130)}}</p><small>{{optional($post->published_at)->format('M d, Y')}}</small></div></a>@empty<div class="empty">No stories published yet.</div>@endforelse</div><div class="pager">{{$posts->links()}}</div></section>@endsection