@extends('frontend.layouts.app')
@section('content')
@include('frontend.partials.page-header',['pageTitle'=>$news->title,'breadcrumbs'=>[['name'=>'News','url'=>'/news'],['name'=>Str::limit($news->title,40)]]])
<section class="py-14"><div class="max-w-5xl mx-auto px-4">
<div class="grid lg:grid-cols-3 gap-10">
<div class="lg:col-span-2">
@if($news->image)<img src="{{ asset($news->image) }}" alt="{{ $news->title }}" class="w-full rounded-2xl mb-8 shadow-md">@endif
<div class="flex items-center gap-3 mb-6">
<span class="text-xs font-semibold px-3 py-1 rounded-full {{ $news->type==='event'?'bg-green-100 text-green-700':'bg-blue-100 text-blue-700' }}">{{ ucfirst($news->type) }}</span>
<span class="text-gray-400 text-sm">{{ $news->published_at?->format('d M Y') }}</span>
<span class="text-gray-400 text-sm"><i class="fas fa-eye mr-1"></i>{{ $news->views }} views</span>
</div>
<div class="prose prose-lg max-w-none text-gray-700 leading-relaxed">{!! $news->content !!}</div>
@if($news->attachment)<div class="mt-8 bg-blue-50 border border-blue-200 rounded-xl p-4 flex items-center gap-3">
<i class="fas fa-file-pdf text-red-500 text-2xl"></i>
<div><p class="font-semibold text-gray-900 text-sm">Attached Document</p>
<a href="{{ asset('storage/'.$news->attachment) }}" target="_blank" class="text-primary-600 text-sm hover:text-primary-800 font-medium">Download PDF →</a></div>
</div>@endif
</div>
<div>
@if($news->type==='event'&&$news->event_date)<div class="bg-primary-50 border border-primary-200 rounded-xl p-5 mb-5"><h3 class="font-semibold text-primary-800 mb-3"><i class="fas fa-calendar mr-2"></i>Event Details</h3>
<div class="space-y-2 text-sm text-gray-700">
<div><i class="fas fa-calendar-day text-primary-500 mr-2"></i>{{ $news->event_date->format('d M Y') }}</div>
@if($news->event_time)<div><i class="fas fa-clock text-primary-500 mr-2"></i>{{ $news->event_time }}</div>@endif
@if($news->event_venue)<div><i class="fas fa-map-marker-alt text-primary-500 mr-2"></i>{{ $news->event_venue }}</div>@endif
</div></div>@endif
@if($related->count())<div><h3 class="font-semibold text-gray-900 mb-4">Related Posts</h3>
<div class="space-y-3">
@foreach($related as $r)
<a href="/news/{{ $r->slug }}" class="flex gap-3 hover:bg-gray-50 rounded-lg p-2 transition">
@if($r->image)<img src="{{ asset($r->image) }}" alt="{{ $r->title }}" class="w-16 h-14 rounded-lg object-cover flex-shrink-0">
@else<div class="w-16 h-14 rounded-lg bg-primary-100 flex items-center justify-center flex-shrink-0"><i class="fas fa-newspaper text-primary-400"></i></div>@endif
<div><p class="text-sm font-medium text-gray-900 leading-snug hover:text-primary-700">{{ Str::limit($r->title,55) }}</p><p class="text-xs text-gray-400 mt-1">{{ $r->published_at?->format('d M Y') }}</p></div>
</a>
@endforeach
</div></div>@endif
</div>
</div>
</div></section>
@endsection