@include('frontend.header')

    <style>
        .aqar-card {
            transition: all 0.3s ease;
            border-radius: 12px;
            overflow: hidden;
        }
        
        .aqar-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
        }
        
        .aqar-icon {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.5rem;
        }
        
        .aqar-card .card-body {
            padding: 1.5rem;
        }
        
        .aqar-card .card-title {
            color: #2d3748;
            font-size: 1.25rem;
        }
        
        .aqar-card .btn {
            border-radius: 8px;
            font-weight: 500;
            transition: all 0.3s ease;
        }
        
        .aqar-card .btn-outline-primary:hover {
            transform: scale(1.05);
            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
        }
        
        .aqar-card .disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }
        
        .notice-link {
            color: #0d6efd;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            text-decoration: none;
            cursor: pointer;
        }
        
        .notice-link:hover {
            text-decoration: underline;
        }
        
        #aqar h4 {
            position: relative;
            padding-bottom: 15px;
        }
        
        #aqar h4::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 3px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 2px;
        }
    </style>

    <main class="main">
        <div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/01.png)">
            <div class="container">
                <h2 class="breadcrumb-title">NAAC</h2>
                <ul class="breadcrumb-menu">
                    <li><a href="#">Home</a></li>
                    <li class="active">NAAC</li>
                </ul>
            </div>
        </div>
        <div class="container py-4">
            <!-- Certificates -->
            <div class="mb-3">
                <div class="notice mb-2">
                    <a href="{{ route('naac-certificate-2024') }}" class="notice-link">
                        <i class="fas fa-hand-pointer"></i>
                        NAAC - Certificate of Accreditation - 2024
                    </a>
                </div>
                <div class="notice">
                    <a href="{{ route('naac-certificate-2015') }}" class="notice-link">
                        <i class="fas fa-hand-pointer"></i>
                        NAAC - Certificate of Accreditation - 2015
                    </a>
                </div>
            </div>

            <!-- Tab Navigation -->
            <ul class="nav nav-tabs mb-4" id="naacTab" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="iqac-tab" data-bs-toggle="tab" data-bs-target="#iqac" type="button" role="tab" aria-controls="iqac" aria-selected="true">IQAC</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="aqar-tab" data-bs-toggle="tab" data-bs-target="#aqar" type="button" role="tab" aria-controls="aqar" aria-selected="false">AQAR</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="ssr-tab" data-bs-toggle="tab" data-bs-target="#ssr" type="button" role="tab" aria-controls="ssr" aria-selected="false">SSR 2024</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="peerteam-tab" data-bs-toggle="tab" data-bs-target="#peerteam" type="button" role="tab" aria-controls="peerteam" aria-selected="false">Peer Team Report</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="gradesheet-tab" data-bs-toggle="tab" data-bs-target="#gradesheet" type="button" role="tab" aria-controls="gradesheet" aria-selected="false">Grade Sheet</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="documents-tab" data-bs-toggle="tab" data-bs-target="#documents" type="button" role="tab" aria-controls="documents" aria-selected="false">Documents</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="publications-tab" data-bs-toggle="tab" data-bs-target="#publications" type="button" role="tab" aria-controls="publications" aria-selected="false">Faculty Publications</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="mou-tab" data-bs-toggle="tab" data-bs-target="#mou" type="button" role="tab" aria-controls="mou" aria-selected="false">MoUs Signed</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="seminars-tab" data-bs-toggle="tab" data-bs-target="#seminars" type="button" role="tab" aria-controls="seminars" aria-selected="false">Seminars</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="minutes-tab" data-bs-toggle="tab" data-bs-target="#minutes" type="button" role="tab" aria-controls="minutes" aria-selected="false">Minutes of Meeting</button>
                </li>
            </ul>

            <!-- Tab Content -->
            <div class="tab-content" id="naacTabContent">
                <!-- IQAC Tab -->
                <div class="tab-pane fade show active" id="iqac" role="tabpanel" aria-labelledby="iqac-tab">
                    <div class="notice mb-3">
                        <a href="./assets/documents/NACC/IQAC1.pdf" class="text-decoration-none">
                            IQAC Circular for STUDENT RESULTS, MENTOR, VACANCY DETAILS ETC. (Click Here to view)
                        </a>
                    </div>
                </div>
                <!-- AQAR Tab -->
                <div class="tab-pane fade" id="aqar" role="tabpanel" aria-labelledby="aqar-tab">
                    <div class="mb-4">
                        <h4 class="fw-bold text-primary mb-3">
                            <i class="fas fa-file-alt me-2"></i>AQAR Reports
                        </h4>
                        <p class="text-muted">Annual Quality Assurance Reports (AQAR) - Academic Years</p>
                        <p class="mb-3">
                            Annual Quality Assurance Reports <a href="{{ route('aqar-uploads') }}">(Click Here to view)</a>
                        </p>
                    </div>
                    
                    <div class="row g-3">
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2009 - 10</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2009-2010</p>
                                    <a href="./assets/documents/NACC/aqar2009.pdf" class="btn btn-outline-primary btn-sm mt-auto" target="_blank">
                                        <i class="fas fa-download me-1"></i>Download Report
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2010 - 11</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2010-2011</p>
                                    <a href="./assets/documents/NACC/aqar2010.pdf" class="btn btn-outline-primary btn-sm mt-auto" target="_blank">
                                        <i class="fas fa-download me-1"></i>Download Report
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2011 - 12</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2011-2012</p>
                                    <a href="./assets/documents/NACC/aqar2011.pdf" class="btn btn-outline-primary btn-sm mt-auto" target="_blank">
                                        <i class="fas fa-download me-1"></i>Download Report
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2012 - 13</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2012-2013</p>
                                    <span class="btn btn-secondary btn-sm mt-auto disabled">
                                        <i class="fas fa-clock me-1"></i>Coming Soon
                                    </span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2013 - 14</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2013-2014</p>
                                    <span class="btn btn-secondary btn-sm mt-auto disabled">
                                        <i class="fas fa-clock me-1"></i>Coming Soon
                                    </span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2014 - 15</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2014-2015</p>
                                    <a href="./assets/documents/NACC/AQAR2014.pdf" class="btn btn-outline-primary btn-sm mt-auto" target="_blank">
                                        <i class="fas fa-download me-1"></i>Download Report
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2015 - 16</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2015-2016</p>
                                    <a href="./assets/documents/NACC/AQAR2015.pdf" class="btn btn-outline-primary btn-sm mt-auto" target="_blank">
                                        <i class="fas fa-download me-1"></i>Download Report
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2016 - 17</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2016-2017</p>
                                    <a href="./assets/documents/NACC/AQAR2016.pdf" class="btn btn-outline-primary btn-sm mt-auto" target="_blank">
                                        <i class="fas fa-download me-1"></i>Download Report
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2017 - 18</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2017-2018</p>
                                    <a href="./assets/documents/NACC/AQAR2017.pdf" class="btn btn-outline-primary btn-sm mt-auto" target="_blank">
                                        <i class="fas fa-download me-1"></i>Download Report
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2018 - 19</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2018-2019</p>
                                    <a href="./assets/documents/NACC/aqar2018.pdf" class="btn btn-outline-primary btn-sm mt-auto" target="_blank">
                                        <i class="fas fa-download me-1"></i>Download Report
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2019 - 20</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2019-2020</p>
                                    <a href="./assets/documents/NACC/aqar2019.pdf" class="btn btn-outline-primary btn-sm mt-auto" target="_blank">
                                        <i class="fas fa-download me-1"></i>Download Report
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2020 - 21</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2020-2021</p>
                                    <a href="./assets/documents/NACC/aqar2020.pdf" class="btn btn-outline-primary btn-sm mt-auto" target="_blank">
                                        <i class="fas fa-download me-1"></i>Download Report
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2021 - 22</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2021-2022</p>
                                    <a href="./assets/documents/NACC/aqar2021.pdf" class="btn btn-outline-primary btn-sm mt-auto" target="_blank">
                                        <i class="fas fa-download me-1"></i>Download Report
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-6">
                            <div class="card h-100 shadow-sm border-0 aqar-card">
                                <div class="card-body d-flex flex-column">
                                    <div class="d-flex align-items-center mb-3">
                                        <div class="aqar-icon me-3">
                                            <i class="fas fa-file-pdf"></i>
                                        </div>
                                        <h5 class="card-title mb-0 fw-semibold">2022 - 23</h5>
                                    </div>
                                    <p class="card-text text-muted small mb-3">Academic Year 2022-2023</p>
                                    <a href="./assets/documents/NACC/AQAR23.pdf" class="btn btn-outline-primary btn-sm mt-auto" target="_blank">
                                        <i class="fas fa-download me-1"></i>Download Report
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- SSR Tab -->
                <div class="tab-pane fade" id="ssr" role="tabpanel" aria-labelledby="ssr-tab">
                    <div class="section">SELF-STUDY REPORT (SSR) 2024</div>
                    <p class="mb-0">
                        <a href="{{ route('ssr-uploads') }}" class="text-decoration-none">
                            SELF-STUDY REPORT (SSR) 2024 (Click Here to view)
                        </a>
                    </p>
                </div>
                <!-- Peer Team Report Tab -->
                <div class="tab-pane fade" id="peerteam" role="tabpanel" aria-labelledby="peerteam-tab">
                    <div class="section">PEER TEAM REPORT 2024</div>
                    <p class="mb-0">
                        <a href="./assets/documents/NACC/otherLinks/peerteam24.pdf" class="text-decoration-none">
                            PEER TEAM REPORT 2024 (Click Here to view)
                        </a>
                    </p>
                </div>
                <!-- Grade Sheet Tab -->
                <div class="tab-pane fade" id="gradesheet" role="tabpanel" aria-labelledby="gradesheet-tab">
                    <div class="section">PEER TEAM GRADE SHEET 2024</div>
                    <p class="mb-0">
                        <a href="./assets/documents/NACC/otherLinks/naacgrade.pdf" class="text-decoration-none">
                            PEER TEAM GRADE SHEET 2024 (Click Here to view)
                        </a>
                    </p>
                </div>
                <!-- Documents Tab -->
                <div class="tab-pane fade" id="documents" role="tabpanel" aria-labelledby="documents-tab">
                    <div class="section">Documents</div>
                    <p class="mb-2">
                        <a href="{{ route('aqar-uploads') }}" class="text-decoration-none">
                            CRITERION-WISE AQAR UPLOADS (Click Here to view)
                        </a>
                    </p>
                    <p class="mb-0">
                        <a href="{{ route('ssr-uploads') }}" class="text-decoration-none">
                            CRITERION-WISE SSR UPLOADS (Click Here to view)
                        </a>
                    </p>
                </div>
                <!-- Faculty Publications Tab -->
                <div class="tab-pane fade" id="publications" role="tabpanel" aria-labelledby="publications-tab">
                    <div class="section">Faculty Research Publications</div>
                    <p class="mb-0">
                        <a href="#" class="text-decoration-none">
                            Faculty Research Publications (Click Here to view)
                        </a>
                    </p>
                </div>
                <!-- MoUs Signed Tab -->
                <div class="tab-pane fade" id="mou" role="tabpanel" aria-labelledby="mou-tab">
                    <div class="section">MoU’s SIGNED</div>
                    <p class="mb-0">
                        <a href="{{ route('mou-signed') }}" class="text-decoration-none">
                            MoU’s SIGNED (Click Here to view)
                        </a>
                    </p>
                </div>
                <!-- Seminars Tab -->
                <div class="tab-pane fade" id="seminars" role="tabpanel" aria-labelledby="seminars-tab">
                    <div class="section">Seminars & Conferences</div>
                    <p class="mb-0">
                        <a href="{{ route('seminars') }}" class="text-decoration-none">
                            CONFERENCES & SEMINARS conducted (Click Here to view)
                        </a>
                    </p>
                </div>
                <!-- Minutes Tab -->
                <div class="tab-pane fade" id="minutes" role="tabpanel" aria-labelledby="minutes-tab">
                    <div class="section">Minutes of Meetings</div>
                    <p class="mb-0">
                        <a href="{{ route('minutes-of-meeting') }}" class="text-decoration-none">
                            All Minutes of Meetings and Action Taken Report (Click Here to view)
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </main>

    @include('frontend.footer')