@extends('layouts.app')

@section('title', 'Chapter Activities & Guidelines | AICDS')

@section('content')

<x-breadcrumb title="Chapter Activities & Guidelines" :breadcrumbs="['Student Chapters' => route('student-chapter.index'), 'Activities' => route('student-chapter.activities')]" />

<div class="sp_top_100 sp_bottom_100">
    <div class="container">
        <div class="row text-center mb-5" data-aos="fade-up">
            <div class="col-xl-8 offset-xl-2">
                <span class="badge bg-primary text-white text-uppercase px-3 py-2 fw-semibold mb-3">Campus Calendar</span>
                <h2 class="fw-bold">Mandatory &amp; Discretionary Chapter Activities</h2>
                <p class="text-muted">To maintain annual charter accreditation, each AICDS collegiate chapter executes a vibrant schedule of technical initiatives.</p>
            </div>
        </div>

        <div class="row g-4">
            <div class="col-lg-4 col-md-6" data-aos="fade-up">
                <div class="card p-4 h-100 border rounded-4 shadow-sm">
                    <div class="rounded-3 bg-primary text-white p-3 mb-3 d-inline-block" style="width: 55px;">
                        <i class="icofont-code fs-3"></i>
                    </div>
                    <h5 class="fw-bold">24/36-Hour Hackathons</h5>
                    <p class="text-muted small">Annual campus hackathon solving regional industry or civic challenges in AI, sponsored with technical patronage and jury evaluation from the AICDS National Committee.</p>
                </div>
            </div>

            <div class="col-lg-4 col-md-6" data-aos="fade-up">
                <div class="card p-4 h-100 border rounded-4 shadow-sm">
                    <div class="rounded-3 bg-success text-white p-3 mb-3 d-inline-block" style="width: 55px;">
                        <i class="icofont-presentation fs-3"></i>
                    </div>
                    <h5 class="fw-bold">Expert Lecture Masterclasses</h5>
                    <p class="text-muted small">At least 4 technical webinars or physical colloquiums per academic semester featuring leading corporate practitioners, university researchers, and doctoral fellows.</p>
                </div>
            </div>

            <div class="col-lg-4 col-md-6" data-aos="fade-up">
                <div class="card p-4 h-100 border rounded-4 shadow-sm">
                    <div class="rounded-3 bg-warning text-dark p-3 mb-3 d-inline-block" style="width: 55px;">
                        <i class="icofont-micro-chip fs-3"></i>
                    </div>
                    <h5 class="fw-bold">Hands-On Bootcamps</h5>
                    <p class="text-muted small">Practical weekend code-along workshops on PyTorch, Hugging Face, parameter-efficient fine-tuning (LoRA), vector databases, and Edge TinyML microcontroller hardware.</p>
                </div>
            </div>

            <div class="col-lg-4 col-md-6" data-aos="fade-up">
                <div class="card p-4 h-100 border rounded-4 shadow-sm">
                    <div class="rounded-3 bg-info text-white p-3 mb-3 d-inline-block" style="width: 55px;">
                        <i class="icofont-light-bulb fs-3"></i>
                    </div>
                    <h5 class="fw-bold">Capstone Project Exhibitions</h5>
                    <p class="text-muted small">Showcase of final-year student undergraduate prototypes evaluated by industry fellows with eligible nominations for the annual AICDS Best Project Grants.</p>
                </div>
            </div>

            <div class="col-lg-4 col-md-6" data-aos="fade-up">
                <div class="card p-4 h-100 border rounded-4 shadow-sm">
                    <div class="rounded-3 bg-danger text-white p-3 mb-3 d-inline-block" style="width: 55px;">
                        <i class="icofont-users-social fs-3"></i>
                    </div>
                    <h5 class="fw-bold">Peer Mentorship Circles</h5>
                    <p class="text-muted small">Senior student members tutor junior batches in foundational linear algebra, probability, data structures, and Python programming for machine learning.</p>
                </div>
            </div>

            <div class="col-lg-4 col-md-6" data-aos="fade-up">
                <div class="card p-4 h-100 border rounded-4 shadow-sm">
                    <div class="rounded-3 bg-secondary text-white p-3 mb-3 d-inline-block" style="width: 55px;">
                        <i class="icofont-trophy fs-3"></i>
                    </div>
                    <h5 class="fw-bold">Annual Charter Renewal</h5>
                    <p class="text-muted small">Chapters submit their Annual Performance Dossier documenting workshops held, attendance statistics, and student outcomes to retain standing.</p>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection