@php
$darkLogo = $globalSettings['ADMIN_LOGO_DARK'];
$whiteLogo = $globalSettings['ADMIN_LOGO_LIGHT'];
$isMainPage = isset($page) && $page ? $page->is_main_page : false;
$currentLanguage = isset($currentLanguage) ? strtoupper($currentLanguage) : 'TR';
$breadcrumbType = $page->breadcrumb_type ?? 'with_image';
$rawHeaderImage = $page->header_image ?? '../images/site/sertifikalar-head.jpg';
$isMainPage = isset($page) && isset($page->is_main_page) && $page->is_main_page;
$noBreadcrumb = !$isMainPage && ($breadcrumbType === 'without_image' || $breadcrumbType === 'none');

// Navbar tema rengi: önce view'dan gelen $navbarColor varsa onu kullan,
// yoksa sayfaya tanımlı page_navbar_color, o da yoksa 'white'.
$navbarThemeColor = $navbarColor
    ?? ((isset($page) && isset($page->page_navbar_color)) ? $page->page_navbar_color : null)
    ?? 'white';

// Arama ikonu rengi navbar temasına göre ayarlanır.
$searchIconColor = $navbarThemeColor === 'dark' ? 'text-dark' : 'text-white';
@endphp
<!-- start header -->
<header class="header-with-topbar">
  <!-- start header top bar -->
  <div
    class="header-top-bar top-bar-light bg-white disable-fixed border-bottom border-color-transparent-dark-very-light">
    <div class="container-fluid">
      <div class="row h-45px align-items-center m-0">
        <div class="col-lg-7 col-md-8 text-center text-md-start">
          <div class="fs-13 text-dark-gray alt-font fw-600">{{ $translations['header.shop_text'] ?? '' }}
            <a href="https://shop.gasell.com/" target="_blank" rel="noopener noreferrer"
              class="text-dark-gray fw-700 text-decoration-line-bottom">Shop.Gasell</a>
          </div>
        </div>
        <div class="col-lg-5 col-md-4 text-end d-none d-md-flex">
          <a href="#" class="widget fs-13 text-dark-gray fw-600 me-25px md-me-15px text-dark-gray">
            <i class="feather icon-feather-phone-call"></i>{{ $globalSettings['CONTACT_PHONE'] }}</a>
          <a href="#" class="widget fs-13 text-dark-gray alt-font me-25px fw-600 d-none d-lg-inline-block">
            <i class="feather icon-feather-map-pin"></i>{{ $translations['header.store_text'] ?? '' }} </a>
          <div class="header-language-icon widget fs-13 alt-font fw-600">
            <div class="header-language dropdown">
              <a href="javascript:void(0);" class="text-dark-gray">
                <i class="feather icon-feather-globe"></i>{{ $currentLanguage }} </a>
              <ul class="language-dropdown alt-font">
                @if(isset($languages) && $languages->count() > 0)
                @foreach($languages->where('is_active', 1)->where('code', '!=', strtolower($currentLanguage))->sortBy(['order', 'name']) as $language)
                <a href="{{ url('/set-locale/' . $language->code) }}" title="{{ $language->name }}">
                  <span class="icon-country">
                    {{ $language->name }}
                  </span>
                </a>
                @endforeach
                @endif

              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- end header top bar -->
  <!-- start navigation -->
  <nav class="navbar navbar-expand-lg header-light {{ $navbarThemeColor === 'dark' ? 'navbar-dark' : 'navbar-light' }} bg-transparent disable-fixed" data-header-hover="light">
    <div class="container-fluid">
      <div class="col-auto">
        <a class="navbar-brand" href="/">
          <img src="{{ asset($darkLogo) }}" width="150" height="28" alt="gasell logo" class="colored-logo">
          <img src="{{ asset($whiteLogo) }}" width="150" height="28" alt="gasell logo" class="white-logo">
        </a>
      </div>
      <div class="col-auto menu-order position-static xs-ps-0">
        <button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
          aria-controls="navbarNav" aria-label="Toggle navigation">
          <span class="navbar-toggler-line"></span>
          <span class="navbar-toggler-line"></span>
          <span class="navbar-toggler-line"></span>
          <span class="navbar-toggler-line"></span>
        </button>
        <div class="collapse navbar-collapse justify-content-center" id="navbarNav">
          <ul class="navbar-nav alt-font">
            @if(isset($menus) && $menus->count() > 0)
            @foreach($menus as $parentMenu)
            @php
            $menuType = getMenuType($parentMenu);
            @endphp

            @if($menuType == 'sadece-link')
            {{-- Sadece Link Tipi --}}
            <li class="nav-item sadece-link">
              @if($parentMenu->is_external && $parentMenu->url)
              <a href="{{ $parentMenu->url }}" target="_blank"
                class="nav-link text-white">{{ $parentMenu->name }}</a>
              @elseif($parentMenu->page)
              <a href="{{ route('menu', $parentMenu->slug) }}"
                class="nav-link text-white">{{ $parentMenu->name }}</a>
              @else
              <a href="{{ route('menu', $parentMenu->slug) }}"
                class="nav-link text-white">{{ $parentMenu->name }}</a>
              @endif
            </li>

            @elseif($menuType == 'baslik-ve-list')
            {{-- Başlık ve Liste Tipi --}}
            <li class="nav-item dropdown submenu baslik-ve-list">
              @if($parentMenu->is_external && $parentMenu->url)
              <a href="{{ $parentMenu->url }}" target="_blank"
                class="nav-link text-white">{{ $parentMenu->name }}</a>
              @elseif($parentMenu->page)
              <a href="{{ route('menu', $parentMenu->slug) }}"
                class="nav-link text-white">{{ $parentMenu->name }}</a>
              @else
              <a href="{{ route('menu', $parentMenu->slug) }}"
                class="nav-link text-white">{{ $parentMenu->name }}</a>
              @endif
              <i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink{{ $parentMenu->id }}"
                role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
              <div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink{{ $parentMenu->id }}">
                <div class="d-lg-flex mega-menu m-auto flex-column">
                  <div class="row row-cols-2 row-cols-lg-6 row-cols-sm-3 md-pt-15px mb-60px md-mb-30px sm-mb-0">
                    @foreach($parentMenu->children as $childMenu)
                    <div class="col md-mb-30px">
                      @if($childMenu->children && $childMenu->children->count() > 0)
                      {{-- 2. seviye menü - menu-title olarak göster --}}
                      <h3 class="fw-600 fs-16 menu-title">{{ $childMenu->name }}</h3>
                      <ul class="menu-list">
                        @foreach($childMenu->children as $grandChildMenu)
                        {{-- 3. seviye menü - menu-list olarak göster --}}
                        <li>
                          @if($grandChildMenu->is_external && $grandChildMenu->url)
                          <a href="{{ $grandChildMenu->url }}" target="_blank">
                            <span>{{ $grandChildMenu->name }}</span>
                          </a>
                          @elseif($grandChildMenu->page)
                          <a href="{{ route('menu', $grandChildMenu->slug) }}">
                            <span>{{ $grandChildMenu->name }}</span>
                          </a>
                          @else
                          <a href="{{ route('menu', $grandChildMenu->slug) }}">
                            <span>{{ $grandChildMenu->name }}</span>
                          </a>
                          @endif
                        </li>
                        @endforeach
                      </ul>
                      @else
                      {{-- 2. seviye menü - alt menüsü yoksa direkt link --}}
                      <h3 class="fw-600 fs-16 menu-title">
                        @if($childMenu->is_external && $childMenu->url)
                        <a href="{{ $childMenu->url }}" target="_blank"
                          class=>{{ $childMenu->name }}</a>
                        @elseif($childMenu->page)
                        <a href="{{ route('menu', $childMenu->slug) }}"
                          class=>{{ $childMenu->name }}</a>
                        @else
                        <a href="{{ route('menu', $childMenu->slug) }}"
                          class=>{{ $childMenu->name }}</a>
                        @endif
                      </h3>
                      @endif
                    </div>
                    @endforeach
                  </div>
                </div>
              </div>
            </li>

            @elseif($menuType == 'gorsel-ve-baslik')
            {{-- Görsel ve Başlık Tipi --}}
            <li class="nav-item dropdown submenu gorsel-ve-baslik">
              @if($parentMenu->is_external && $parentMenu->url)
              <a href="{{ $parentMenu->url }}" target="_blank"
                class="nav-link text-white">{{ $parentMenu->name }}</a>
              @elseif($parentMenu->page)
              <a href="{{ route('menu', $parentMenu->slug) }}"
                class="nav-link text-white">{{ $parentMenu->name }}</a>
              @else
              <a href="{{ route('menu', $parentMenu->slug) }}"
                class="nav-link text-white">{{ $parentMenu->name }}</a>
              @endif
              <i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink{{ $parentMenu->id }}"
                role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
              <div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink{{ $parentMenu->id }}">
                <div class="d-lg-flex mega-menu m-auto flex-column">
                  <div
                    class="row row-cols-2 row-cols-lg-4 row-cols-sm-2 md-pt-15px align-items-center justify-content-center mb-60px md-mb-30px sm-mb-0">
                    @foreach($parentMenu->children as $childMenu)
                    <div class="col-lg-2 flex-column md-mb-30px">
                      @if($childMenu->has_image && $childMenu->image)
                      {{-- Görseli olan 2. seviye menü --}}
                      @if($childMenu->is_external && $childMenu->url)
                      <a href="{{ $childMenu->url }}" target="_blank" class="text-center">
                        <img src="{{ asset($childMenu->image) }}" alt="{{ $childMenu->name }}" />
                      </a>
                      <a href="{{ $childMenu->url }}" target="_blank"
                        class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
                        <span>
                          <span class="btn-text text-dark-gray fs-16">{{ $childMenu->name }}</span>
                        </span>
                      </a>
                      @elseif($childMenu->page)
                      <a href="{{ route('menu', $childMenu->slug) }}" class="text-center">
                        <img src="{{ asset($childMenu->image) }}" alt="{{ $childMenu->name }}" />
                      </a>
                      <a href="{{ route('menu', $childMenu->slug) }}"
                        class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
                        <span>
                          <span class="btn-text text-dark-gray fs-16">{{ $childMenu->name }}</span>
                        </span>
                      </a>
                      @else
                      <a href="{{ route('menu', $childMenu->slug) }}" class="text-center">
                        <img src="{{ asset($childMenu->image) }}" alt="{{ $childMenu->name }}" />
                      </a>
                      <a href="{{ route('menu', $childMenu->slug) }}"
                        class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
                        <span>
                          <span class="btn-text text-dark-gray fs-16">{{ $childMenu->name }}</span>
                        </span>
                      </a>
                      @endif
                      @else
                      {{-- Görseli olmayan 2. seviye menü - sadece başlık --}}
                      <h3 class="fw-600 fs-16 menu-title text-center">
                        @if($childMenu->is_external && $childMenu->url)
                        <a href="{{ $childMenu->url }}" target="_blank"
                          class="text-dark ">{{ $childMenu->name }}</a>
                        @elseif($childMenu->page)
                        <a href="{{ route('menu', $childMenu->slug) }}"
                          class="text-dark ">{{ $childMenu->name }}</a>
                        @else
                        <a href="{{ route('menu', $childMenu->slug) }}"
                          class="text-dark ">{{ $childMenu->name }}</a>
                        @endif
                      </h3>
                      @endif
                    </div>
                    @endforeach
                  </div>
                </div>
              </div>
            </li>
            @endif
            @endforeach
            @endif
          </ul>
        </div>
      </div>
      <div class="col-auto ms-auto">
        <div class="header-icon">
          <div class="header-search-icon icon">
            <a href="javascript:void(0)" class="search-form-icon header-search-form">
              <i class="feather icon-feather-search {{ $searchIconColor }}"></i>
            </a>
            <div class="search-form-wrapper">
              <button title="Close" type="button" class="search-close alt-font">×</button>
              <form id="search-form" role="search" method="get" class="search-form bg-white" action="{{ route('search') }}">
                <div class="search-form-box">
                  <h2 class=" text-center mb-7 alt-font fw-700 ls-minus-1px">{{ $translations['search.title'] ?? '' }}</h2>
                  <input class="search-input alt-font" id="search-form-input5e219ef164995" name="q" value="{{ request('q') }}" placeholder="{{ $translations['search.placeholder'] ?? '' }}" type="text" autocomplete="off">
                  <button type="submit" class="search-button">
                    <i class="feather icon-feather-search" aria-hidden="true"></i>
                  </button>
                </div>
              </form>
            </div>
          </div>

          <div class="widget-text ms-25px md-ms-20px alt-font">
            <a href="#" class="fs-17 fw-600">
              <i class="feather icon-feather-user d-inline-block d-xl-none"></i>
              <span class="d-none d-xl-inline-block">Shop.Gasell.com</span>
            </a>
          </div>
        </div>
      </div>
    </div>
  </nav>
</header>
<!-- end header -->