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

$classes = array(
    'mobilemenu',
    'is-skin',
    'bg-' . th90_opt( 'mobilemenu_bg' ),
    th90_opt( 'mobilemenu_bg_sec' ) ? 'bg-second' : '',
);
?>
<aside class="<?php echo esc_attr( implode( ' ', array_filter( $classes ) ) ); ?>">
    <div class="mobilemenu-inner">
        <div class="mobilemenu-close-wrap">
            <div class="popup-close">
                <div class="mobilemenu-close close-icon"></div>
            </div>
        </div>

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

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

    </div>
</aside>