<?php
/**
* Template part for displaying header layout one
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package arsha
*/
$header_topbar_switch = get_theme_mod( 'header_topbar_switch', true );
// button
$header_top_button_switch = get_theme_mod( 'header_top_button_switch', true );
$header_button_text = get_theme_mod( 'header_button_text', __( 'Let’s Talk', 'arsha' ) );
$header_button_link = get_theme_mod( 'header_button_link', __( '#', 'arsha' ) );
// header right
$arsha_header_right = get_theme_mod( 'header_right_switch', false );
$arsha_header_menu_col = $arsha_header_right ? 'col-xl-7 d-none d-xl-block' : 'col-xl-10 d-none d-xl-block';
$arsha_menu_position = $arsha_header_right ? 'text-center' : 'text-end ';
// header search btn
$header_search_switch = get_theme_mod( 'header_search_switch', true );
?>
<header class="mtheader__area mt-transparent-header p-relative">
<div id="mt-header-sticky" class="mtheader">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-4 col-6">
<div class="mtheader__logo">
<?php arsha_header_logo(); ?>
</div>
</div>
<div class="<?php echo esc_attr($arsha_header_menu_col); ?> ">
<div class="mtheader__menu <?php echo esc_attr($arsha_menu_position); ?>">
<nav class="mt-mobile-menu-active">
<?php arsha_header_menu(); ?>
</nav>
</div>
</div>
<?php if(!empty($arsha_header_right)) : ?>
<div class="col-xl-3 col-lg-8 col-6">
<div class="mtheader__right d-flex align-items-center justify-content-end">
<?php if($header_search_switch) : ?>
<div class="mtheader__search mr-15">
<button class="mtsearch mt-search-toggle"><i
class="fa-regular fa-magnifying-glass"></i></button>
<span></span>
</div>
<?php endif;?>
<?php if(!empty($header_top_button_switch)) : ?>
<?php if($header_button_text) : ?>
<div class="mtheader__btn-wrap d-none d-md-block mr-15">
<a href="<?php echo esc_url($header_button_link); ?>" class="mt-btn-wrap">
<span class="mt-btn"><?php echo esc_html($header_button_text); ?></span>
<span class="mt-btn mt-btn-icon"><i class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
<?php endif;?>
<?php endif;?>
<div class="mtheader__right-bar mt-10 mb-10 d-block d-xl-none">
<button class="mt-offcanvas-toogle"><i class="fa-light fa-bars-staggered"></i></button>
</div>
</div>
</div>
<?php endif;?>
<?php if(empty($arsha_header_right)) : ?>
<div class="col-xl-3 col-lg-8 col-6">
<div class="mtheader__right d-flex align-items-center justify-content-end">
<div class="mtheader__right-bar mt-10 mb-10 d-xl-none">
<button class="mt-offcanvas-toogle"><i class="fa-light fa-bars-staggered"></i></button>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
</header>
<!-- header area end -->
<?php get_template_part( 'template-parts/header/header-side-info' ); ?>