/**
         *
         * @since 4.0.0
         */
        public static function cherry_options_page_build()
        {
            global $cherry_options_framework;
            $option_inteface_builder = new Cherry_Interface_Builder();
            $option_inteface_builder->enqueue_builder_scripts();
            $option_inteface_builder->enqueue_builder_styles();
            $section_index = 0;
            $cherry_options = $cherry_options_framework->get_current_settings();
            $cherry_options = self::child_priority_sorting($cherry_options);
            $cherry_options = self::priority_sorting($cherry_options);
            ?>
			<?php 
            settings_errors('cherry-options');
            ?>
				<form id="cherry-options" class="cherry-ui-core" method="post">
					<?php 
            settings_fields('cherry-options');
            ?>
					<input class="active-section-field" type="hidden" name="active_section" value="">
					<div class="cherry-sections-wrapper">
						<ul class="cherry-option-section-tab vertical-tabs_ vertical-tabs_width_mid_">
							<?php 
            foreach ($cherry_options as $section_key => $section_value) {
                $parent = !empty($section_value['parent']) ? $section_value['parent'] : '';
                $parent !== '' ? $subClass = 'subitem' : ($subClass = '');
                $priority_value = $section_value['priority'];
                ?>
								<li class="tabitem-<?php 
                echo $section_index;
                ?>
 <?php 
                echo $subClass;
                ?>
 <?php 
                echo $parent;
                ?>
" data-section-name="<?php 
                echo $section_key;
                ?>
"><a href="javascript:void(0)"><i class="<?php 
                echo $section_value["icon"];
                ?>
"></i><span><?php 
                echo $section_value["name"];
                ?>
</span></a></li>
							<?php 
                $section_index++;
            }
            ?>
						</ul>
						<div class="cherry-option-group-list"></div>
						<div class="clear"></div>
					</div>
					<div class="cherry-submit-wrapper">
						<div class="cherry-options-export-import">
							<div class="wrap-cherry-import-options">
								<a href="javascript:void(0)" id="cherry-export-import-options" class="button button-default_">
									<?php 
            _e('Export/Import', 'cherry');
            ?>
								</a>
							</div>
							<div class="wrap-cherry-default-options-backup">
								<a href="#" id="cherry-default-options-backup" class="button button-primary_">
									<?php 
            _e('Default options', 'cherry');
            ?>
									<div class="cherry-spinner-wordpress spinner-wordpress-type-2"><span class="cherry-inner-circle"></span></div>
								</a>
							</div>
						</div>
						<div id="wrap-cherry-save-options">
							<a href="javascript:void(0)" id="cherry-save-options" class="button button-secondary_">
								<?php 
            echo __('Save options', 'cherry');
            ?>
								<div class="cherry-spinner-wordpress spinner-wordpress-type-2"><span class="cherry-inner-circle"></span></div>
							</a>
						</div>
						<div id="wrap-cherry-restore-section">
							<a href="javascript:void(0)" id="cherry-restore-section" class="button button-primary_">
								<?php 
            echo __('Restore section', 'cherry');
            ?>
							</a>
						</div>
						<div id="wrap-cherry-restore-options">
							<a href="javascript:void(0)" id="cherry-restore-options" class="button button-primary_">
								<?php 
            echo __('Restore options', 'cherry');
            ?>
							</a>
						</div>
					</div>
				</form>
				<div class="export-import-wrapper cherry-ui-core">
					<div class="export-control">
						<h4><?php 
            _e('Export', 'cherry');
            ?>
</h4>
						<a href="<?php 
            echo esc_url(self::$options_export_url);
            ?>
" id="cherry-export-options" class="button button-default_"><?php 
            _e('Export', 'cherry');
            ?>
</a>
						<?php 
            wp_nonce_field('cherry_partial_export', 'partial-export-nonce', false);
            ?>
						<a href="javascript:void(0)" id="cherry-partial-export-options" class="button button-default_"><?php 
            _e('Partial export', 'cherry');
            ?>
<div class="cherry-spinner-wordpress spinner-wordpress-type-3"><span class="cherry-inner-circle"></span></div></a>
						<div class="use-statics-wrap">
						<?php 
            $ui_checkbox = new UI_Checkbox(array('id' => 'cherry-export-use-static-setting', 'name' => 'cherry-export-use-static-setting', 'value' => array(), 'options' => array('use-statics' => __('Attach statics settings', 'cherry')), 'class' => 'cherry-export-use-static-setting'));
            echo $ui_checkbox->render();
            ?>
						</div>
					</div>
					<div class="import-control">
						<h4><?php 
            _e('Import', 'cherry');
            ?>
</h4>
						<?php 
            wp_nonce_field('cherry_import_options', 'import-options-nonce', false);
            ?>
						<input type="hidden" autocomplete="off" id="cherry-import-options-file-id" value="">
						<input type="hidden" autocomplete="off" id="cherry-import-options-file-type" value="">
						<a href="#" id="cherry-import-options-file" class="button button-default_"><?php 
            _e('Select file', 'cherry');
            ?>
</a>
						<a href="#" id="cherry-import-options-start" class="button button-primary_"><?php 
            _e('Start import', 'cherry');
            ?>
<div class="cherry-spinner-wordpress spinner-wordpress-type-2"><span class="cherry-inner-circle"></span></div></a>
						<div class="cherry-import-file-name"></div>
					</div>
					<div class="clear"></div>
				</div>
				<div id="restore-options-confirm" class="confirm-message" title="<?php 
            echo __('Are you sure?', 'cherry');
            ?>
">
					<span class="dashicons dashicons-info"></span>
					<p><?php 
            echo __('Current options will be reset to the defaults, page will be refreshed.', 'cherry');
            ?>
</p>
				</div>
				<div id="restore-section-confirm" class="confirm-message" title="<?php 
            echo __('Are you sure?', 'cherry');
            ?>
">
					<span class="dashicons dashicons-info"></span>
					<p><?php 
            echo __('Active section will be reset to the defaults, page will be refreshed.', 'cherry');
            ?>
</p>
				</div>
				<?php 
        }
 /**
  * Enqueue admin-specific javascript.
  *
  * @since 4.0.0
  */
 public function enqueue_builder_scripts($hook_suffix)
 {
     UI_Text::enqueue_assets();
     UI_Textarea::enqueue_assets();
     UI_Select::enqueue_assets();
     UI_Checkbox::enqueue_assets();
     UI_Radio::enqueue_assets();
     UI_Switcher::enqueue_assets();
     UI_Colorpicker::enqueue_assets();
     UI_Repeater::enqueue_assets();
     UI_Media::enqueue_assets();
     UI_Stepper::enqueue_assets();
     UI_Slider::enqueue_assets();
     UI_Range_Slider::enqueue_assets();
     UI_Background::enqueue_assets();
     UI_Typography::enqueue_assets();
     UI_Ace_Editor::enqueue_assets();
     UI_Layout_Editor::enqueue_assets();
     UI_Static_Area_Editor::enqueue_assets();
     UI_Tooltip::enqueue_assets();
     wp_enqueue_script('editor');
     wp_enqueue_script('interface-builder');
 }
 /**
  * Enqueue admin-specific javascript.
  *
  * @since 4.0.0
  */
 public function enqueue_builder_scripts($hook_suffix = false)
 {
     UI_Text::enqueue_assets();
     UI_Textarea::enqueue_assets();
     UI_Select::enqueue_assets();
     UI_Checkbox::enqueue_assets();
     UI_Radio::enqueue_assets();
     UI_Switcher::enqueue_assets();
     UI_Colorpicker::enqueue_assets();
     UI_Repeater::enqueue_assets();
     UI_Media::enqueue_assets();
     UI_Stepper::enqueue_assets();
     UI_Slider::enqueue_assets();
     UI_Range_Slider::enqueue_assets();
     UI_Background::enqueue_assets();
     UI_Typography::enqueue_assets();
     UI_Ace_Editor::enqueue_assets();
     UI_Layout_Editor::enqueue_assets();
     UI_Tooltip::enqueue_assets();
     UI_Webfont::enqueue_assets();
     wp_enqueue_script('editor');
     wp_enqueue_script('jquery-ui-dialog');
     wp_enqueue_script('interface-builder', trailingslashit(CHERRY_URI) . 'admin/assets/js/interface-builder.js', array('jquery'), CHERRY_VERSION, true);
 }