@extends('frontend.layouts.app')
@section('content')
@include('frontend.partials.page-header',['pageTitle'=>'Search Results','pageSubtitle'=>$q?'Results for: '.$q:'Search SSGMCE','breadcrumbs'=>[['name'=>'Search']]])
<section class="py-14"><div class="max-w-4xl mx-auto px-4">
<form action="/search" method="GET" class="flex gap-3 mb-10">
<input type="text" name="q" value="{{ $q }}" placeholder="Search news, faculty, departments…" class="flex-1 border border-gray-300 rounded-xl px-5 py-3 text-sm focus:ring-2 focus:ring-primary-500 focus:border-transparent outline-none">
<button type="submit" class="bg-primary-700 text-white px-6 py-3 rounded-xl font-semibold hover:bg-primary-800 transition">Search</button>
</form>
@if(!empty($results))
@foreach(['news'=>'News & Events','faculty'=>'Faculty','departments'=>'Departments'] as $key=>$label)
@if(isset($results[$key])&&$results[$key]->count())
<div class="mb-8"><h3 class="font-display font-bold text-lg text-gray-900 mb-4 pb-2 border-b">{{ $label }}</h3>
<div class="space-y-3">
@foreach($results[$key] as $r)
<a href="/{{ $key }}/{{ $r->slug }}" class="flex items-center gap-3 p-3 bg-white rounded-xl border border-gray-100 hover:shadow-md hover:border-primary-200 transition">
<i class="fas {{ $key==='news'?'fa-newspaper':($key==='faculty'?'fa-user':'fa-graduation-cap') }} text-primary-400 text-xl w-6 flex-shrink-0"></i>
<span class="text-gray-900 font-medium text-sm">{{ $r->title ?? $r->name }}</span>
</a>
@endforeach
</div></div>
@endif
@endforeach
@elseif($q)
<div class="text-center py-16 text-gray-500"><i class="fas fa-search text-5xl text-gray-200 mb-4 block"></i>No results found for "{{ $q }}". Try a different search term.</div>
@endif
</div></section>
@endsection