
<div class="bg-white">
    <div class="container">
        <div class="logo-area">
            <div class="row align-items-center">
                <div class="logo col-lg-3 text-center text-lg-left mb-3 mb-md-5 mb-lg-0">
                    <a class="d-block" href="index.html">
                        <img loading="lazy" style="height: 35%; width: 35%" src="{{ Storage::url($business->logo) }}" alt="{{ $business->name }}">
                    </a>
                </div><!-- logo end -->
                <div class="col-lg-9 header-right">
                    <ul class="top-info-box">
                        <li>
                            <div class="info-box">
                                <div class="info-box-content">
                                    <p class="info-box-title">{{ __('website.call_us') }}</p>
                                    <p class="info-box-subtitle">
                                        <a href="#">{{ $business->phone_number }}</a> 
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="info-box">
                                <div class="info-box-content">
                                    <p class="info-box-title">{{ __('website.Email_Us') }}</p>
                                    <p class="info-box-subtitle">
                                        <a href="#">{{ $business->email }}</a> 
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="last">
                            <div class="info-box last">
                                <div class="info-box-content">
                                    <p class="info-box-title">{{ __('website.whasap_number') }}</p>
                                    <p class="info-box-subtitle">
                                        <a href="#">{{ $business->email }}</a> 
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="header-get-a-quote">
                            <img loading="lazy" src="{{ Storage::url($business->logo_text_light) }}" alt="{{ $business->name }}">
                        </li>
                    </ul><!-- Ul end -->
                </div><!-- header right end -->
            </div><!-- logo area end -->
        </div><!-- Row end -->
    </div><!-- Container end -->
</div>

<div class="site-navigation">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <nav class="navbar navbar-expand-lg navbar-dark p-0">
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <div id="navbar-collapse" class="collapse navbar-collapse">
                        <ul class="nav navbar-nav mr-auto">
                            <li class="nav-item {{Request::path()=='/' ? 'active' : ''}}">
                                <a href="{{ route('web.home') }}" class="nav-link"> {{ __('website.Home') }} </a>
                            </li>
                        
                            <li class="nav-item {{Request::path()=='about-us' || Request::path()=='our-teams' || Request::path()=='users-testimonials' ? 'active' : ''}} dropdown">
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">{{ $business->name }} <i class="fa fa-angle-down"></i></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li class="{{Request::path()=='about-us' ? 'active' : ''}}"><a href="{{ route('web.about-us') }}">{{ __('website.About_Us') }}</a></li>
                                    <li class="{{Request::path()=='our-teams' ? 'active' : ''}}"><a href="{{ route('web.teams') }}">{{ __('website.Our_People') }}</a></li>
                                    <li class="{{Request::path()=='users-testimonials' ? 'active' : ''}}"><a href="{{ route('web.testimonials') }}">{{ __('website.Testimonials') }}</a></li>
                                </ul>
                            </li>
                            @php
                                $businessId = App\Models\Business::pluck('id')->first();
                                $directions = App\Models\Direction::where('business_id', $businessId)->get();
                                $departments = App\Models\Department::where('business_id', $businessId)->get();
                            @endphp
                            @if (count($directions) > 0)
                            <li class="nav-item {{ Request::routeIs('web.directions') || Request::routeIs('web.directions.detail') ? 'active' : '' }} dropdown">
                                <a href="{{ route('web.directions') }}" class="nav-link">{{ __('website.directions') }}</a>
                            </li>
                            @endif
                            @if (count($departments) > 0)
                            <li class="nav-item {{ Request::routeIs('web.departments') || Request::routeIs('web.departments.detail') ? 'active' : '' }} dropdown">
                                <a href="{{ route('web.departments') }}" class="nav-link">{{ __('website.departments') }}</a>
                            </li>
                            @else
                            <li class="nav-item {{ Request::routeIs('web.services') || Request::routeIs('web.services.detail') ? 'active' : '' }} dropdown">
                                <a href="{{ route('web.services') }}" class="nav-link">{{ __('website.services') }}</a>
                            </li>
                            @endif
                            <li class="nav-item {{ Request::routeIs('web.projects') || Request::routeIs('web.projects.detail') ? 'active' : '' }} dropdown">
                                <a href="{{ route('web.projects') }}" class="nav-link"> {{ __('website.Projects') }}</a>
                            </li>
                            @php
                                $businessId = App\Models\Business::pluck('id')->first();
                                $headings = App\Models\Heading::where('business_id', $businessId)->get();
                            @endphp
                            <li class="nav-item dropdown">
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">{{ __('website.headings') }} <i class="fa fa-angle-down"></i></a>
                                <ul class="dropdown-menu" role="menu">
                                    @foreach ($headings as $heading)
                                        @php
                                        $locale = app()->getLocale(); // Récupération de la langue actuelle
                                        $nameHeading = $heading->{'name_' . $locale} ?? $heading->name;
                                        @endphp
                                        <li><a href="{{ route('web.heading.articles', $heading->slug) }}">{{ $nameHeading }}</a></li>
                                    @endforeach
                                </ul>
                            </li>
                        
                          <li class="nav-item dropdown">
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">News <i class="fa fa-angle-down"></i></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="news-left-sidebar.html">News Left Sidebar</a></li>
                                    <li><a href="news-right-sidebar.html">News Right Sidebar</a></li>
                                    <li><a href="news-single.html">News Single</a></li>
                                </ul>
                          </li>
                        
                          <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
                        </ul>
                    </div>
                </nav>
            </div>
            <!--/ Col end -->
        </div>
        <!--/ Row end -->
      
        <div class="nav-search">
          <span id="search"><i class="fa fa-search"></i></span>
        </div><!-- Search end -->
      
        <div class="search-block" style="display: none;">
          <label for="search-field" class="w-100 mb-0">
            <input type="text" class="form-control" id="search-field" placeholder="Type what you want and enter">
          </label>
          <span class="search-close">&times;</span>
        </div><!-- Site search end -->
    </div>
    <!--/ Container end -->
  
</div>
<!--/ Navigation end -->