{{-- Header específico para demo-construction - DINÁMICO CON ESTRUCTURA DEL DEMO --}}
<header id="header" class="header-transparent header-semi-transparent header-semi-transparent-light" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyStartAt': 1, 'stickySetTop': '1'}">
	<div class="header-body border-0">
		<div class="header-container container">
			<div class="header-row">
				<div class="header-column">
					<div class="header-row">
						<div class="header-logo custom-header-logo">
							<a href="{{ route('front.homepage') }}">
								<img class="logo" alt="{{ config('site.assets.main_logo_alt') }}" width="123" src="{{ asset(config('site.assets.footer_logo')) }}">
								<img class="logo-sticky" alt="{{ config('site.assets.main_logo_alt') }}" width="123" src="{{ asset(config('site.assets.main_logo')) }}">
							</a>
						</div>
					</div>
				</div>
				<div class="header-column justify-content-end">
					<div class="header-row">
						<div class="header-nav header-nav-links order-3 order-lg-1">
							<div class="header-nav-main header-nav-main-square header-nav-main-text-capitalize header-nav-main-effect-1 header-nav-main-sub-effect-1">
								<nav class="collapse px-3-5">
									<ul class="nav nav-pills" id="mainNav">
										@php
											$navigation = get_dynamic_navigation('header');
										@endphp
										@foreach($navigation as $key => $item)
											@if($item['active'])
												@if(isset($item['dropdown']) && $item['dropdown'])
													<li class="dropdown {{ request()->is(str_replace(url('/'), '', $item['url']) . '*') ? 'active' : '' }}">
														<a class="nav-link dropdown-toggle {{ request()->is(str_replace(url('/'), '', $item['url']) . '*') ? 'active' : '' }}" href="{{ $item['url'] }}">
															{{ $item['title'] }}
														</a>
														<ul class="dropdown-menu">
															@php
																$hasProjectCategories = ($key === 'projects' && is_module_active('projects') && isset($projectCategories) && $projectCategories && $projectCategories->count() > 0);
																$hasServiceCategories = ($key === 'services' && is_module_active('services') && isset($serviceCategories) && $serviceCategories && $serviceCategories->count() > 0);
															@endphp
															@if($hasProjectCategories)
																@foreach($projectCategories as $category)
																	<li>
																		<a class="dropdown-item" href="{{ route('frontend.projects.category', $category->slug) }}">
																			{{ $category->name }}
																		</a>
																	</li>
																@endforeach
																<li class="d-none d-md-block"><hr class="dropdown-divider"></li>
															@endif
															@if($hasServiceCategories)
																@foreach($serviceCategories as $category)
																	<li>
																		<a class="dropdown-item" href="{{ $item['url'] }}?category={{ $category->slug }}">
																			@if($category->icon)
																				<i class="{{ $category->icon }} me-2 d-none d-md-inline-block"></i>
																			@endif
																			{{ $category->name }}
																		</a>
																	</li>
																@endforeach
																<li class="d-none d-md-block"><hr class="dropdown-divider"></li>
															@endif
															<li class="d-none d-md-block"><a class="dropdown-item" href="{{ $item['url'] }}">{{ __('Ver Todos') }}</a></li>
														</ul>
													</li>
												@else
													<li class="{{ request()->is(str_replace(url('/'), '', $item['url']) . '*') ? 'active' : '' }}">
														<a class="nav-link {{ request()->is(str_replace(url('/'), '', $item['url']) . '*') ? 'active' : '' }}" href="{{ $item['url'] }}">
															{{ $item['title'] }}
														</a>
													</li>
												@endif
											@endif
										@endforeach
									</ul>
								</nav>
							</div>
							<button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
								<i class="fas fa-bars"></i>
							</button>
						</div>
						<div class="header-nav-features header-nav-features-no-border header-nav-features-lg-show-border d-none d-sm-flex ms-3 order-1 order-lg-2">
							<ul class="header-social-icons social-icons d-none d-sm-block social-icons-clean social-icons-medium ms-0">
								@foreach(config('site.social_media') as $key => $social)
									@if($social['active'])
										<li class="social-icons-{{ $key }}">
											<a href="{{ $social['url'] }}" target="_blank" title="{{ $social['title'] }}">
												<i class="{{ $social['icon'] }}"></i>
											</a>
										</li>
									@endif
								@endforeach
							</ul>
						</div>
						{{-- <div class="header-nav-features header-nav-features-no-border header-nav-features-sm-show-border ms-3 ps-4 order-2 order-lg-3">
							<div class="header-nav-feature header-nav-features-search d-inline-flex">
								<a href="#" class="header-nav-features-toggle text-decoration-none" data-focus="headerSearch" aria-label="Search">
									<i class="icons icon-magnifier header-nav-top-icon text-3-5 text-color-dark text-color-hover-primary font-weight-semibold top-3"></i>
								</a>
								<div class="header-nav-features-dropdown header-nav-features-dropdown-mobile-fixed border-radius-0" id="headerSearchDropdown">
									<form role="search" action="{{ route('frontend.news.search') }}" method="get">
										<div class="simple-search input-group">
											<input class="form-control text-1" id="headerSearch" name="q" type="search" value="" placeholder="Search...">
											<button class="btn" type="submit" aria-label="Search">
												<i class="icons icon-magnifier header-nav-top-icon text-color-dark text-color-hover-primary top-2"></i>
											</button>
										</div>
									</form>
								</div>
							</div>
						</div> --}}
					</div>
				</div>
			</div>
		</div>
	</div>
</header>