@extends('frontend.layouts.app')
@section('content')
@include('frontend.partials.page-header',['pageTitle'=>'Research & Innovation','pageSubtitle'=>'297+ publications · 63+ MoUs · Ph.D. programs in all departments','breadcrumbs'=>[['name'=>'Research']]])
<section class="py-14"><div class="max-w-7xl mx-auto px-4">
<div class="grid grid-cols-2 md:grid-cols-4 gap-5 mb-14">
@foreach([['297+','Research Papers','fas fa-book-open','#2563eb'],['63+','Industry MoUs','fas fa-handshake','#10b981'],['6','Ph.D. Programs','fas fa-graduation-cap','#7c3aed'],['50+','Funded Projects','fas fa-flask','#f59e0b']] as [$v,$l,$ic,$col])
<div class="text-center bg-white rounded-xl border border-gray-100 shadow-sm p-6 hover:shadow-md transition" data-aos="zoom-in">
<div class="w-12 h-12 rounded-xl flex items-center justify-center text-white text-xl mx-auto mb-3" style="background:{{ $col }}"><i class="{{ $ic }}"></i></div>
<div class="font-display font-bold text-3xl text-gray-900">{{ $v }}</div>
<div class="text-gray-500 text-sm mt-1">{{ $l }}</div>
</div>
@endforeach
</div>
@if($publications->count())
<h2 class="font-display font-bold text-2xl text-gray-900 mb-6">Recent Publications</h2>
<div class="space-y-4 mb-8">
@foreach($publications as $pub)
<div class="bg-white border border-gray-200 rounded-xl p-5 hover:shadow-md transition" data-aos="fade-up">
<h3 class="font-semibold text-gray-900 text-[15px] leading-snug">{{ $pub->title }}</h3>
<div class="text-sm text-gray-500 mt-1.5">{{ $pub->authors }}</div>
<div class="flex flex-wrap gap-3 mt-2 text-xs text-gray-400">
<span class="bg-gray-100 px-2 py-0.5 rounded">{{ $pub->journal_conference }}</span>
<span>{{ $pub->year }}</span>
@if($pub->indexed_in)<span class="bg-blue-100 text-blue-600 px-2 py-0.5 rounded font-medium">{{ $pub->indexed_in }}</span>@endif
@if($pub->doi_url)<a href="{{ $pub->doi_url }}" target="_blank" class="text-primary-600 hover:underline">DOI →</a>@endif
</div>
</div>
@endforeach
</div>
<div>{{ $publications->links() }}</div>
@endif
</div></section>
@endsection