@extends('layouts.app')

@section('title', ucfirst($type) . ' | AICDS Events')

@section('content')

<x-breadcrumb :title="ucfirst($type)" :breadcrumbs="['Events' => route('events.index'), ucfirst($type) => route('events.category', $type)]" />

<div class="sp_top_100 sp_bottom_100">
    <div class="container">
        <!-- Category Navigation Pills -->
        <div class="row mb-5" data-aos="fade-up">
            <div class="col-12">
                <div class="d-flex flex-wrap gap-2 justify-content-center">
                    <a href="{{ route('events.index') }}" class="btn btn-sm btn-outline-primary rounded-pill px-3 py-2">All Summits</a>
                    <a href="{{ route('events.workshops') }}" class="btn btn-sm {{ $type === 'workshops' ? 'btn-primary' : 'btn-outline-primary' }} rounded-pill px-3 py-2">Workshops</a>
                    <a href="{{ route('events.webinars') }}" class="btn btn-sm {{ $type === 'webinars' ? 'btn-primary' : 'btn-outline-primary' }} rounded-pill px-3 py-2">Webinars</a>
                    <a href="{{ route('events.conferences') }}" class="btn btn-sm {{ $type === 'conferences' ? 'btn-primary' : 'btn-outline-primary' }} rounded-pill px-3 py-2">Conferences</a>
                    <a href="{{ route('events.hackathons') }}" class="btn btn-sm {{ $type === 'hackathons' ? 'btn-primary' : 'btn-outline-primary' }} rounded-pill px-3 py-2">Hackathons</a>
                    <a href="{{ route('events.fdp') }}" class="btn btn-sm {{ $type === 'fdp' ? 'btn-primary' : 'btn-outline-primary' }} rounded-pill px-3 py-2">FDPs</a>
                    <a href="{{ route('events.projects') }}" class="btn btn-sm {{ $type === 'projects' ? 'btn-primary' : 'btn-outline-primary' }} rounded-pill px-3 py-2">Student Projects</a>
                </div>
            </div>
        </div>

        <div class="row">
            @forelse($events as $event)
                <x-event-card :event="$event" />
            @empty
                <div class="col-12 text-center py-5">
                    <div class="p-5 bg-light rounded-4 border">
                        <i class="icofont-calendar display-4 text-muted mb-3 d-block"></i>
                        <h4 class="fw-bold">No Scheduled Events</h4>
                        <p class="text-muted">There are currently no scheduled events in the {{ $type }} track.</p>
                        <a href="{{ route('events.index') }}" class="default__button mt-3">View All Events</a>
                    </div>
                </div>
            @endforelse
        </div>

        <div class="d-flex justify-content-center mt-5">
            {{ $events->links() }}
        </div>
    </div>
</div>

@endsection