<header class="header-area header-two-area">
    <div class="container header__container">
        <div class="header__main">
            <a href="./" class="logo">
                <img src="imgupload/<?= $logo ?>" alt="<?= $title ?>">
            </a>
            <div class="main-menu">
                <nav>
                    <ul>
                        <?php
                        $cek = $db->query("SELECT * FROM menu WHERE veziyyeti='0' AND kategori='0' AND footer='0' AND lan='{$dilsec["id"]}' ORDER BY sira ASC")->fetchAll(PDO::FETCH_ASSOC);
                        foreach ($cek as $goster) {
                        ?>
                            <li <?php if ($goster["acilir"] == 0) { ?> class="has-dropdown" <?php } ?>>
                                <a href="<?= $goster["url"] ?>" <?php if ($goster["sekme"] == 1) { ?> target="_blank" <?php } ?>><?= $goster["adi"] ?></a>
                                <?php if ($goster["acilir"] == 0) { ?>
                                    <ul class="sub-menu">
                                        <?php
                                        $cek = $db->query("SELECT * FROM menu WHERE veziyyeti='0' AND kategori='{$goster["id"]}' AND lan='{$dilsec["id"]}' ORDER BY sira ASC")->fetchAll(PDO::FETCH_ASSOC);
                                        foreach ($cek as $goster) {
                                        ?>
                                            <li>
                                                <a href="<?= $goster["url"] ?>" <?php if ($goster["sekme"] == 1) { ?> target="_blank" <?php } ?>><?= $goster["adi"] ?></a>
                                            </li>
                                        <?php } ?>
                                    </ul>
                                <?php } ?>
                            </li>
                        <?php
                        }
                        ?>
                        <li class="ml-20 d-none d-lg-block">
                            <a class="search-trigger" href="#0">
                                <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M16.0375 14.9381L12.0784 11.0334C13.0625 9.86621 13.6554 8.36744 13.6554 6.73438C13.6554 3.02103 10.5925 0 6.82774 0C3.0629 0 0 3.02103 0 6.73438C0 10.4475 3.0629 13.4683 6.82774 13.4683C8.4834 13.4683 10.0031 12.8836 11.1865 11.913L15.1456 15.8178C15.2687 15.9393 15.4301 16 15.5915 16C15.7529 16 15.9143 15.9393 16.0375 15.8178C16.2839 15.5748 16.2839 15.181 16.0375 14.9381ZM1.26142 6.73438C1.26142 3.70705 3.75845 1.24414 6.82774 1.24414C9.89695 1.24414 12.3939 3.70705 12.3939 6.73438C12.3939 9.76146 9.89695 12.2241 6.82774 12.2241C3.75845 12.2241 1.26142 9.76146 1.26142 6.73438Z" fill="white" />
                                </svg>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="d-none d-xl-flex gap-4">
                <a href="elaqe" class="btn-one"><?= $lan['header-teklifal'] ?><i
                        class="fa-regular fa-arrow-right-long"></i></a>
                <div class="about-three__left-item d-flex flex-wrap gap-2 align-items-center">
                    <div class="about-call-icon">
                        <span>
                            <svg width="26" height="26" viewBox="0 0 26 26" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <g clip-path="url(#clip0_918_1337)">
                                    <path
                                        d="M5.41667 4.33337H9.75L11.9167 9.75004L9.20833 11.375C10.3685 13.7275 12.2725 15.6315 14.625 16.7917L16.25 14.0834L21.6667 16.25V20.5834C21.6667 21.158 21.4384 21.7091 21.0321 22.1154C20.6257 22.5218 20.0746 22.75 19.5 22.75C15.2742 22.4932 11.2885 20.6987 8.2949 17.7051C5.3013 14.7115 3.5068 10.7258 3.25 6.50004C3.25 5.9254 3.47827 5.3743 3.8846 4.96798C4.29093 4.56165 4.84203 4.33337 5.41667 4.33337Z"
                                        stroke="white" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round"></path>
                                    <path
                                        d="M16.25 7.58337C16.8246 7.58337 17.3757 7.81165 17.7821 8.21798C18.1884 8.6243 18.4167 9.1754 18.4167 9.75004"
                                        stroke="white" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round"></path>
                                    <path
                                        d="M16.25 3.25C17.9739 3.25 19.6272 3.93482 20.8462 5.15381C22.0652 6.37279 22.75 8.02609 22.75 9.75"
                                        stroke="white" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round"></path>
                                </g>
                                <defs>
                                    <clipPath>
                                        <rect width="26" height="26" fill="white"></rect>
                                    </clipPath>
                                </defs>
                            </svg>
                        </span>
                    </div>
                    <div class="info">
                        <span class="sm-font fw-600 text-white"><?= $lan['index-forum-elqe'] ?></span>
                        <h5 class="text-white"><?= $telefon1 ?></h5>
                    </div>
                </div>
            </div>
            <div class="bars d-block d-lg-none">
                <i id="openButton" class="fa-solid fa-bars"></i>
            </div>
        </div>
    </div>
</header>
<!-- Sidebar area start here -->
<div id="targetElement" class="sidebar-area sidebar__hide">
    <div class="sidebar__overlay"></div>
    <a href="index.html" class="logo mb-40">
        <img src="assets/images/logo/logo.svg" alt="logo">
    </a>
    <div class="sidebar__search mb-30">
        <input type="text" placeholder="Search...">
        <i class="fa-regular fa-magnifying-glass"></i>
    </div>
    <div class="mobile-menu overflow-hidden"></div>
    <ul class="info pt-40">
        <li><i class="fa-solid primary-color fa-location-dot"></i> <a href="#0">example@example.com</a>
        </li>
        <li class="py-2"><i class="fa-solid primary-color fa-phone-volume"></i> <a
                href="tel:<?= $telefon1 ?>"><?= $telefon1 ?></a>
        </li>
        <li><i class="fa-solid primary-color fa-paper-plane"></i> <a href="<?= $adres1 ?>"><?= $adres1 ?></a></li>
    </ul>
    <div class="social-icon mt-20">
        <a href="<?= $facebook ?>"><i class="fa-brands fa-facebook-f"></i></a>
        <a href="#0"><i class="fa-brands fa-twitter"></i></a>
        <a href="#0"><i class="fa-brands fa-linkedin-in"></i></a>
        <a href="#0"><i class="fa-brands fa-youtube"></i></a>
    </div>
    <button id="closeButton" class="text-white"><i class="fa-solid fa-xmark"></i></button>
</div>
<!-- Sidebar area end here -->
<!-- Fullscreen search area start here -->
<div class="search-wrap">
    <div class="search-inner">
        <i class="fas fa-times search-close" id="search-close"></i>
        <div class="search-cell">
            <form method="get">
                <div class="search-field-holder">
                    <input type="axtar" class="main-search-input" placeholder="Axtarış etmək üçün mətin yazın.">
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Fullscreen search area end here -->