<?php
/**
 * Mobile Menu
 *
 * @package Katerio
 */

$classes = array(
    'amp-mobilemenu',
    'is-skin',
    'bg-' . th90_opt( 'mobilemenu_bg' ),
    th90_opt( 'mobilemenu_bg_sec' ) ? 'bg-second' : '',
);
?>
<amp-sidebar id="amp-menu-section" class="<?php echo esc_attr( implode( ' ', array_filter( $classes ) ) ); ?>" layout="nodisplay" side="left">
    <div class="mobilemenu-inner">
        <div class="mobilemenu-close-wrap">
            <div class="popup-close">
                <div id="off-canvas-close-btn" on="tap:amp-menu-section.close" class="mobilemenu-close close-icon"></div>
            </div>
        </div>

        <?php
        if( ! empty( th90_opt_arr( 'mobilemenu_bg_custom', 'media' ) ) ) {
            $bg_img = th90_opt_arr('mobilemenu_bg_custom','media')['id'];
            echo '<div class="mobilemenu-background box-holder-img">';
            wp_get_attachment_image( $bg_img, 'large' );
            echo '</div>';
        }

        get_template_part( 'template-parts/header/navigation', 'mobile' );
        ?>

    </div>
</amp-sidebar>