@extends('frontend.layouts.app')
@section('meta_title', $reporter->name . ' - ' . site_name())
@section('content')
<div class="container">
    <div class="card border-0 shadow-sm mb-4"><div class="card-body d-flex gap-4"><img src="{{ $reporter->photo_url }}" class="rounded-circle" style="width:100px;height:100px;object-fit:cover;"><div><h2 class="fw-bold mb-1">{{ $reporter->name }}</h2><p class="text-muted mb-2">{{ $reporter->designation }}</p><p>{{ $reporter->bio }}</p><div class="d-flex gap-2">@if($reporter->facebook)<a href="{{ $reporter->facebook }}" class="btn btn-sm btn-primary" target="_blank"><i class="bi bi-facebook"></i></a>@endif @if($reporter->twitter)<a href="{{ $reporter->twitter }}" class="btn btn-sm btn-info" target="_blank"><i class="bi bi-twitter-x"></i></a>@endif</div></div></div></div>
    <h3 class="fw-bold mb-3">{{ $reporter->name }} ?? ????</h3>
    @foreach($news as $n)
    <div class="card border-0 shadow-sm mb-3"><div class="row g-0"><div class="col-4"><img src="{{ $n->image_url }}" class="w-100 h-100 rounded-start" style="object-fit:cover;min-height:120px;" loading="lazy"></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><small class="text-muted">{{ time_ago($n->publish_date) }}</small></div></div></div></div>
    @endforeach
    {{ $news->links() }}
</div>
@endsection