<?php

$class  = siaracorporatebusiness_get_sticky_menu();
?>
<div class="site-header-row-wrapper siaracorporatebusiness-primary-bar-row<?php echo esc_attr( $class ); ?>"> 
	<div class="primary-bar-row-wrapper">
		<div class="topbar-wrapper">
			<?php 
				$header_phone_number  = get_theme_mod(
					'header_phone_number',
					__( '+123-456-789', 'siara-digital-solutions' )
				);

				$header_mail_text  = get_theme_mod(
					'header_mail_text',
					__( 'Rohan.Mehra@Example.Com', 'siara-digital-solutions' )
				);

				$header_time_text  = get_theme_mod(
					'header_time_text',
					__( 'Mon–Sat, 10Am–7Pm', 'siara-digital-solutions' )
				);

				$header_socialicon_fb_link  = get_theme_mod( 'header_socialicon_fb_link', '#' );
				$header_socialicon_insta_link  = get_theme_mod( 'header_socialicon_insta_link', '#' );
				$header_socialicon_telegram_link  = get_theme_mod( 'header_socialicon_telegram_link', '#' );
				$header_socialicon_twitter_link  = get_theme_mod( 'header_socialicon_twitter_link', '#' );

				$header_button_text  = get_theme_mod(
					'header_button_text',
					__( 'Get Started', 'siara-digital-solutions' )
				);

				$header_button_link  = get_theme_mod( 'header_button_link', '#' );
			?>
			
			
			<div class="mid-header">
				<div class="uf-wrapper pd-0">
					<!-- Simple Top Bar - Contact Info Left, Social Icons Right -->
					<div class="topbar-simple-row">
						
						<!-- <div class="topbar-container"> -->
							<!-- Left Section - Mobile, Email, and Time -->
							<div class="topbar-left-section">
								<div class="contact-info">
									<!-- Mobile Contact -->
									<div class="contact-item">
										<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 256 256">
											<path d="M176,16H80A24,24,0,0,0,56,40V216a24,24,0,0,0,24,24h96a24,24,0,0,0,24-24V40A24,24,0,0,0,176,16ZM80,32h96a8,8,0,0,1,8,8v8H72V40A8,8,0,0,1,80,32Zm96,192H80a8,8,0,0,1-8-8v-8H184v8A8,8,0,0,1,176,224Z"/>
										</svg>
										<a href="tel:<?php echo esc_html( $header_phone_number ); ?>">
											<span class="tooltiptext"><?php echo esc_html( $header_phone_number ); ?></span>
										</a>
									</div>
									
									<!-- Email Contact -->
									<div class="contact-item">
										<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 256 256">
											<path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM98.71,128,40,181.81V74.19Zm11.84,10.85,12,11.05a8,8,0,0,0,10.82,0l12-11.05,58,53.15H52.57ZM157.29,128,216,74.18V181.82Z"/>
										</svg>
										<a href="mailto:<?php echo esc_html( $header_mail_text ); ?>">
											<span class="tooltiptext"><?php echo esc_html( $header_mail_text ); ?></span>
										</a>
									</div>

									<!-- Timing -->
									<div class="contact-item">
										<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" viewBox="0 0 256 256">
											<path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm56,112H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48a8,8,0,0,1,0,16Z"/>
										</svg>
										<span class="tooltiptext"><?php echo esc_html( $header_time_text ); ?></span>
									</div>
								</div>
							</div>
							
							<!-- Right Section - Social Icons -->
							<div class="topbar-right-section">
								<div class="social-icons">
									<a href="<?php echo esc_url( $header_socialicon_telegram_link ); ?>">
										<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin w-3.5 h-3.5"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg>
									</a>
									<a href="<?php echo esc_url( $header_socialicon_fb_link ); ?>">
										<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook w-3.5 h-3.5"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
									</a>
									<a href="<?php echo esc_url( $header_socialicon_insta_link ); ?>">
										<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24"  viewBox="0 0 24 24"  fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"  stroke-linejoin="round" class="lucide lucide-twitter w-3.5 h-3.5"> <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53  4.48 4.48 0 0 0-7.86 3v1  A10.66 10.66 0 0 1 3 4s-4 9  5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83z"/></svg>
									</a>
									<a href="<?php echo esc_url( $header_socialicon_twitter_link ); ?>">
										<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram w-3.5 h-3.5"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg>
									</a>
									
								</div>
							</div>
						<!-- </div> -->
					</div>

				</div>
			</div>
		</div>
		<div class=" navigation-bar">
			<div class="uf-wrapper">
				<div class="bg-white">

					<div class="nav-co">
						<div class="row m-0 pd-0">
							<!-- Logo Section -->
							<div class="logobx">
								<div class="nav-logo">
									<?php get_template_part( 'template-parts/header/site-branding' );?>
								</div>
							</div>
						
							<!-- Center Menu Section -->
							<div class="navbx">
								<div class="nav-menu-center">
									<?php
										siaracorporatebusiness_primary_bar_offcanvas();
										siaracorporatebusiness_primary_bar_menu();
									?>
								</div>
							</div>

							<div class="nav-right-section">
								<!-- Search Field (Always Visible) -->
								<div class="nav-search">
									<div class="search-form-container" id="searchForm">
										<?php
										get_search_form(
											array(
												'aria_label' => __( 'Search for:', 'siara-digital-solutions' ),
											)
										);
										?>
									</div>
								</div>
							</div>
														
							<div class="btnbx"> 
								<div class="nav-cta">
									<a href="<?php echo esc_url( $header_button_link ); ?>">
									<?php echo esc_html( $header_button_text ); ?>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>