<div class="">
    <div id="vp-wrap" class="vp-wrap">
        <?php
            $get_layout = ( $set->get_layout() === 'fixed' ) ? 'fixed-layout' : 'fluid-layout';
        ?>
        <div id="vp-option-panel"
             class="vp-option-panel <?php echo esc_attr( $get_layout ); ?>">
            <div class="vp-left-panel">
                <div id="vp-logo" class="vp-logo">
                    <h2>
						<?php echo esc_html( $set->get_title() ); ?>
						<?php echo 'v' . esc_html( $set->get_version() ); ?>
                    </h2>
                </div>
                <div id="vp-menus" class="vp-menus">
                    <ul class="vp-menu-level-1">
						<?php foreach ( $set->get_menus() as $menu ): ?>
							<?php $menus = $set->get_menus(); ?>
							<?php $is_first_lvl_1 = $menu === reset( $menus ); ?>
							<?php if ( $is_first_lvl_1 ): ?>
                                <li class="vp-current">
							<?php else: ?>
                                <li>
							<?php endif; ?>
							<?php if ( $menu->get_menus() ): ?>
                            <a href="#<?php echo esc_attr( $menu->get_name() ); ?>"
                               class="vp-js-menu-dropdown vp-menu-dropdown">
							<?php else: ?>
                            <a href="#<?php echo esc_attr( $menu->get_name() ); ?>"
                               class="vp-js-menu-goto vp-menu-goto">
						<?php endif; ?>
							<?php
							$icon         = $menu->get_icon();
							$font_awesome = VP_Util_Res::is_font_awesome( $icon );
							if ( $font_awesome !== false ):
								VP_Util_Text::print_if_exists( $font_awesome, '<i class="fa %s"></i>' );
							else:
								VP_Util_Text::print_if_exists( VP_Util_Res::img( $icon ), '<i class="custom-menu-icon" style="background-image: url(\'%s\');"></i>' );
							endif;
							?>
                            <span><?php echo esc_html( $menu->get_title() ); ?></span>
                            </a>
							<?php if ( $menu->get_menus() ): ?>
                                <ul class="vp-menu-level-2">
									<?php foreach ( $menu->get_menus() as $submenu ): ?>
										<?php $submenus = $menu->get_menus(); ?>
										<?php if ( $is_first_lvl_1 and $submenu === reset( $submenus ) ): ?>
                                            <li class="vp-current">
										<?php else: ?>
                                            <li>
										<?php endif; ?>
                                        <a href="#<?php echo esc_attr( $submenu->get_name() ); ?>"
                                           class="vp-js-menu-goto vp-menu-goto">
											<?php
											$sub_icon     = $submenu->get_icon();
											$font_awesome = VP_Util_Res::is_font_awesome( $sub_icon );
											if ( $font_awesome !== false ):
												VP_Util_Text::print_if_exists( $font_awesome, '<i class="fa %s"></i>' );
											else:
												VP_Util_Text::print_if_exists( VP_Util_Res::img( $sub_icon ), '<i class="custom-menu-icon" style="background-image: url(\'%s\');"></i>' );
											endif;
											?>
                                            <span><?php echo esc_html( $submenu->get_title() ); ?></span>
                                        </a>
                                        </li>
									<?php endforeach; ?>
                                </ul>
							<?php endif; ?>
                            </li>
						<?php endforeach; ?>
                    </ul>
                </div>
            </div>
            <div class="vp-right-panel">
                <form id="vp-option-form" class="vp-option-form vp-js-option-form" method="POST">
                    <div id="vp-submit-top" class="vp-submit top">
                        <div class="inner">
                            <input class="vp-save vp-button button button-primary" type="submit"
                                   value="<?php echo 'Save Changes'; ?>"/>
                            <p class="vp-js-save-loader save-loader" style="display: none;"><img
                                        src="<?php VP_Util_Res::img_out( 'ajax-loader.gif', '' ); ?>"/><?php echo 'Saving Now'; ?>
                            </p>
                            <p class="vp-js-save-status save-status" style="display: none;"></p>
                        </div>
                    </div>
					<?php foreach ( $set->get_menus() as $menu ): ?>
						<?php $menus = $set->get_menus(); ?>
						<?php if ( $menu === reset( $menus ) ): ?>
							<?php echo vp_sanitize_output( $menu->render( array( 'current' => 1 ) ) ); ?>
						<?php else: ?>
							<?php echo vp_sanitize_output( $menu->render( array( 'current' => 0 ) ) ); ?>
						<?php endif; ?>
					<?php endforeach; ?>
                    <div id="vp-submit-bottom" class="vp-submit bottom">
                        <div class="inner">
                            <input class="vp-save vp-button button button-primary" type="submit"
                                   value="<?php echo 'Save Changes'; ?>"/>
                            <p class="vp-js-save-loader save-loader" style="display: none;"><img
                                        src="<?php VP_Util_Res::img_out( 'ajax-loader.gif', '' ); ?>"/><?php echo 'Saving Now'; ?>
                            </p>
                            <p class="vp-js-save-status save-status" style="display: none;"></p>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div id="vp-copyright" class="vp-copyright">
            <p><?php printf( 'This option panel is built using Vafpress Framework %s', VP_VERSION ); ?></p>
        </div>
    </div>
</div>