<?php
$req = $_SERVER['REQUEST_URI'];
$url = explode('/', $req);
$l = count($url);
$uri = $url[$l - 1];
?>
<!DOCTYPE html>
<html>

<head>
    <?php switch ($uri) {
        case 'index.php':
    ?>
            <title>Govind Technochem - We Provide theBest Services</title>
        <?php
            break;
        case 'about-us.php':
        ?>
            <title>About Govind Technochem - We Provide theBest Services</title>
        <?php
            break;
        case 'our-products.php':
        ?>
            <title>Our Products | Govind Technochem - We Provide theBest Services</title>
        <?php
            break;
        case 'showcase.php':
        ?>
            <title>Gallery | Govind Technochem - We Provide theBest Services</title>
        <?php
            break;
        case 'contact-us.php':
        ?>
            <title>Contact Us | Govind Technochem - We Provide theBest Services</title>
        <?php
            break;
        default:
        ?>
            <title>Govind Technochem - We Provide theBest Services</title>
    <?php
            break;
    } ?>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="author" content="templatesjungle">
    <meta name="keywords" content="website template">
    <meta name="description" content="website template">
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/vendor.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap"
        rel="stylesheet">
</head>

<body>
    <header id="header">
        <nav class="header-top bg-dark pt-2 pb-2 px-xl-5 d-none d-md-flex">
            <div class="container-fluid">
                <div>
                    <ul class="info d-flex flex-wrap justify-content-between align-items-center list-unstyled m-0">
                        <li class="location text-white text-capitalize d-flex align-items-center me-4" style="font-size: 14px;">
                            <a href="contact-us.php#google-map">H-901, Civitech Samptiri, Sector 77, Noida, Uttar Pradesh</a>
                        </li>
                        <li class="phone text-white text-capitalize d-flex align-items-center me-4" style="font-size: 14px;">
                            <a href="tel:9910406649">📞 +91 9910406649</a>
                        </li>
                        <li class="time text-white d-flex align-items-center me-4" style="font-size: 14px;">
                            <a href="mailto:govindtechnochem@gmail.com">📧 govindtechnochem@gmail.com</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <nav id="primary-header" class="navbar navbar-expand-lg px-xl-5">
            <div class="container-fluid">
                <a class="navbar-brand" href="index.php">
                    <img src="assets/images/govind-technochem-logo.png" class="logo" height="80">
                </a>
                <button class="navbar-toggler border-0 d-flex d-lg-none order-3 p-2 shadow-none" type="button"
                    data-bs-toggle="offcanvas" data-bs-target="#bdNavbar" aria-controls="bdNavbar" aria-expanded="false">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                        <path fill="currentColor" d="M3 18v-2h18v2zm0-5v-2h18v2zm0-5V6h18v2z" />
                    </svg>
                </button>
                <div class="header-bottom offcanvas offcanvas-end" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel">
                    <div class="offcanvas-header px-4 pb-0 mt-3">
                        <button type="button" class="btn-close btn-close-black shadow-none" data-bs-dismiss="offcanvas"
                            aria-label="Close" data-bs-target="#bdNavbar"></button>
                    </div>
                    <div class="offcanvas-body align-items-center justify-content-end">
                        <ul class="navbar-nav mb-2 mb-lg-0">
                            <li class="nav-item px-3 py-3 py-lg-0">
                                <a class="nav-link <?= $uri == 'index.php' || $uri == '' ? 'active' : '' ?> p-0" aria-current="page" href="index.php">Home</a>
                            </li>
                            <li class="nav-item px-3 py-3 py-lg-0">
                                <a class="nav-link <?= $uri == 'about-us.php' ? 'active' : '' ?> p-0" href="about-us.php">About Us</a>
                            </li>
                            <li class="nav-item px-3 py-3 py-lg-0">
                                <a class="nav-link <?= $uri == 'our-products.php' ? 'active' : '' ?> p-0" href="our-products.php">Products</a>
                            </li>
                            <li class="nav-item px-3 py-3 py-lg-0">
                                <a class="nav-link <?= $uri == 'showcase.php' ? 'active' : '' ?> p-0" href="showcase.php">Gallery</a>
                            </li>
                            <li class="nav-item px-3 py-3 py-lg-0">
                                <a class="nav-link <?= $uri == 'contact-us.php' ? 'active' : '' ?> p-0" href="contact-us.php">Contact Us</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </header>
