


<header class="header" dir="rtl">
<div class="primary-header">
<div class="container">
<div class="primary-header-inner">
<div class="header-logo">
<a href="#"><img src="img/logo-dark.png" alt="ABRAR AL SHARQ"></a>
</div>
<style>
.lang-select{
display:inline-block;
}

.lang-select select{
padding:6px 12px;
border:1px solid #ff7a00;
border-radius:4px;
font-size:14px;
cursor:pointer;
background:#fff7f0;
color:#333;
outline:none;
transition:0.3s;
accent-color:#ffb366; /* لون الاختيار */
}

.lang-select select:hover{
border-color:#ffb366;
background:#fff0e6;
}

.lang-select select:focus{
border-color:#ffb366;
box-shadow:0 0 4px rgba(255,122,0,0.4);
}
</style>
<div class="header-menu-wrap">
<ul class="dl-menu">

<li><a href="index.php">الصفحى الرئيسية</a></li>

<li><a href="#">من تحن</a>
<ul>
<li><a href="about-us.php">معلومات عنا</a></li>
<li><a href="about-company.php">عن الشركة</a></li>
</ul>
</li>

<li><a href="services-1.php">الخدمات</a></li>

<li><a href="#">الصفحات</a>
<ul>
<li><a href="projects.php">مشاريعنا</a></li>
<li><a href="project-single.php">مشاريع رئيسية</a></li>
<li><a href="team.php">الفريق</a></li>

</ul>
</li>

<!-- <li><a href="blog-classic.php">Blog</a></li> -->
<!--<li><a href="contact.php">Contact us</a></li>-->
<li>
<div class="lang-select">
  <div class="lang-select">
    <select id="langSwitcher">
      <option value="en">English</option>
      <option value="ar">العربية</option>
    </select>
  </div>
</div>

</li>


</ul>
</div>

<div class="header-right">
<a class="menu-btn" href="contact.php">اتصل بنا</a>

<div class="mobile-menu-icon">
<div class="burger-menu">
<div class="line-menu line-half first-line"></div>
<div class="line-menu"></div>
<div class="line-menu line-half last-line"></div>
</div>
</div>

</div>
</div>
</div>
</div>
</header>


<script>
document.addEventListener("DOMContentLoaded", function() {
  const select = document.getElementById("langSwitcher");

  // تعيين اللغة الحالية من المسار
  if(window.location.pathname.includes("/ar/")) {
    select.value = "ar";
  } else {
    select.value = "en";
  }

  // حدث عند تغيير اللغة
  select.addEventListener("change", function() {
    let lang = this.value;

    // المسار الحالي
    let path = window.location.pathname;

    // تقسيم المسار لأجزاء
    let parts = path.split('/').filter(p => p !== "");

    // اسم الصفحة الحالي
    let page = parts.pop() || "index.php";

    // إزالة أي مجلد لغة موجود مسبقًا
    parts = parts.filter(p => p !== "ar");

    // إذا العربية، نضيف مجلد ar قبل الصفحة
    if(lang === "ar") {
      parts.push("ar");
    }

    // بناء المسار النهائي
    let newPath = "/" + parts.join('/') + "/" + page;

    // تحويل المتصفح
    window.location.href = newPath;
  });
});
</script>
