@include('frontend.header')
<style>
    /* ===== COMMITTEES SECTION ===== */

    .committees-section {
        background: #f5f9fc;
        padding: 60px 0;
    }

    .committees-section h2 {
        font-size: 28px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .committee-card {
        background: #ffffff;
        border: 1px solid #e4e4e4;
        border-radius: 12px;
        padding: 18px;
        transition: all 0.3s ease-in-out;
        height: 100%;
    }

    .committee-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
    }

    .committee-title {
        font-size: 15px;
        font-weight: 600;
        color: #222;
        margin-bottom: 12px;
    }

    .committee-card .btn {
        font-size: 13px;
        border-radius: 6px;
        transition: 0.3s ease;
    }

    .committee-card .btn:hover {
        background-color: #0d6efd;
        color: #fff;
    }

    /* Responsive */

    @media (max-width: 992px) {
        .committees-section h2 {
            font-size: 24px;
        }
    }

    @media (max-width: 768px) {
        .committees-section h2 {
            font-size: 20px;
        }

        .committee-title {
            font-size: 14px;
        }

        .committee-card .btn {
            width: 100%;
            text-align: center;
        }
    }
</style>

<section class="committees-section">
    <div class="container">

        <div class="text-center mb-5">
            <h2 class="text-primary">COMMITTEES</h2>
        </div>

        <div class="row g-4">
            <!-- Dynamically populated from original site data -->
            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">UNIVERSITY EXAMINATION COMMITTEE</div>
                    <a href="{{ asset('assets/documents/committees/exam.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">Co-ordinators of CECA</div>
                    <a href="{{ asset('assets/documents/committees/CECA.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">LOCAL PURCHASE COMMITTEE</div>
                    <a href="{{ asset('assets/documents/committees/LPC.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">AMBASSADOR OF MENTAL HEALTH CLINIC</div>
                    <a href="{{ asset('assets/documents/committees/MEN.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">HPCL SCHOLARSHIP COMMITTEE</div>
                    <a href="{{ asset('assets/documents/committees/HPCL.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">STRAY DOGS COMPLAINTS IN-CHARGE</div>
                    <a href="{{ asset('assets/documents/committees/STRAYDOG.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">PLACEMENT CELL IN-CHARGE</div>
                    <a href="{{ asset('assets/documents/committees/PLACE.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">SC/ST CELL COMMITTEE</div>
                    <a href="{{ asset('assets/documents/committees/SCST.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">LEGAL CELL IN-CHARGE</div>
                    <a href="{{ asset('assets/documents/committees/UTPL.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">VIKSHIT BHARAT CHALLENGE IN-CHARGE</div>
                    <a href="{{ asset('assets/documents/committees/VBC.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">SOCIAL MEDIA COMMITTEE</div>
                    <a href="{{ asset('assets/documents/committees/SCM.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">VALUE ADDED COURSES COMMITTEE</div>
                    <a href="{{ asset('assets/documents/committees/VAC.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">KARMAYOGI BHARAT</div>
                    <a href="{{ asset('assets/documents/committees/KAR.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">OBC CELL COMMITTEE</div>
                    <a href="{{ asset('assets/documents/committees/OBCcell.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">MINORITY CELL COMMITTEE</div>
                    <a href="{{ asset('assets/documents/committees/MINOcell.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">INTERNAL COMPLAINTS COMMITTEE</div>
                    <a href="{{ asset('assets/documents/committees/INTCOMP.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">ANTI SEXUAL HARASSMENT COMMITTEE</div>
                    <a href="{{ asset('assets/documents/committees/AntiSexual.jpg') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">ANTI SEXUAL HARASSMENT COMMITTEE MOM</div>
                    <a href="{{ asset('assets/documents/committees/MIN/antsec.PDF') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">GRIEVANCES REDRESSAL OFFICER</div>
                    <a href="{{ asset('assets/documents/committees/Redressal.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">GRIEVANCES REDRESSAL MOM</div>
                    <a href="{{ asset('assets/documents/committees/MIN/GRERED.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">Gender Sensitization Committee</div>
                    <a href="{{ asset('assets/documents/committees/GSC.jpg') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">Green Campus - Nodal Officer</div>
                    <a href="{{ asset('assets/documents/committees/NodalGreen.jpg') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">College Seminar Committee</div>
                    <a href="{{ asset('assets/documents/committees/Seminar_Com.jpg') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">ANTI RAGGING COMMITTEE</div>
                    <a href="{{ asset('assets/documents/committees/antragall.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">ANTI RAGGING COMMITTEE MOM</div>
                    <a href="{{ asset('assets/documents/committees/MIN/ANTRag.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">Academic Co-ordinators Committee</div>
                    <a href="{{ asset('assets/documents/committees/AcCoorArts_AcCoorSc_2IN1.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">Discipline Committee</div>
                    <a href="{{ asset('assets/documents/committees/DISC.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">Co-operative Society Committee</div>
                    <a href="{{ asset('assets/documents/committees/Stud_CoOpSociety.jpg') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">Sports Committee Members</div>
                    <a href="{{ asset('assets/documents/committees/sports.jpg') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">Women Protection Group</div>
                    <a href="{{ asset('assets/documents/committees/wpg121.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">Master Time Table Committee</div>
                    <a href="{{ asset('assets/documents/committees/ttcom.jpg') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4">
                <div class="committee-card">
                    <div class="committee-title">Admission Working Committee</div>
                    <a href="{{ asset('assets/documents/committees/admission.pdf') }}" target="_blank"
                        class="btn btn-outline-primary btn-sm">Click Here to View</a>
                </div>
            </div>

        </div>
    </div>
</section>
@include('frontend.footer')