<div id="mobile_offcanvas_menu" class="rt-slidepanel is-slidepanel-left rt-offcanvas-menu">

    <div class="rt-slidepanel__overlay js-slidepanel-close">
        <a class="rt-slidepanel__close" role="button" arial-label="<?php echo __('Close menu', 'jelajah-text') ?>">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z"></path>
                <path fill-rule="evenodd" d="M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z"></path>
            </svg>
        </a>
    </div>

    <div class="rt-slidepanel__inner">

        <div class="rt-slidepanel__wrapper">
            <div class="rt-slidepanel__body px-0">
                <div class="rt-slidepanel__element">
                    <div class="rt-search-form">
                        <form class="rt-search-form__inner" action="<?php echo esc_url(home_url('/')); ?>" method="get">
                            <input class="rt-search-form__input" type="search" placeholder="<?php echo rt_get_option('global_search_placeholder', __('Search posts', 'jelajah-text')) ?>" name="s" id="s">
                            <input type="hidden" name="post_type" value="<?php echo rt_get_option('global_search_post_type', 'post') ?>" />
                            <button type="submit" class="rt-search-form__icon" aria-label="<?php echo rt_get_option('global_search_placeholder', __('Search posts', 'jelajah-text')) ?>">
                                <i class="rt-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
                                        <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
                                    </svg>
                                </i>
                            </button>
                        </form>
                    </div>
                </div>
                <nav id="menu-primary" class="rt-menu is-menu-vertical js-menu">
                    <?php
                    wp_nav_menu([
                        'container' => '',
                        'menu_class' => 'rt-menu__main',
                        'theme_location' => (has_nav_menu('mobile') ? 'mobile' : 'primary'),
                        'fallback_cb' => 'rt_menu_default',
                    ]);
                    ?>
                </nav>
            </div>
        </div>

    </div>

</div>