@extends('frontend.layouts.app')
@section('meta_title', '?????????: ' . $query . ' - ' . site_name())
@section('content')
<div class="container">
    <h2 class="fw-bold mb-4">????????? ?????: "{{ $query }}" <small class="text-muted">({{ $news->total() }} ?????)</small></h2>
    @forelse($news as $n)
    <div class="card border-0 shadow-sm mb-3"><div class="row g-0"><div class="col-4"><a href="{{ route('news.details', $n->slug) }}"><img src="{{ $n->image_url }}" class="w-100 h-100 rounded-start" style="object-fit:cover;min-height:120px;" loading="lazy"></a></div><div class="col-8"><div class="card-body p-3"><h5><a href="{{ route('news.details', $n->slug) }}" class="text-dark text-decoration-none">{{ $n->title }}</a></h5><p class="text-muted small">{{ Str::limit(strip_tags($n->short_description), 100) }}</p><small class="text-muted">{{ time_ago($n->publish_date) }}</small></div></div></div></div>
    @empty
    <div class="alert alert-info">???? ????? ?????? ???????</div>
    @endforelse
    {{ $news->appends(['q' => $query])->links() }}
</div>
@endsection