<div id="apus-mobile-menu" class="apus-offcanvas flex-column flex hidden-lg"> 
        <div class="header-top-offcanvas">
            <div class="container">
                <div class="flex-middle">
                    <?php
                        $logo = voiture_get_config('media-mobile-logo');
                        $logo_url = !empty($logo) ? $logo : '';
                    ?>
                    <?php if( !empty($logo_url) ): ?>
                        <div class="logo">
                            <a href="<?php echo esc_url( home_url( '/' ) ); ?>" >
                                <img src="<?php echo esc_url( $logo_url ); ?>" alt="<?php echo esc_attr(get_bloginfo( 'name' )); ?>">
                            </a>
                        </div>
                    <?php else: ?>
                        <div class="logo logo-theme">
                            <a href="<?php echo esc_url( home_url( '/' ) ); ?>" >
                                <img src="<?php echo esc_url_raw( get_template_directory_uri().'/images/logo.svg'); ?>" alt="<?php echo esc_attr(get_bloginfo( 'name' )); ?>">
                            </a>
                        </div>
                    <?php endif; ?>
                    <div class="ali-right">
                        <a class="btn-toggle-canvas flex-middle" data-toggle="offcanvas">
                            <span class="text-icon"><?php esc_html_e('Close', 'voiture'); ?></span>
                            <i class="ti-close"></i>
                        </a>
                    </div>
                </div>

            </div>
        </div>

        <div class="offcanvas-content">
            <div class="middle-offcanvas">

                <div class="header-offcanvas-action">
                    <?php if ( voiture_is_wp_cardealer_activated() && (voiture_get_config('header_mobile_login', true) || voiture_get_config('header_mobile_add_listing_btn', true)) ) { ?>
                        
                        <div class="header-mobile-bottom flex-middle">
                            <?php if ( voiture_get_config('header_mobile_login', true) ) { ?>

                                <div class="menu-account-wrapper">
                                    <?php if ( is_user_logged_in() ) {
                                        $page_id = wp_cardealer_get_option('user_dashboard_page_id');
                                        $page_id = WP_CarDealer_Mixes::get_lang_post_id($page_id, 'page');

                                        $user_id = get_current_user_id();
                                        $userdata = get_userdata( $user_id );
                                        $user_name = $userdata->display_name;
                                        ?>
                                        <a class="btn-menu-account" href="<?php echo esc_url( get_permalink( $page_id ) ); ?>">
                                            <div class="flex-middle">
                                                <div class="avatar-wrapper">
                                                    <?php echo voiture_get_avatar($user_id, 40); ?>
                                                </div>
                                                <?php echo esc_html($user_name); ?>
                                            </div>
                                        </a>
                                        <?php
                                    } else {
                                        $login_page_id = wp_cardealer_get_option('login_page_id');
                                        $login_page_id = WP_CarDealer_Mixes::get_lang_post_id($login_page_id, 'page');
                                        $register_page_id = wp_cardealer_get_option('register_page_id');
                                        $register_page_id = WP_CarDealer_Mixes::get_lang_post_id($register_page_id, 'page');
                                        ?>
                                        <a class="menu-account login" href="<?php echo esc_url( get_permalink( $login_page_id ) ); ?>"><?php esc_html_e('Login', 'voiture'); ?></a> <span class="space">|</span>
                                        <a class="menu-account register" href="<?php echo esc_url( get_permalink( $register_page_id ) ); ?>"><?php esc_html_e('Register', 'voiture'); ?></a>
                                        <?php
                                    } ?>
                                </div>

                            <?php } ?>

                            <?php if ( voiture_get_config('header_mobile_add_listing_btn', true) ) {
                                $page_id = wp_cardealer_get_option('submit_listing_form_page_id');
                                $page_id = WP_CarDealer_Mixes::get_lang_post_id($page_id, 'page');
                            ?>
                                <div class="submit-job ali-right">
                                    <a class="btn btn-submit btn-white btn-outline radius-50" href="<?php echo esc_url( get_permalink( $page_id ) ); ?>"><?php esc_html_e('+ Add Listing','voiture') ?>?</a>
                                </div>
                            <?php } ?>

                        </div>
                    <?php } ?>
                </div>

                <nav id="menu-main-menu-navbar" class="navbar navbar-offcanvas" role="navigation">
                    <?php
                        $mobile_menu = 'primary';
                        $menus = get_nav_menu_locations();
                        if( !empty($menus['mobile-primary']) && wp_get_nav_menu_items($menus['mobile-primary'])) {
                            $mobile_menu = 'mobile-primary';
                        }
                        $args = array(
                            'theme_location' => $mobile_menu,
                            'container_class' => '',
                            'menu_class' => '',
                            'fallback_cb' => '',
                            'menu_id' => '',
                            'container' => 'div',
                            'container_id' => 'mobile-menu-container',
                            'walker' => new Voiture_Mobile_Menu()
                        );
                        wp_nav_menu($args);

                    ?>
                </nav>
            </div>            
        </div>
        <?php if ( is_active_sidebar( 'header-mobile-bottom' ) ) { ?>
            <div class="header-offcanvas-bottom">
                <?php if ( is_active_sidebar( 'header-mobile-bottom' ) ){ ?>
                    <?php dynamic_sidebar( 'header-mobile-bottom' ); ?>
                <?php } ?>
            </div>
        <?php } ?>
</div>
<div class="over-dark"></div>