@php
    $title = sprintf('%s - %s', ($period ? sprintf('[%s] Files & Resources', $period->periodName) : 'Files & Resources'), $course->name);
@endphp

<x-master-layout>
    <x-slot name="meta">
        <x-global.meta :title="$title" :description="sprintf('Browse the resources for %s', $course->name)" />
    </x-slot>

    <section id="single-segment">
        <div class="container">

            <!-- Go Back -->
            <x-global.back :href="route('courses.show', [
                'course' => $course->slug,
                'year' => $period?->year?->name,
                'month' => $period?->month?->name,
            ])" />

            <!-- Hero -->
            <div class="hero mb-4">
                <h1 class="text-lg md:text-xl xl:text-2xl font-bold text-gray-800">Files & Resources</h1>
                <h2 class="text-sm md:text-base font-semibold text-gray-700 mb-1">{{ $period ? sprintf('[%s] %s', $period->periodName, $course->name) : $course->name }}</h2>
                <ul class="class-data">
                    <x-public.courseInfo icon="user" :text="$course->instructor->name" />
                    <x-public.courseInfo icon="book" :text="$course->subject->name" />
                    <x-public.courseInfo icon="buildings" :text="$course->institute->name" />
                </ul>
            </div>

            <!-- Resources -->
            @if ($resources->isNotEmpty())
                <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-x-4 gap-y-3.5">
                    @foreach ($resources as $resource)
                        <x-public.resourceCard :course="$course" :resource="$resource" />
                    @endforeach
                </div>

                <!-- Pagination -->
                <x-public.pagination :paginator="$resources" />
            @else
                <x-global.alert type="info">No resources found!</x-global.alert>
            @endif

        </div>
    </section>
</x-master-layout>