@extends('layouts.public')

@section('public-content')
<section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
    <h1 class="font-display text-3xl font-bold text-gray-900 mb-8">Downloads</h1>

    @if($downloads->count())
        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-hidden">
            <table class="min-w-full divide-y divide-gray-200 text-sm">
                <thead class="bg-gray-50">
                    <tr>
                        <th class="px-6 py-3 text-left font-medium text-gray-500">Title</th>
                        <th class="px-6 py-3 text-left font-medium text-gray-500 hidden sm:table-cell">Category</th>
                        <th class="px-6 py-3 text-left font-medium text-gray-500 hidden md:table-cell">Type</th>
                        <th class="px-6 py-3 text-left font-medium text-gray-500 hidden md:table-cell">Downloads</th>
                        <th class="px-6 py-3 text-right font-medium text-gray-500">Action</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100">
                    @foreach($downloads as $download)
                        <tr class="hover:bg-gray-50">
                            <td class="px-6 py-4 font-medium text-gray-900">{{ $download->title }}</td>
                            <td class="px-6 py-4 text-gray-600 hidden sm:table-cell">
                                @if($download->category)
                                    <span class="inline-flex items-center rounded-full bg-gray-100 px-2.5 py-0.5 text-xs font-medium text-gray-700">{{ $download->category }}</span>
                                @endif
                            </td>
                            <td class="px-6 py-4 text-gray-600 hidden md:table-cell">{{ strtoupper($download->file_type) }}</td>
                            <td class="px-6 py-4 text-gray-500 hidden md:table-cell">{{ $download->download_count }}</td>
                            <td class="px-6 py-4 text-right">
                                <a href="{{ route('public.download-file', [$school->id, $download->id]) }}" class="inline-flex items-center gap-1.5 rounded-lg bg-primary-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-primary-700 transition-colors">
                                    <svg class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg>
                                    Download
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="mt-10">
            {{ $downloads->links() }}
        </div>
    @else
        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-12 text-center">
            <p class="text-gray-500">No downloads available.</p>
        </div>
    @endif
</section>
@endsection