@include('frontend.header')

<main class="main">
    <!-- breadcrumb -->
    <div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/01.png)">
        <div class="container">
            <h2 class="breadcrumb-title">Website Sitemap</h2>
            <ul class="breadcrumb-menu">
                <li><a href="{{ route('home') }}">Home</a></li>
                <li class="active">Sitemap</li>
            </ul>
        </div>
    </div>
    <!-- breadcrumb end -->

    <!-- Sitemap Section -->
    <section class="sitemap-section py-120">
        <div class="container">
            <!-- Header -->
            <div class="sitemap-header text-center mb-80">
                <span class="tag-shape">Navigation Guide</span>
                <h2 class="section-title">Complete Website Sitemap</h2>
                <p class="section-text">Explore all sections and pages of Tagore Government Arts & Science College</p>
            </div>

            <!-- Sitemap Grid (Updated to match header menu) -->
            <div class="sitemap-grid">
                <!-- UGC Card -->
                <div class="sitemap-card" data-category="ugc">
                    <div class="card-icon">
                        <i class="fas fa-university"></i>
                    </div>
                    <h4 class="card-title">UGC</h4>
                    <ul class="card-links">
                        <li><a href="{{ asset('assets/documents/UGC/undertaking.pdf') }}" target="_blank"><i class="fas fa-chevron-right"></i> UGC Undertaking</a></li>
                    </ul>
                </div>

                <!-- About HEI Card -->
                <div class="sitemap-card" data-category="about">
                    <div class="card-icon">
                        <i class="fas fa-info-circle"></i>
                    </div>
                    <h4 class="card-title">About HEI</h4>
                    <ul class="card-links">
                        <li><a href="{{ route('about') }}"><i class="fas fa-chevron-right"></i> About Us</a></li>
                        <li><a href="{{ url('aboutsub-1') }}"><i class="fas fa-chevron-right"></i> Institutional Development Plan</a></li>
                        <li><a href="{{ url('aboutsub-2') }}"><i class="fas fa-chevron-right"></i> Affiliating University</a></li>
                        <li><a href="{{ url('aboutsub-3') }}"><i class="fas fa-chevron-right"></i> Accreditation</a></li>
                        <li><a href="{{ url('aboutsub-4') }}"><i class="fas fa-chevron-right"></i> Recognition</a></li>
                        <li><a href="{{ asset('assets/documents/annual.pdf') }}" target="_blank"><i class="fas fa-chevron-right"></i> Annual Reports</a></li>
                        <li><a href="{{ url('aboutsub-5') }}"><i class="fas fa-chevron-right"></i> Audit Details</a></li>
                    </ul>
                </div>

                <!-- Departments Card -->
                <div class="sitemap-card" data-category="departments">
                    <div class="card-icon">
                        <i class="fas fa-graduation-cap"></i>
                    </div>
                    <h4 class="card-title">Departments</h4>
                    <div class="departments-grid-sm">
                        <a href="{{ url('department/english') }}" class="dept-link">English</a>
                        <a href="{{ url('department/tamil') }}" class="dept-link">Tamil</a>
                        <a href="{{ url('department/french') }}" class="dept-link">French</a>
                        <a href="{{ url('department/hindi') }}" class="dept-link">Hindi</a>
                        <a href="{{ url('department/history') }}" class="dept-link">Historical Studies</a>
                        <a href="{{ url('department/economics') }}" class="dept-link">Economics</a>
                        <a href="{{ url('department/mathematics') }}" class="dept-link">Mathematics</a>
                        <a href="{{ url('department/physics') }}" class="dept-link">Physics</a>
                        <a href="{{ url('department/chemistry') }}" class="dept-link">Chemistry</a>
                        <a href="{{ url('department/plant-science') }}" class="dept-link">Plant Science</a>
                        <a href="{{ url('department/computer-science') }}" class="dept-link">Computer Science</a>
                        <a href="{{ url('department/philosophy') }}" class="dept-link">Philosophy</a>
                        <a href="{{ url('department/psychology') }}" class="dept-link">Psychology</a>
                        <a href="{{ url('department/sociology') }}" class="dept-link">Sociology</a>
                        <a href="{{ url('department/tourism') }}" class="dept-link">Tourism</a>
                        <a href="{{ url('department/zoology') }}" class="dept-link">Zoology</a>
                        <a href="{{ url('department/commerce') }}" class="dept-link">Commerce</a>
                        <a href="{{ url('department/co-operative-management') }}" class="dept-link">Co-operative Management</a>
                        <a href="{{ url('department/physical-education') }}" class="dept-link">Physical Education</a>
                    </div>
                </div>

                <!-- Student Life Card -->
                <div class="sitemap-card" data-category="student-life">
                    <div class="card-icon">
                        <i class="fas fa-users"></i>
                    </div>
                    <h4 class="card-title">Student Life</h4>
                    <ul class="card-links">
                        <li><a href="#"><i class="fas fa-chevron-right"></i> About Student Life</a></li>
                        <li><a href="{{ url('sportsFes') }}"><i class="fas fa-chevron-right"></i> Sports Facilities</a></li>
                        <li><a href="{{ url('Ncc') }}"><i class="fas fa-chevron-right"></i> NCC</a></li>
                        <li><a href="{{ url('Nss') }}"><i class="fas fa-chevron-right"></i> NSS</a></li>
                        <li><a href="{{ url('RedRibbon') }}"><i class="fas fa-chevron-right"></i> Red Ribbon Club</a></li>
                        <li><a href="{{ url('hostel') }}"><i class="fas fa-chevron-right"></i> Hostel Facilities</a></li>
                        <li><a href="{{ url('Placement') }}"><i class="fas fa-chevron-right"></i> Placement Cell</a></li>
                        <li><a href="{{ url('HealthFes') }}"><i class="fas fa-chevron-right"></i> Health Facilities</a></li>
                        <li><a href="{{ asset('assets/documents/redressal.pdf') }}"><i class="fas fa-chevron-right"></i> Grievance Redressal Cell</a></li>
                        <li><a href="{{ url('Internal-Compliance-Committee') }}"><i class="fas fa-chevron-right"></i> Internal Compliance Committee</a></li>
                    </ul>
                </div>

                <!-- Equity & Welfare Card -->
                <div class="sitemap-card" data-category="welfare">
                    <div class="card-icon">
                        <i class="fas fa-handshake"></i>
                    </div>
                    <h4 class="card-title">Equity & Welfare</h4>
                    <ul class="card-links">
                        <li><a href="{{ url('AntiragingCell') }}"><i class="fas fa-chevron-right"></i> Anti-Ragging Cell</a></li>
                        <li><a href="{{ url('EOC') }}"><i class="fas fa-chevron-right"></i> Equal Opportunity Cell</a></li>
                        <li><a href="{{ url('SED') }}"><i class="fas fa-chevron-right"></i> Socio-Economically Disadvantaged</a></li>
                        <li><a href="{{ url('DIFFBLED') }}"><i class="fas fa-chevron-right"></i> Facilities for Differently Abled</a></li>
                    </ul>
                </div>

                <!-- Administration Card -->
                <div class="sitemap-card" data-category="admin">
                    <div class="card-icon">
                        <i class="fas fa-sitemap"></i>
                    </div>
                    <h4 class="card-title">Administration</h4>
                    <ul class="card-links">
                        <li><a href="{{ route('principal-profile') }}"><i class="fas fa-chevron-right"></i> Principal Profile</a></li>
                        <li><a href="{{ route('principal-office') }}"><i class="fas fa-chevron-right"></i> Principal's Office</a></li>
                        <li><a href="{{ asset('assets/documents/WILLBE.pdf') }}"><i class="fas fa-chevron-right"></i> Controller of Examinations</a></li>
                        <li><a href="{{ route('college-council') }}"><i class="fas fa-chevron-right"></i> College Council</a></li>
                        <li><a href="{{ route('icc') }}"><i class="fas fa-chevron-right"></i> Internal Compliance Committee</a></li>
                        <li><a href="{{ route('academic-leadership') }}"><i class="fas fa-chevron-right"></i> Academic Leadership</a></li>
                        <li><a href="{{ route('org-chart') }}"><i class="fas fa-chevron-right"></i> Organization Chart</a></li>
                    </ul>
                </div>

                <!-- Academics Card -->
                <div class="sitemap-card" data-category="academics">
                    <div class="card-icon">
                        <i class="fas fa-book"></i>
                    </div>
                    <h4 class="card-title">Academics</h4>
                    <ul class="card-links">
                        <li><a href="{{ route('all-departments') }}"><i class="fas fa-chevron-right"></i> Details of Academic Programs</a></li>
                        <li><a href="{{ route('academic-calendar') }}"><i class="fas fa-chevron-right"></i> Academic Calendar</a></li>
                        <li><a href="{{ route('exam-cell') }}"><i class="fas fa-chevron-right"></i> Examination Cell</a></li>
                        <li><a href="{{ asset('assets/documents/iqac/iqac.jpeg') }}" target="_blank"><i class="fas fa-chevron-right"></i> IQAC</a></li>
                        <li><a href="{{ route('library') }}"><i class="fas fa-chevron-right"></i> Library</a></li>
                        <li><a href="{{ route('academic-collab') }}"><i class="fas fa-chevron-right"></i> Academic Collaborations</a></li>
                    </ul>
                </div>

                <!-- Admission Card -->
                <div class="sitemap-card" data-category="admission">
                    <div class="card-icon">
                        <i class="fas fa-user-plus"></i>
                    </div>
                    <h4 class="card-title">Admission</h4>
                    <ul class="card-links">
                        <li><a href="{{ asset('assets/documents/cent.pdf') }}"><i class="fas fa-chevron-right"></i> Prospects</a></li>
                        <li><a href="{{ asset('assets/documents/cent1.pdf') }}"><i class="fas fa-chevron-right"></i> Admission Process</a></li>
                        <li><a href="{{ url('SeatMatrix') }}"><i class="fas fa-chevron-right"></i> Seat Matrix</a></li>
                        <li><a href="{{ url('RefuntPoliceTgasc') }}"><i class="fas fa-chevron-right"></i> Refund Policy</a></li>
                    </ul>
                </div>

                <!-- Information Centre Card -->
                <div class="sitemap-card" data-category="information">
                    <div class="card-icon">
                        <i class="fas fa-newspaper"></i>
                    </div>
                    <h4 class="card-title">Information Centre</h4>
                    <ul class="card-links">
                        <li><a href="{{ route('rti') }}"><i class="fas fa-chevron-right"></i> RTI Details</a></li>
                        <li><a href="{{ route('circulars') }}"><i class="fas fa-chevron-right"></i> Circulars</a></li>
                        <li><a href="{{ route('announcements') }}"><i class="fas fa-chevron-right"></i> Announcements</a></li>
                        <li><a href="{{ asset($newsletter->newsletters ?? '') }}" target="_blank"><i class="fas fa-chevron-right"></i> Newsletters</a></li>
                        <li><a href="{{ route('news-events') }}"><i class="fas fa-chevron-right"></i> News Recent Events</a></li>
                        <li><a href="{{ route('job-openings') }}"><i class="fas fa-chevron-right"></i> Job Openings</a></li>
                        <li><a href="{{ route('seat-matrix') }}"><i class="fas fa-chevron-right"></i> Reservation Rooster</a></li>
                        <li><a href="{{ asset('assets/documents/study in india/cag.pdf') }}" target="_blank"><i class="fas fa-chevron-right"></i> Study in India</a></li>
                        <li><a href="{{ route('admission-international') }}"><i class="fas fa-chevron-right"></i> Admission Facilities for International Students</a></li>
                    </ul>
                </div>

                <!-- Research Card -->
                <div class="sitemap-card" data-category="research">
                    <div class="card-icon">
                        <i class="fas fa-flask"></i>
                    </div>
                    <h4 class="card-title">Research</h4>
                    <ul class="card-links">
                        <li><a href="{{ url('research-and-development') }}"><i class="fas fa-chevron-right"></i> Research & Development Cell</a></li>
                        <li><a href="{{ url('ATAL-INCUBATION-CENTRE') }}"><i class="fas fa-chevron-right"></i> Incubation Centre</a></li>
                    </ul>
                </div>

                <!-- Gallery Card -->
                <div class="sitemap-card" data-category="gallery">
                    <div class="card-icon">
                        <i class="fas fa-images"></i>
                    </div>
                    <h4 class="card-title">Gallery</h4>
                    <ul class="card-links">
                        <li><a href="{{ url('gallery') }}"><i class="fas fa-chevron-right"></i> Gallery</a></li>
                    </ul>
                </div>

                <!-- Contact Card -->
                <div class="sitemap-card" data-category="contact">
                    <div class="card-icon">
                        <i class="fas fa-envelope"></i>
                    </div>
                    <h4 class="card-title">Contact</h4>
                    <ul class="card-links">
                        <li><a href="{{ route('contact') }}"><i class="fas fa-chevron-right"></i> Contact</a></li>
                    </ul>
                </div>

                <!-- Alumni Card -->
                <div class="sitemap-card" data-category="alumni">
                    <div class="card-icon">
                        <i class="fas fa-user-friends"></i>
                    </div>
                    <h4 class="card-title">Alumni</h4>
                    <ul class="card-links">
                        <li><a href="{{ route('alumni-association') }}"><i class="fas fa-chevron-right"></i> Alumni</a></li>
                    </ul>
                </div>
            </div>

            <!-- Info Banner -->
            <div class="info-banner mt-80">
                <div class="banner-content">
                    <i class="fas fa-lightbulb"></i>
                    <div>
                        <h5 style="color: #ffffff;">Need Help?</h5>
                        <p>Can't find what you're looking for? <a href="{{ route('contact') }}">Contact us</a> or use the search function at the top of the page.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

<style>
    /* Sitemap Section */
    .sitemap-section {
        background: linear-gradient(135deg, #f5f7fa 0%, #f0f3f7 100%);
        position: relative;
        overflow: hidden;
    }

    .sitemap-section::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -10%;
        width: 500px;
        height: 500px;
        background: radial-gradient(circle, rgba(0, 106, 255, 0.1) 0%, transparent 70%);
        border-radius: 50%;
    }

    .sitemap-header {
        position: relative;
        z-index: 2;
        margin-bottom: 60px;
    }

    .tag-shape {
        display: inline-block;
        background: linear-gradient(135deg, #006aff 0%, #0056b3 100%);
        color: white;
        padding: 8px 20px;
        border-radius: 50px;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 15px;
    }

    .sitemap-header .section-title {
        font-size: 3rem;
        font-weight: 800;
        background: linear-gradient(135deg, #002147 0%, #006aff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 15px;
    }

    .sitemap-header .section-text {
        font-size: 1.1rem;
        color: #666;
        max-width: 600px;
        margin: 0 auto;
    }

    /* Sitemap Grid */
    .sitemap-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
        margin-bottom: 50px;
        position: relative;
        z-index: 2;
    }

    /* Sitemap Card */
    .sitemap-card {
        background: white;
        border-radius: 15px;
        padding: 35px 25px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        border: 1px solid rgba(0, 0, 0, 0.05);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        position: relative;
        overflow: hidden;
    }

    .sitemap-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #006aff 0%, #0056b3 100%);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s ease;
    }

    .sitemap-card:hover::before {
        transform: scaleX(1);
    }

    .sitemap-card:hover {
        transform: translateY(-12px);
        box-shadow: 0 20px 50px rgba(0, 106, 255, 0.15);
        border-color: rgba(0, 106, 255, 0.1);
    }

    .card-icon {
        width: 60px;
        height: 60px;
        background: linear-gradient(135deg, #006aff 0%, #0056b3 100%);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        color: white;
        margin-bottom: 20px;
        box-shadow: 0 8px 20px rgba(0, 106, 255, 0.25);
    }

    .card-title {
        font-size: 1.3rem;
        font-weight: 700;
        color: #002147;
        margin-bottom: 20px;
        position: relative;
    }

    .card-title::after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 30px;
        height: 3px;
        background: linear-gradient(90deg, #006aff, #0056b3);
        border-radius: 2px;
    }

    /* Card Links */
    .card-links {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 20px;
    }

    .card-links li {
        margin-bottom: 12px;
    }

    .card-links a {
        color: #555;
        text-decoration: none;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 12px;
        border-radius: 8px;
        transition: all 0.3s ease;
    }

    .card-links a i {
        color: #006aff;
        font-size: 12px;
        transition: all 0.3s ease;
    }

    .card-links a:hover {
        background: rgba(0, 106, 255, 0.08);
        color: #006aff;
        padding-left: 16px;
    }

    .card-links a:hover i {
        transform: translateX(4px);
    }

    /* Departments Grid */
    .departments-grid-sm {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-top: 15px;
    }

    .dept-link {
        background: linear-gradient(135deg, rgba(0, 106, 255, 0.05), rgba(0, 106, 255, 0.02));
        border: 1px solid rgba(0, 106, 255, 0.15);
        color: #006aff;
        text-decoration: none;
        padding: 10px 12px;
        border-radius: 8px;
        font-size: 0.9rem;
        font-weight: 600;
        text-align: center;
        transition: all 0.3s ease;
        display: block;
    }

    .dept-link:hover {
        background: linear-gradient(135deg, #006aff, #0056b3);
        color: white;
        border-color: #006aff;
        transform: translateY(-3px);
        box-shadow: 0 8px 15px rgba(0, 106, 255, 0.25);
    }

    /* Info Banner */
    .info-banner {
        background: linear-gradient(135deg, #002147 0%, #006aff 100%);
        border-radius: 15px;
        padding: 30px 40px;
        color: white;
        margin-top: 50px;
        position: relative;
        z-index: 2;
        box-shadow: 0 15px 40px rgba(0, 106, 255, 0.25);
    }

    .banner-content {
        display: flex;
        align-items: center;
        gap: 25px;
    }

    .banner-content i {
        font-size: 40px;
        color: #ffc107;
    }

    .banner-content h5 {
        font-size: 1.3rem;
        font-weight: 700;
        margin-bottom: 8px;
    }

    .banner-content p {
        margin: 0;
        font-size: 1rem;
        opacity: 0.95;
    }

    .banner-content a {
        color: #ffc107;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    .banner-content a:hover {
        text-decoration: underline;
    }

    /* Responsive */
    @media (max-width: 768px) {
        .sitemap-grid {
            grid-template-columns: 1fr;
            gap: 20px;
        }

        .sitemap-header .section-title {
            font-size: 2rem;
        }

        .sitemap-card {
            padding: 25px 20px;
        }

        .departments-grid-sm {
            grid-template-columns: repeat(3, 1fr);
        }

        .banner-content {
            flex-direction: column;
            text-align: center;
        }
    }

    @media (max-width: 576px) {
        .departments-grid-sm {
            grid-template-columns: repeat(2, 1fr);
        }

        .sitemap-section {
            padding: 50px 0;
        }

        .sitemap-header .section-title {
            font-size: 1.5rem;
        }

        .info-banner {
            padding: 20px;
        }

        .banner-content i {
            font-size: 30px;
        }
    }
</style>


@include('frontend.footer')