@extends('frontend.layouts.app')
@section('content')
@include('frontend.partials.page-header',['pageTitle'=>'Downloads','pageSubtitle'=>'Syllabi, circulars, forms, and official documents','breadcrumbs'=>[['name'=>'Downloads']]])
<section class="py-14"><div class="max-w-5xl mx-auto px-4">
<div class="flex gap-2 mb-8 flex-wrap">
@foreach(['all'=>'All','syllabus'=>'Syllabus','circular'=>'Circulars','form'=>'Forms','report'=>'Reports','policy'=>'Policies','tender'=>'Tenders'] as $v=>$l)
<a href="/downloads?category={{ $v }}" class="px-4 py-2 rounded-full text-sm font-medium transition {{ $category===$v?'bg-primary-700 text-white':'bg-gray-100 text-gray-600 hover:bg-gray-200' }}">{{ $l }}</a>
@endforeach
</div>
<div class="space-y-3">
@forelse($downloads as $dl)
<div class="bg-white border border-gray-200 rounded-xl p-4 flex items-center gap-4 hover:shadow-md transition" data-aos="fade-up">
<div class="w-10 h-10 bg-red-100 rounded-lg flex items-center justify-center flex-shrink-0"><i class="fas fa-file-pdf text-red-500 text-lg"></i></div>
<div class="flex-1 min-w-0">
<h3 class="font-semibold text-gray-900 text-sm truncate">{{ $dl->title }}</h3>
<div class="flex items-center gap-3 mt-0.5 text-xs text-gray-400">
<span class="capitalize">{{ $dl->category }}</span>
@if($dl->department)<span>· {{ $dl->department->short_name }}</span>@endif
@if($dl->file_size)<span>· {{ $dl->file_size }}</span>@endif
<span>· {{ $dl->download_count }} downloads</span>
</div>
</div>
<a href="/downloads/{{ $dl->id }}/file" class="flex-shrink-0 inline-flex items-center gap-2 bg-primary-700 hover:bg-primary-800 text-white text-xs font-semibold px-4 py-2 rounded-lg transition">
<i class="fas fa-download"></i> Download
</a>
</div>
@empty
<div class="text-center py-16 text-gray-500"><i class="fas fa-folder-open text-5xl text-gray-200 mb-4 block"></i>No downloads found in this category.</div>
@endforelse
</div>
<div class="mt-8">{{ $downloads->links() }}</div>
</div></section>
@endsection