<?php
/**
 * Name:  Header mobile style 01
 **/
?>
<div class="header-mobile-wrap">
    <div class="header-position">
        <div class="container">
            <div class="header-mobile">
                <div class="header-mobile-left">
                    <div class="header-logo">
						<?php Draly_Dropshipping_Starter_Helper::get_logo(); ?>
                    </div>
                </div>
                <div class="header-mobile-right">
					<?php get_template_part( 'template-parts/header', 'search-dropdown' ); ?>
                    <div class="meta-woo">
						<?php
						get_template_part( 'template-parts/header', 'user' );
						do_action( 'draly_dropshipping_starter_header_mini_cart' );
						?>
                    </div>
					<?php if ( has_nav_menu( 'primary' ) || has_nav_menu( 'vertical_menu' ) || function_exists( 'pll_current_language' ) || class_exists( 'WOOMULTI_CURRENCY_F' ) || defined( 'YITH_WCWL' ) || ! empty( Draly_Dropshipping_Starter_Helper::get_option( 'enable_contact' ) ) ) { ?>
                        <div class="block-menu-bar">
                            <a href="#header-mobile-menu" class="menu-bar mobile-menu-toggle">
                                <svg width="30" height="30" viewBox="0 0 30 30" fill="none"
                                     xmlns="http://www.w3.org/2000/svg">
                                    <rect x="4" y="6" width="23" height="1.22222" rx="0.611111"
                                          fill="currentColor"/>
                                    <rect x="4" y="14.8887" width="23" height="1.22222" rx="0.611111"
                                          fill="currentColor"/>
                                    <rect x="4" y="23.7778" width="23" height="1.22222" rx="0.611111"
                                          fill="currentColor"/>
                                </svg>
                            </a>
                        </div>
					<?php } ?>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="header-mobile-menu" class="header-mobile-menu">
    <div class="mobile-menu-overlay mobile-menu-toggle"></div>
    <div class="mobile-sidebar-content">
        <div class="sidebar-content">
            <div class="tab-mobile-menu">
				<?php if ( has_nav_menu( 'primary' ) ) { ?>
                    <a href="#" class="main-menu-tab active">
                        <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect x="4" y="6" width="23" height="1.22222" rx="0.611111" fill="currentColor"></rect>
                            <rect x="4" y="14.8887" width="23" height="1.22222" rx="0.611111"
                                  fill="currentColor"></rect>
                            <rect x="4" y="23.7778" width="23" height="1.22222" rx="0.611111"
                                  fill="currentColor"></rect>
                        </svg>
                    </a>
				<?php } ?>
				<?php
				if ( has_nav_menu( 'vertical_menu' ) ) {
					$vertical_title = esc_html__( 'CATEGORIES', 'draly-dropshipping-starter' ) ?>
                    <a href="#" class="vertical-menu-tab">
						<?php echo esc_html( $vertical_title ); ?>
                    </a>
				<?php } ?>
                <a href="#" class="mobile-menu-close mobile-menu-toggle">
                    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M1 1L17 17M1 17L17 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                              stroke-linejoin="round"/>
                    </svg>
                </a>
            </div>
            <div class="mobile-menu-wrapper active" id="main-menu-tab">
                <h6 class="mobile-menu-title">
                    <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M0.654297 0L7 6L0.654297 12L0 11.3818L5.69141 6L0 0.619141L0.654297 0Z"
                              fill="currentColor"/>
                    </svg>
                    <span></span></h6>
                <div class="mobile-menu-inner" id="main-mobile-menu"></div>
            </div>
            <div class="mobile-menu-wrapper" id="vertical-menu-tab">
                <h6 class="mobile-menu-title">
                    <svg width="7" height="12" viewBox="0 0 7 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M0.654297 0L7 6L0.654297 12L0 11.3818L5.69141 6L0 0.619141L0.654297 0Z"
                              fill="currentColor"/>
                    </svg>
                    <span></span></h6>
                <div class="mobile-menu-inner" id="vertical-mobile-menu"></div>
            </div>
            <div class="header-group-button">
                <div class="meta-bottom">
                    <div class="meta-bottom-right">
						<?php do_action( 'draly_dropshipping_starter_header_wishlist' ); ?>
                    </div>
                </div>
				<?php get_template_part( 'template-parts/header', 'contact' ); ?>
            </div>
        </div>
    </div>
</div>
