ƒ<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": [
                "EducationalOrganization",
                "LocalBusiness"
            ],
            "name": "StudyLink Academy Examination Center",
            "url": "https://examstay.com/CenterDetails.php?center=StudyLink+Academy",
            "description": "Official exam center details, address, directions, parking, and reviews for StudyLink Academy.",
            "image": "CenterImage/42/StudyLink Academy image 01.jpg",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Uzzala Market, fatasil branch, AK Dev Rd and, near indian bank,Fatasil Ambari, Guwahati PIN- 781009",
                "addressLocality": "Guwahati",
                "addressRegion": "Assam",
                "addressCountry": "IN"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": 26.16766872000000176967660081572830677032470703125,
                "longitude": 91.736825019999997721242834813892841339111328125
            },
            "hasMap": "https://maps.app.goo.gl/cq9DFJ7NMY8RHY4K8",
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "3.3",
                "bestRating": "5",
                "worstRating": "1",
                "ratingCount": "10"
            }
        },
        {
            "@type": "FAQPage",
            "mainEntity": [
                {
                    "@type": "Question",
                    "name": "How to reach StudyLink Academy exam center?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Guwahati Railway Station: The main railway station is very close, located only about 4 to 5 km from the center.Travel Time: 15–20 minutes.How to reach: Exit from the station and head to the auto stand. You can easily find a direct auto-rickshaw to Bharalumukh.Fare Estimate: A private auto will charge roughly ₹120 – ₹180. If you opt for a shared auto from near the station, it will only cost you about ₹20 – ₹30."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Are there hotels near StudyLink Academy?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Yes, there are multiple budget and premium hotels available near StudyLink Academy in Guwahati. Check ExamStay for a full list with distances."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Is parking available at StudyLink Academy?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Parking at StudyLink Academy is: Limited"
                    }
                },
                {
                    "@type": "Question",
                    "name": "What is the nearest airport to StudyLink Academy?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Lokpriya Gopinath Bordoloi International Airport: The airport is approximately 20 to 22 km away from Studylink Academy.Travel Time: 45 minutes to 1 hour, depending on the notorious Guwahati traffic.How to reach: The most seamless way is to book an Uber or Ola directly from the airport. Alternatively, you can take the ASTC Airport Bus service which drops you at Paltan Bazaar or Machkhuwa; from Machkhuwa, the academy is just a short 5-minute auto ride away. Prepaid taxis are also available 24/7 at the arrival terminal."
                    }
                }
            ]
        },
        {
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "https://examstay.com/"
                },
                {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "Assam",
                    "item": "https://examstay.com/state/Assam"
                },
                {
                    "@type": "ListItem",
                    "position": 3,
                    "name": "Guwahati",
                    "item": "https://examstay.com/city/Guwahati"
                },
                {
                    "@type": "ListItem",
                    "position": 4,
                    "name": "StudyLink Academy"
                }
            ]
        }
    ]
}</script><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" href="/assets/favicon.png" type="image/png">
    <meta property="og:type" content="website" />

    <title>StudyLink Academy Exam Center Guwahati – Address, Hotels &amp; How To Reach</title>
    <meta name="description" content="How to reach StudyLink Academy exam center in Guwahati, Assam. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near StudyLink Academy.">

    <!-- Keywords: natural mix of what students actually search -->
    <meta name="keywords" content="StudyLink Academy exam center Guwahati, how to reach StudyLink Academy, hotel near StudyLink Academy Guwahati, StudyLink Academy address Guwahati, StudyLink Academy exam center parking, Guwahati exam center hotels, StudyLink Academy photos reviews">

    <!-- Open Graph -->
    <meta property="og:title"       content="StudyLink Academy Exam Center Guwahati – Hotels &amp; Travel Guide">
    <meta property="og:description" content="How to reach StudyLink Academy exam center in Guwahati, Assam. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near StudyLink Academy.">
    <meta property="og:image"       content="https://examstay.com/CenterImage/42/StudyLink Academy image 01.jpg">
    <meta property="og:url"         content="https://examstay.com/CenterDetails.php?center=StudyLink+Academy">

    <!-- Twitter Card -->
    <meta name="twitter:card"        content="summary_large_image">
    <meta name="twitter:title"       content="StudyLink Academy Exam Center Guwahati">
    <meta name="twitter:description" content="How to reach StudyLink Academy exam center in Guwahati, Assam. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near StudyLink Academy.">
    <meta name="twitter:image"       content="https://examstay.com/CenterImage/42/StudyLink Academy image 01.jpg">

    <link rel="canonical" href="https://examstay.com/CenterDetails.php?center=StudyLink+Academy" />

    <!-- Geo tags for local SEO -->
        <meta name="geo.region"    content="IN-Assam">
    <meta name="geo.placename" content="Guwahati">
    <meta name="geo.position"  content="26.16766872;91.73682502">
    <meta name="ICBM"          content="26.16766872, 91.73682502">
    

<!-- Organization Schema (appears on all pages) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "ExamStay",
  "url": "https://examstay.com/",
  "logo": "https://examstay.com/assets/logo.png",
  "description": "ExamStay helps students find hotels and travel information near exam centers across India.",
  "sameAs": [
    "https://t.me/examstaycommunity"
  ]
}
</script>

<!-- Google Ads -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2376443080436223" crossorigin="anonymous"></script>

<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SSLWE6ZFZN"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-SSLWE6ZFZN');
</script>

<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet" />

<style>
    body { background-color: #f8f9fa; font-family: "Segoe UI", sans-serif; padding-top: 80px; }
    .navbar { background-color: #ffffff !important; box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
    .navbar-brand { font-size: 1.6rem; font-weight: bold; color: #0d6efd !important; }
    .navbar-nav .nav-link { color: #343a40 !important; font-weight: 500; }
    .navbar-nav .nav-link:hover { color: #0d6efd !important; }
    .btn-login { background-color: #ffc107; color: #000; border-radius: 20px; padding: 5px 15px; font-size: 0.9rem; font-weight: 600; }
    .footer { background-color: #ffffff; border-top: 1px solid #dee2e6; padding: 15px 0; text-align: center; font-size: 14px; color: #6c757d; }
    .content-container { min-height: 80vh; background-color: #ffffff; padding-right: 1rem; }
    .rounded-search { border-radius: 50px; padding: 0.75rem 1.5rem; }
    .fade-in-up { opacity: 0; transform: translateY(20px); transition: all 0.6s ease-in-out; }
    .fade-in-up.appear { opacity: 1; transform: translateY(0); }
    .section-padding { padding: 60px 0; }
    .icon-style { font-size: 2rem; color: #0d6efd; }
    @media (min-width: 992px) {
        .content-container { padding-left: 3rem; padding-right: 3rem; }
    }
</style>

<!-- Google Search Console verification -->
<meta name="google-site-verification" content="oaYCwlHIjJmVL4b-buxsRBD1RkFm5jYeSPQV3fSz1Io" />

<!-- tpembars script PERMANENTLY REMOVED (was malicious) -->

</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top">
    <div class="container-fluid px-4">
        <a class="navbar-brand ms-2" href="/index.php">Exam<span style="color: #f1b606; font-style: bold;">Stay</span></a>
        <button class="navbar-toggler border-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar">
            <i class="bi bi-list fs-2 text-dark"></i>
        </button>
        <div class="collapse navbar-collapse" id="mainNavbar">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item"><a class="nav-link" href="/index.php">Home</a></li>
                <li class="nav-item"><a class="nav-link" href="/about.php">About</a></li>
                <li class="nav-item"><a class="nav-link" href="/contact.php">Contact</a></li>
                <li class="nav-item"><a class="nav-link" href="/ExamCenterMaps.php">Map</a></li>
         
                <li class="nav-item">
                    <a class="nav-link" href="/include/list-your-exam-center-in-examstay.php" style="color: #0d6efd !important;">Center Listing</a>
                </li>
            </ul>
            <ul class="navbar-nav mb-2 mb-lg-0 d-flex align-items-center gap-3">

               
<li class="nav-item">
                    <a class="btn btn-login px-3" href="/ExamCenterMaps.php">Center MAP</a>
                </li>

            </ul>
        </div>
    </div>
</nav>

<div class="content-container py-4">
<!-- Leaflet CSS & JS -->
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" />
<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const lightbox = GLightbox({
            selector: '.glightbox',
            touchNavigation: true,
            loop: true,
            zoomable: true,
            autoplayVideos: true,
            openEffect: 'zoom',
            closeEffect: 'zoom'
        });
    });
</script>
<style>
:root {
    --gallery-gap: 12px;
    --gallery-radius: 16px;
}
.gallery-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--gallery-gap);
    height: 400px;
    overflow: hidden;
    width: 100%;
}
.side-grid {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: var(--gallery-gap);
    min-height: 0;
    height: 100%;
}
.gallery-item {
    position: relative;
    border-radius: var(--gallery-radius);
    overflow: hidden;
    height: 100%;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.gallery-item:hover img { transform: scale(1.05); }
.gallery-overlay {
    position: absolute; inset: 0; background: rgba(0, 0, 0, 0.2);
    display: flex; align-items: center; justify-content: center;
    color: white; font-size: 1.5rem; opacity: 0; transition: opacity 0.3s;
}
.gallery-item:hover .gallery-overlay { opacity: 1; }
.more-photos-overlay {
    position: absolute; inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
    display: flex; align-items: center; justify-content: center;
    color: white; font-weight: 700; font-size: 1.25rem;
    transition: background 0.3s ease;
}
.gallery-item:hover .more-photos-overlay { background: rgba(0, 0, 0, 0.6); }
.gallery-placeholder, .gallery-empty-state {
    height: 300px; display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    background: #f1f3f5; border-radius: var(--gallery-radius);
}
.gallery-empty-state { padding: 3rem 1rem; border: 2px dashed #dee2e6; background: #fff; text-align: center;}
.leaflet-custom-btn {
    background: #0d6efd;
    color: #fff !important;
    padding: 8px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    display: inline-block;
}
.leaflet-custom-btn:hover { background: #0b5ed7; }
@media (min-width: 769px) { .map-mobile { display: none !important; } }
@media (max-width: 768px) {
    .gallery-grid { grid-template-columns: 1fr; height: auto; }
    .gallery-grid .main-feature { height: 250px; }
    .side-grid { grid-template-columns: 1fr 1fr; grid-template-rows: none; height: 120px; }
    .more-photos-overlay { font-size: 1rem; }
    .sidebar { background-color: #fff; position: sticky; top: 20px; height: 90vh; overflow-y: auto; }
    .leaflet-control-custom-wrapper { display: none !important; }
    #centerMap { height: 300px; }
}
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: opacity, transform;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.1s; }
.sidebar { background-color: #fff; position: sticky; top: 20px; height: 90vh; overflow-y: auto; }
.reach-score-box {
    background: linear-gradient(135deg, #e0f2fe, #bae6fd);
    border: 1px solid #0ea5e9;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
}
.score-label { font-size: 0.85rem; text-transform: uppercase; font-weight: 700; color: #0369a1; margin-bottom: 8px; }
.score-value { font-size: 2rem; font-weight: 800; color: #0c4a6e; }
.rating-modern { display: inline-flex; align-items: center; background: #f8f9fa; padding: 6px 12px; border-radius: 8px; font-weight: 600; border: 1px solid #e5e5e5; }
.rating-number { font-size: 1rem; color: #212529; }
.rating-star { color: #ffc107; margin-left: 4px; font-size: 1rem; }
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
    const observerOptions = { root: null, threshold: 0.1 };
    const revealObserver = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add("visible");
                observer.unobserve(entry.target);
            }
        });
    }, observerOptions);
    document.querySelectorAll('.reveal').forEach(el => { revealObserver.observe(el); });
});
</script>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-9 col-sm-12 main-content">
           <div class="location-header">
            <h1 class="section-title mb-0 border-bottom pb-2">
   <i class="bi bi-geo-alt-fill me-2 text-primary"></i> StudyLink Academy</h1></div>
<p class="text-muted small mb-2">
            Last Updated: April 4, 2026                • Rating: 3.3    </p>
          <div class="modern-gallery mb-4">
            <div class="gallery-grid">
            <div class="gallery-item main-feature">
                <a href="CenterImage/42/StudyLink Academy image 01.jpg" class="glightbox" data-gallery="center-gallery">
                    <img src="CenterImage/42/StudyLink Academy image 01.jpg"
                         alt="StudyLink Academy exam center main view" loading="lazy">
                    <div class="gallery-overlay"><i class="bi bi-arrows-angle-expand"></i></div>
                </a>
            </div>
            <div class="side-grid">
                <div class="gallery-item sub-feature">
                                            <a href="CenterImage/42/StudyLink Academy image 02.jpg" class="glightbox" data-gallery="center-gallery">
                            <img src="CenterImage/42/StudyLink Academy image 02.jpg"
                                 alt="StudyLink Academy exam center photo 2" loading="lazy">
                            <div class="gallery-overlay"><i class="bi bi-plus"></i></div>
                        </a>
                                    </div>
                <div class="gallery-item sub-feature">
                                            <a href="CenterImage/42/StudyLink Academy image 03.jpg" class="glightbox" data-gallery="center-gallery">
                            <img src="CenterImage/42/StudyLink Academy image 03.jpg"
                                 alt="StudyLink Academy exam center photo 3" loading="lazy">
                                                            <div class="more-photos-overlay">
                                    <span>+1 More</span>
                                </div>
                                                    </a>
                                    </div>
            </div>
                            <div class="d-none">
                                            <a href="CenterImage/42/StudyLink Academy image 04.jpg" class="glightbox" data-gallery="center-gallery"></a>
                                    </div>
                    </div>
    </div>
    <hr class="my-3" />
<div class="location-wrapper">
    <div class="location-grid mb-4">
        <div class="detail-box">
            <span class="detail-label">State</span>
            <span class="detail-value">Assam</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">City</span>
            <span class="detail-value">Guwahati</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">Locality</span>
            <span class="detail-value">Fatasil Ambari</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">Country</span>
            <span class="detail-value">India</span>
        </div>
    </div>
    <div class="row g-3 mb-5">
        <div class="col-md-8">
            <div class="address-strip">
                <div class="icon-circle"><i class="bi bi-pin-map"></i></div>
                <div class="ms-3">
                    <div class="detail-label text-primary">Full Address</div>
                    <div class="detail-value text-white">Uzzala Market, fatasil branch, AK Dev Rd and, near indian bank,Fatasil Ambari, Guwahati PIN- 781009</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="parking-box">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <div class="detail-label">Parking Status</div>
                        <div class="detail-value">Limited</div>
                    </div>
                    <div class="fs-2 text-primary opacity-50"><i class="bi bi-p-square"></i></div>
                </div>
            </div>
        </div>
    </div>
<div class="location-header reveal reveal-delay-1 mb-4">
        <h2 class="section-title mb-0 border-bottom pb-2">
            <i class="bi bi-geo-alt-fill me-2 text-primary"></i>How To Reach StudyLink Academy        </h2>
        <p class="text-muted small mt-2">Comprehensive location and transport guide</p>
    </div>
    <div class="description-block reveal mb-5">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h5 class="subsection-title mb-0">Detailed Overview</h5>
            <div class="rating-modern">
        <span class="rating-number">3.3</span>
        <span class="rating-star">★</span>
    </div>
    </div>
    <div class="text-secondary lh-lg">
        If you’re heading to Studylink Academy for your exams, you’ll find it conveniently located in the Bharalumukh area of Guwahati, right on A.K. Deb Road. This part of the city is a major educational and commercial hub, making it a very practical choice for candidates. Unlike centers on the city's outskirts, this one is nestled within a well-developed neighborhood near the famous N.D. Mall. While the area can get a bit busy during peak hours, its central location means you’ll never be stranded for transport or basic amenities. For students traveling from other parts of Assam, the center’s proximity to the main railway station and the primary bus corridors of the city is a huge advantage, allowing you to reach the venue without multiple complicated transfers.    </div>
</div>
    <hr class="my-5 opacity-10">
    <h3 class="subsection-title mb-4">
        <i class="bi bi-connector-fill me-2"></i>Connectivity &amp; Transport
    </h3>
   <div class="row g-3 reveal reveal-delay-1">
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-airplane me-2 text-warning"></i>
                <h3>Nearest Airport</h3>
            </div>
                        <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>Lokpriya Gopinath Bordoloi International Airport: </strong>The airport is approximately 20 to 22 km away from Studylink Academy.</li><li><strong>Travel Time: </strong>45 minutes to 1 hour, depending on the notorious Guwahati traffic.</li><li><strong>How to reach: </strong>The most seamless way is to book an Uber or Ola directly from the airport. Alternatively, you can take the ASTC Airport Bus service which drops you at Paltan Bazaar or Machkhuwa; from Machkhuwa, the academy is just a short 5-minute auto ride away. Prepaid taxis are also available 24/7 at the arrival terminal.</li></ul></p>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-train-front me-2 text-success"></i>
                <h3>Railway Station</h3>
            </div>
            <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>Guwahati Railway Station: </strong>The main railway station is very close, located only about 4 to 5 km from the center.</li><li><strong>Travel Time: </strong>15–20 minutes.</li><li><strong>How to reach: </strong>Exit from the station and head to the auto stand. You can easily find a direct auto-rickshaw to Bharalumukh.</li><li><strong>Fare Estimate: </strong>A private auto will charge roughly ₹120 – ₹180. If you opt for a shared auto from near the station, it will only cost you about ₹20 – ₹30.</li></ul></p>
        </div>
    </div>
    <div class="col-lg-12">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-train-lightrail-front me-2 text-primary"></i>
                <h3>Metro Station</h3>
            </div>
            <p class="mb-0 small text-dark">Metro Connectivity is Not Available in This Area</p>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-bus-front me-2 text-danger"></i>
                <h3>Bus Connectivity</h3>
            </div>
            <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>Bharalumukh Bus Stop: </strong>The Bharalumukh Bus Stop is the closest local point, just a 2-minute walk from the academy. If you are coming from outside the city, the ISBT (Inter-State Bus Terminus) at Betkuchi is about 9 to 10 km away.</li><li><strong>Bus Route: </strong>Numerous city buses (Red and Blue) ply from ISBT, Adabari, and Paltan Bazaar towards Bharalumukh/Jalukbari.</li><li><strong>Local Connectivity: </strong>From ISBT, you can take a city bus heading towards Adabari or Machkhuwa and get down at Bharalumukh. Shared autos are also very common along the A.K. Deb Road stretch.</li><li><strong>Approximate Fare: </strong>₹10 – ₹25 for city buses; ₹30 – ₹50 for shared autos.</li></ul></p>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-taxi-front me-2 text-info"></i>
                <h3>Local Taxi / Auto</h3>
            </div>
            <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>From Railway Station to Center: </strong>App-based cabs usually cost around ₹150, while a Rapido bike might be under ₹60.</li><li><strong>From Bus Stand to Center: </strong>From ISBT, a private cab will be around ₹250 – ₹350, whereas buses are much cheaper.</li><li><strong>App-Based Services: </strong>Uber, Ola, and Rapido (bike taxis) are highly active here. For solo students, Rapido is often the fastest way to weave through Guwahati&#039;s morning congestion.</li></ul></p>
        </div>
    </div>
</div>
    <div class="row mt-5 align-items-stretch">
        <div class="col-md-8 mb-3">
        <div class="useful-links-strip h-100">
            <i class="bi bi-link-45deg me-2 text-primary"></i>
            <span class="me-3 fw-bold text-danger">Quick Links:</span>
                        <div class="links-container"><p class="mb-0">For detailed route maps, schedules, and fare information, visit the official websites:<br>👉 <a href="https://astc.assam.gov.in/" target="_blank" style="color:#0d47a1;font-weight:600;">Assam State Transport Corporation</a><br></p></div>
        </div>
    </div>
                <div class="col-md-4 mb-3">
        <div class="reach-score-box h-100 d-flex flex-column justify-content-center align-items-center"
             style="background: linear-gradient(135deg, #dcfce7, #bbf7d0); border: 1px solid #16a34a;">
            <div class="score-label" style="color: #16a34a;">Reachability Score</div>
            <div class="score-value" style="color: #065f46;">7/10</div>
        </div>
    </div>
    </div>
<p class="small text-muted mb-0"><i class="bi bi-info-circle me-1"></i>
    Reachability Score shows how easily this center can be accessed by airport, metro, bus, railway, and taxi. Higher score = better connectivity.
</p></div>

<style>
:root { --primary-brand: #2563eb; --bg-light: #f8fafc; --text-main: #1e293b; --border-color: #e2e8f0; }
.location-wrapper { font-family: 'Inter', sans-serif; background: transparent; padding: 10px 0; }
.section-title { color: var(--text-main); font-weight: 800; letter-spacing: -0.5px; }
.subsection-title { font-size: 1.5rem; font-weight: 800; color: var(--text-main); border-left: 4px solid var(--primary-brand); padding-left: 12px; }
.location-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.detail-box { background: var(--bg-light); padding: 15px; border-radius: 12px; border: 1px solid var(--border-color); }
.detail-label { display: block; font-size: 0.85rem; text-transform: uppercase; font-weight: 700; color: #dc3545; margin-bottom: 4px; }
.detail-value { font-weight: 600; color: var(--text-main); font-size: 0.95rem; }
.address-strip { background: linear-gradient(135deg, #1e293b 0%, #334155 100%); padding: 24px; border-radius: 16px; display: flex; align-items: center; height: 100%; }
.icon-circle { width: 45px; height: 45px; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; }
.parking-box { background: #eff6ff; border: 1px dashed var(--primary-brand); padding: 24px; border-radius: 16px; height: 100%; }
.local-commute-box { background: #f1f5f9; padding: 20px; border-radius: 12px; border: 1px solid transparent; transition: all 0.2s ease; }
.local-commute-box:hover { background: #e2e8f0; border-color: #cbd5e1; }
.local-commute-box strong { font-size: 0.95rem; color: #0d6efd; }
.local-commute-box h3 { font-size: 1rem; color: #dc3545; font-weight: 800; }
.useful-links-strip { background: #f8fafc; padding: 15px 20px; border-radius: 10px; font-size: 0.85rem; display: flex; align-items: center; border: 1px solid var(--border-color); }
.links-container a { color: var(--primary-brand); text-decoration: none; font-weight: 600; margin-right: 15px; }
</style>

<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2">
        <i class="bi bi-geo-alt-fill me-2 text-primary"></i>
        StudyLink Academy 360° Street View
    </h2>
</div>
<div class="mb-4 rounded shadow-sm border reveal reveal-delay-1" style="overflow:hidden;">
    <iframe
        src="https://www.google.com/maps?q=&layer=c&cbll=26.16766872,91.73682502&cbp=11,0,0,0,0&output=svembed"
        width="100%" height="400" style="border:0;" allowfullscreen loading="lazy">
    </iframe>
    <p class="small text-muted mb-0"><i class="bi bi-info-circle me-1"></i>360° imagery courtesy of Google Maps Street View.</p>
</div>

<div class="text-center mt-3">
    <a href="https://maps.app.goo.gl/cq9DFJ7NMY8RHY4K8" target="_blank" class="btn btn-primary px-4">
        📍 Open in Google Maps
    </a>
</div>


<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
   <h2 class="section-title mb-0 border-bottom pb-2">
            <i class="bi bi-geo-alt-fill me-2 text-primary"></i>Best Hotels &amp; Stays near- StudyLink Academy</h2>
            <p class="text-muted small mt-2 mb-0">
       <i class="bi bi-info-circle me-1"></i>
       Hotels listed below are automatically generated based on proximity to- StudyLink Academy.
   </p>
</div>
<div class="row reveal reveal-delay-1">       <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage01.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Hotel Ambarish Grand Residency</h6>
      <p class="text-muted small mb-2">
        ⭐ 3.2 |        <i class="bi bi-geo-alt"></i> 1.71 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Hotel+Ambarish+Grand+Residency+Guwahati&destination=StudyLink+Academy+Guwahati"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Hotel+Ambarish+Grand+Residency+Guwahati"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage02.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Hotel Rajmahal</h6>
      <p class="text-muted small mb-2">
        ⭐ 4.1 |        <i class="bi bi-geo-alt"></i> 1.72 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Hotel+Rajmahal+Guwahati&destination=StudyLink+Academy+Guwahati"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Hotel+Rajmahal+Guwahati"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage03.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Hotel Mahalaxmi Indo Myanmar</h6>
      <p class="text-muted small mb-2">
        ⭐ 3.8 |        <i class="bi bi-geo-alt"></i> 1.92 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Hotel+Mahalaxmi+Indo+Myanmar+Guwahati&destination=StudyLink+Academy+Guwahati"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Hotel+Mahalaxmi+Indo+Myanmar+Guwahati"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage04.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Hotel Aroma</h6>
      <p class="text-muted small mb-2">
        ⭐ 2.7 |        <i class="bi bi-geo-alt"></i> 2.1 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Hotel+Aroma+Guwahati&destination=StudyLink+Academy+Guwahati"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Hotel+Aroma+Guwahati"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage05.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Hotel Prag Continental</h6>
      <p class="text-muted small mb-2">
        ⭐ 3.7 |        <i class="bi bi-geo-alt"></i> 2.19 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Hotel+Prag+Continental+Guwahati&destination=StudyLink+Academy+Guwahati"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Hotel+Prag+Continental+Guwahati"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage06.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Hotel Parnil Palace Zoo Road Tiniali</h6>
      <p class="text-muted small mb-2">
        ⭐ 3.9 |        <i class="bi bi-geo-alt"></i> 4.08 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Hotel+Parnil+Palace+Zoo+Road+Tiniali+Guwahati&destination=StudyLink+Academy+Guwahati"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Hotel+Parnil+Palace+Zoo+Road+Tiniali+Guwahati"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
         </div><hr class="my-3" /><h2 class="section-title mb-0 border-bottom pb-2">⭐Candidate-Verified &amp; Recommended Hotels</h2>    <div class="col-12 text-center py-4 text-muted reveal reveal-delay-1">
        <i class="bi bi-shop fs-1"></i>
        <p class="mb-1">Help others — share details to get it added to our Verified list.</p>
        <a href="include/How-to-list-hotel-in-examstay.php?center=StudyLink+Academy" class="btn btn-sm btn-warning btn-outline-dark">
            <i class="bi bi-plus-circle me-1"></i>Contribute</a>
    </div>


<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2"><i class="bi bi-geo-alt-fill me-2 text-primary"></i>All Exam Centers in Guwahati Complete List &amp; Details</h2>
</div>
<hr class="my-3" />
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <div class="d-flex align-items-center justify-content-center h-100 bg-light text-muted"
                                 style="width:100px; font-size:1.8rem;">
                                🏛️
                            </div>
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=Future+Tech+Education"
                                   class="text-decoration-none text-primary fw-semibold">Future Tech Education</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.2/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 House No. 27, First Floor, Odalbakra Main Road, Kahilipara, Near Sabitri Bharali School, Guwahati, Assam (781034)<br>
                            🗺️ 3.39 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <div class="d-flex align-items-center justify-content-center h-100 bg-light text-muted"
                                 style="width:100px; font-size:1.8rem;">
                                🏛️
                            </div>
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=Computer+Pro"
                                   class="text-decoration-none text-primary fw-semibold">Computer Pro</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.2/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Near Modern English School Suruj Nagar Rd, Odalbakra, Kahilipara PIN- 781034<br>
                            🗺️ 3.79 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <div class="d-flex align-items-center justify-content-center h-100 bg-light text-muted"
                                 style="width:100px; font-size:1.8rem;">
                                🏛️
                            </div>
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=Antilia+Online+Exam+Centre"
                                   class="text-decoration-none text-primary fw-semibold">Antilia Online Exam Centre</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.1/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 K Dev Road, Katahbari, Near No 1 Masjid, P.O./P.S. Garchuk, Guwahati, PIN- 781035<br>
                            🗺️ 5.58 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <div class="d-flex align-items-center justify-content-center h-100 bg-light text-muted"
                                 style="width:100px; font-size:1.8rem;">
                                🏛️
                            </div>
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=iON+Digital+Zone+iDZ++Borjhar"
                                   class="text-decoration-none text-primary fw-semibold">iON Digital Zone iDZ  Borjhar</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.2/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 e-COM Tower , 3rd and 4th Floor, VIP Road, Opp. St. Claret School,  Borjhar Area, Kahikuchi, Guwahati, Assam 781015<br>
                            🗺️ 15.28 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
    
<div class="alert alert-warning mt-3 mb-0 small text-center" role="alert">
    ⚠️ <strong>Note:</strong> The distance between centers shown above is approximate and may not be fully accurate.
    Please verify using Google Maps or other reliable sources for precise directions.
</div>
<hr class="my-3" />
<div class="location-header reveal mb-4">
<h2 class="section-title mb-0 border-bottom pb-2">
    <i class="bi bi-geo-alt-fill me-2 text-primary"></i>Guwahati City – All Exam Centers on One Map</h2>
</div>
<div id="mapMultiple" style="height: 450px;" class="mb-4 rounded shadow-sm border"></div>
<script>
var mapMultiple = L.map('mapMultiple').setView([26.16766872, 91.73682502], 13);
mapMultiple.scrollWheelZoom.disable();
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '&copy; OpenStreetMap contributors' }).addTo(mapMultiple);
var mainIcon = L.icon({ iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-red.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34] });
L.marker([26.16766872, 91.73682502], {icon: mainIcon}).addTo(mapMultiple).bindPopup("<b>StudyLink Academy</b><br>Main Center");
var blueIcon = L.icon({ iconUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34] });
// SECURITY: json_encode handles all escaping for JS context
var otherCenters = [{"name":"Future Tech Education","lat":26.1404146699999984093665261752903461456298828125,"lng":91.752034699999995837060851044952869415283203125,"id":405},{"name":"Computer Pro","lat":26.13703152000000073940100264735519886016845703125,"lng":91.7534980799999999589999788440763950347900390625,"id":44},{"name":"Antilia Online Exam Centre","lat":26.120533149999999977808329276740550994873046875,"lng":91.7177814500000039288352127186954021453857421875,"id":43},{"name":"iON Digital Zone iDZ  Borjhar","lat":26.09860782999999884168573771603405475616455078125,"lng":91.6045373099999977739571477286517620086669921875,"id":300}];
var bounds = [[26.16766872, 91.73682502]];
otherCenters.forEach(function(c) {
    if(c.lat && c.lng) {
        L.marker([c.lat, c.lng], {icon: blueIcon}).addTo(mapMultiple).bindPopup('<b>' + c.name + '</b><br><a href="CenterDetails.php?center=' + encodeURIComponent(c.name) + '">View Details</a>');
        bounds.push([c.lat, c.lng]);
    }
});
if(bounds.length > 1) { mapMultiple.fitBounds(bounds, {padding: [50, 50]}); }
</script>

<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2">
        <i class="bi bi-geo-alt-fill me-2 text-primary"></i>Write and Read, Real User Experiences</h2>
</div>
    <p class="text-muted">No reviews yet for this center. Be the first to write one!</p>

<hr class="my-4">
<h4 class="fw-semibold mb-3 text-primary">Write a Review</h4><hr class="my-3" />

<form action="" method="POST" class="border rounded p-4 shadow-sm bg-light">
    <input type="hidden" name="center_id" value="42">
    <input type="hidden" name="submit_review" value="1">

    <!-- SECURITY: Honeypot field – hidden from real users, bots fill it -->
    <div style="display:none;" aria-hidden="true">
        <input type="text" name="website" tabindex="-1" autocomplete="off">
    </div>

    <div class="row mb-3">
        <div class="col-md-6">
            <label for="username" class="form-label">Your Name *</label>
            <input type="text" class="form-control" id="username" name="username"
                   maxlength="100" required>
        </div>
        <div class="col-md-6">
            <label for="rating" class="form-label">Rating *</label>
            <select class="form-select" id="rating" name="rating" required>
                <option value="">-- Select Rating --</option>
                                    <option value="5">5 Stars</option>
                                    <option value="4">4 Stars</option>
                                    <option value="3">3 Stars</option>
                                    <option value="2">2 Stars</option>
                                    <option value="1">1 Star</option>
                            </select>
        </div>
    </div>
    <div class="mb-3">
        <label class="form-label">Select Review Type (Optional)</label>
        <select class="form-select mb-2" id="reviewTemplate">
           <option value="">-- Select a Topic --</option>
           <option value="The nearby hotel is ">Nearby Hotel</option>
           <option value="The nearest bus stop is ">Nearest Bus Stop</option>
           <option value="The nearest railway station is ">Nearest Railway Station</option>
           <option value="Parking facility at the center is ">Parking Facility</option>
           <option value="The exam hall condition was ">Exam Hall Condition</option>
           <option value="The staff behavior was ">Staff Behaviour</option>
           <option value="The overall exam experience was ">Overall Experience</option>
        </select>
        <label for="comment" class="form-label">Your Review *</label>
        <textarea class="form-control" id="comment" name="comment"
                  rows="4" maxlength="2000" required></textarea>
    </div>
    <div class="mb-3">
        <label class="form-label">Your Social Profile *</label>
        <div class="input-group">
            <select class="form-select" name="platform">
                <option value="instagram">Instagram</option>
                <option value="twitter">Twitter</option>
                <option value="facebook">Facebook</option>
                <option value="linkedin">LinkedIn</option>
                <option value="telegram">Telegram</option>
            </select>
            <input type="text" class="form-control" name="social_username"
                   placeholder="Username or handle (without @)"
                   maxlength="60" pattern="[a-zA-Z0-9._\-]{1,60}" required>
        </div>
    </div>
    <button type="submit" class="btn btn-primary">Submit Review</button>
</form>
        </div>
<script>
const dropdown = document.getElementById('reviewTemplate');
const textarea = document.getElementById('comment');
dropdown.addEventListener('change', function() {
    if (this.value !== "") { textarea.value = this.value; textarea.focus(); }
});
</script>
        <!-- sidebar.php -->
<div class="col-md-3 d-none d-md-block sidebar">
    <div class="bg-light rounded-4 shadow-sm p-4 mb-4">
        <h5 class="text-primary fw-semibold mb-3">
            <i class="bi bi-people-fill me-2"></i> Contribute to the Community
        </h5>
        <p class="text-secondary mb-3 small">
            Know a hotel or place to stay near this exam center? Share it to help thousands of students.
        </p>
        <a href="https://docs.google.com/forms/d/e/1FAIpQLSdGA1MWf0qLClyDmfYlg4wJJkWgAAID0kGtwiLYIzzwjuuCrQ/viewform" class="btn btn-outline-primary btn-sm rounded-pill px-4 fw-medium">
            Add Hotel or Center
        </a>
    </div>
</div>
    </div>
</div>
</div> <!-- close content-container -->

<footer class="footer">
    <div class="container-fluid">
        &copy; 2026 ExamStay. All rights reserved.
        | <a href="/sitemap.xml" target="_blank" style="color: #0d6efd; text-decoration: none;">Sitemap</a>
        <a href="//www.dmca.com/Protection/Status.aspx?ID=2891b660-7cba-4997-9bb3-c2d08063541a" title="DMCA.com Protection Status" class="dmca-badge">
  <img src="https://images.dmca.com/Badges/dmca-badge-w100-5x1-08.png?ID=2891b660-7cba-4997-9bb3-c2d08063541a" alt="DMCA.com Protection Status" />
</a>
<script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"></script>

    </div>
</footer>

<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>

<!-- Scroll Animation -->
<script>
    function handleScrollAnimation() {
        document.querySelectorAll('.fade-in-up').forEach(function(el) {
            const top = el.getBoundingClientRect().top;
            const windowHeight = window.innerHeight;
            if (top < windowHeight - 50) {
                el.classList.add('appear');
            }
        });
    }

    window.addEventListener('scroll', handleScrollAnimation);
    window.addEventListener('load', handleScrollAnimation);
</script>

</body>
</html>