Viên ngọc phương Đông

<?php

if ( ! defined( 'ABSPATH' ) ) {
    exit; // disable direct access
}

if ( ! class_exists('Mega_Menu_Pro_Toggle_Blocks') && class_exists( 'Mega_Menu_Toggle_Blocks' ) ) :

/**
 * Mobile Toggle Blocks
 */
class Mega_Menu_Pro_Toggle_Blocks extends Mega_Menu_Toggle_Blocks {

/**
     * Constructor
     *
     * @since 1.4
     */
    public function __construct() {

// Generic
        add_filter( 'megamenu_load_scss_file_contents', array( $this, 'append_scss'), 10 );

// Logo Block
        add_filter( 'megamenu_scss_variables', array( $this, 'logo_add_block_vars_to_scss'), 10, 5 );
        add_filter( 'megamenu_registered_toggle_blocks', array( $this, 'logo_add_as_available_block_option') );
        add_action( 'wp_ajax_mm_get_toggle_block_logo', array( $this, 'logo_output_block_admin' ) );
        add_action( 'megamenu_output_admin_toggle_block_logo', array( $this, 'logo_output_block_admin'), 10, 2 );
        add_filter( 'megamenu_output_public_toggle_block_logo', array( $this, 'logo_output_block_public'), 10, 2 );

// Menu Toggle - Custom Block
        add_filter( 'megamenu_scss_variables', array( $this, 'menu_toggle_custom_add_block_vars_to_scss'), 10, 5 );
        add_filter( 'megamenu_registered_toggle_blocks', array( $this, 'menu_toggle_custom_add_as_available_block_option') );
        add_action( 'wp_ajax_mm_get_toggle_block_menu_toggle_custom', array( $this, 'menu_toggle_custom_output_block_admin' ) );
        add_action( 'megamenu_output_admin_toggle_block_menu_toggle_custom', array( $this, 'menu_toggle_custom_output_block_admin'), 10, 2 );
        add_filter( 'megamenu_output_public_toggle_block_menu_toggle_custom', array( $this, 'menu_toggle_custom_output_block_public'), 10, 2 );
        add_filter( 'megamenu_toggle_block_attributes', array( $this, 'menu_toggle_custom_add_class' ), 10, 6);

// Search Block
        add_filter( 'megamenu_scss_variables', array( $this, 'search_add_block_vars_to_scss'), 10, 5 );
        add_filter( 'megamenu_registered_toggle_blocks', array( $this, 'search_add_as_available_block_option') );
        add_action( 'wp_ajax_mm_get_toggle_block_search', array( $this, 'search_output_block_admin' ) );
        add_action( 'megamenu_output_admin_toggle_block_search', array( $this, 'search_output_block_admin'), 10, 2 );
        add_filter( 'megamenu_output_public_toggle_block_search', array( $this, 'search_output_block_public'), 10, 2 );

// HTML Block
        add_filter( 'megamenu_registered_toggle_blocks', array( $this, 'html_add_as_available_block_option') );
        add_action( 'wp_ajax_mm_get_toggle_block_html', array( $this, 'html_output_block_admin' ) );
        add_action( 'megamenu_output_admin_toggle_block_html', array( $this, 'html_output_block_admin'), 10, 2 );
        add_filter( 'megamenu_output_public_toggle_block_html', array( $this, 'html_output_block_public'), 10, 2 );

// Icon Block
        add_filter( 'megamenu_scss_variables', array( $this, 'icon_add_block_vars_to_scss'), 10, 5 );
        add_filter( 'megamenu_registered_toggle_blocks', array( $this, 'icon_add_as_available_block_option') );
        add_action( 'wp_ajax_mm_get_toggle_block_icon', array( $this, 'icon_output_block_admin' ) );
        add_action( 'megamenu_output_admin_toggle_block_icon', array( $this, 'icon_output_block_admin'), 10, 2 );
        add_filter( 'megamenu_output_public_toggle_block_icon', array( $this, 'icon_output_block_public'), 10, 2 );

}

/**
     * Add "Logo" as a drop down option to the toggle block editor
     *
     * @since 1.4
     * @param array $options
     * @return array
     */
    public function logo_add_as_available_block_option( $options ) {
        $options['logo'] = __("Logo / Image", "megamenu_pro");

return $options;

}

/**
     * Output the logo block HTML (front end)
     *
     * @since 1.4
     * @param string $html
     * @param array $settings
     * @return string
     */
    public function logo_output_block_public( $html, $settings ) {

$src = "";
        $id = "";
        $alt = "";
        $url = "";
        $target = "";

if ( isset( $settings['logo_id'] ) ) {
            $id = intval( $settings['logo_id'] );
            $logo = wp_get_attachment_image_src( $id, 'full' );
            $src = $logo[0];
            $alt = get_post_meta( $id, '_wp_attachment_image_alt', true );
        }

$logo_attributes = apply_filters( "megamenu_toggle_logo_attributes", array(
            'class' => 'mega-menu-logo',
            'src' => $src,
            'alt' => $alt
        ), $settings );

if ( isset( $settings['url'] ) ) {
            $url = do_shortcode( stripslashes( html_entity_decode( $settings['url'], ENT_QUOTES ) ) );
        } else {
            $url = get_home_url();
        }

if ( isset( $settings['target'] ) ) {
            $target = $settings['target'];
        } else {
            $target = '_self';
        }

$anchor_attributes = apply_filters( "megamenu_toggle_logo_anchor_attributes", array(
            'class' => 'mega-menu-logo',
            'href' => $url,
            'target' => $target
        ), $settings );

$html = "<a";

foreach ( $anchor_attributes as $name => $val ) {
            if ( strlen( $val ) ) {
                $html .= " " . $name .'="' . esc_attr( $val ) . '"';
            }
        }

$html .= "><img";

foreach ( $logo_attributes as $name => $val ) {
            if ( strlen( $val ) ) {
                $html .= " " . $name .'="' . esc_attr( $val ) . '"';
            }
        }

$html .= " /></a>";

return apply_filters("megamenu_toggle_block_logo_html", $html, $settings, $url, $src);

}

/**
     * Output the HTML for the "Menu Toggle" block settings
     *
     * @since 1.4
     * @param int $block_id
     * @param array $settings
     */
    public function logo_output_block_admin( $block_id, $settings = array() ) {

if ( empty( $settings ) ) {
            $block_id = "0";
        }

if ( isset( $settings['vertical_offset'] ) && ! strlen( $settings['vertical_offset'] ) ) {
            unset( $settings['vertical_offset'] );
        }

if ( isset( $settings['max_height'] ) && ! strlen( $settings['max_height'] ) ) {
            unset( $settings['vertical_offset'] );
        }

$defaults = array(
            "align" => "left",
            "logo_id" => 0,
            "url" => home_url(),
            "logo_src" => "",
            "vertical_offset" => "-1px",
            "max_height" => "40px",
            "target" => "_self"
        );

$logo_src = "";

$settings = array_merge( $defaults, $settings );

if ( isset( $settings['logo_id'] ) && intval( $settings['logo_id'] ) > 0 ) {
            $logo = wp_get_attachment_image_src( intval( $settings['logo_id'] ), 'thumbnail' );
            $settings['logo_src'] = $logo[0];
        }

<div class='block'>
            <div class='block-title'><span title='<?php _e("Logo", "megamenupro"); ?>' class="dashicons dashicons-format-image"></span></div>
            <div class='block-settings'>
                <h3><?php _e("Logo Settings", "megamenupro") ?></h3>
                <input type='hidden' class='type' name='toggle_blocks[<?php echo $block_id; ?>][type]' value='logo' />
                <input type='hidden' class='align' name='toggle_blocks[<?php echo $block_id; ?>][align]' value='<?php echo $settings['align'] ?>'>
                <label>
                    <?php _e("Media File", "megamenupro") ?>

<div class='mmm_image_selector' data-src='<?php echo $settings['logo_src']; ?>' data-field='logo_id_<?php echo $block_id; ?>'></div>
                    <input type='hidden' id='logo_id_<?php echo $block_id; ?>' name='toggle_blocks[<?php echo $block_id; ?>][logo_id]' value='<?php echo $settings['logo_id']; ?>' />
                </label>
                <label>
                    <?php _e("URL", "megamenupro") ?>
                    <input type='text' class='logo_url' name='toggle_blocks[<?php echo $block_id; ?>][url]' value='<?php echo esc_attr(stripslashes($settings['url'])) ?>' />
                </label>
                <label>
                    <?php _e("Open in new window?", "megamenupro") ?>

<select name='toggle_blocks[<?php echo $block_id; ?>][target]'>
                        <option value='_self' <?php selected( $settings['target'], '_self' )  ?>><?php _e("No", "megamenupro") ?></option>
                        <option value='_blank' <?php selected( $settings['target'], '_blank' ) ?>><?php  _e("Yes", "megamenupro") ?></option>
                    </select>
                </label>
                <label>
                    <?php _e("Vertical Offset", "megamenupro") ?>
                    <input type='text' class='logo_vertical_offset' name='toggle_blocks[<?php echo $block_id; ?>][vertical_offset]' value='<?php echo $settings['vertical_offset'] ?>' />
                </label>
                <label>
                    <?php _e("Max Height", "megamenupro") ?>
                    <input type='text' class='logo_max_height' name='toggle_blocks[<?php echo $block_id; ?>][max_height]' value='<?php echo $settings['max_height'] ?>' />
                    <div class='mega-description' style='margin-top: 5px;'><?php _e("The Max Height should be specified in 'px' and be equal to or lower than the configured Toggle Bar Height.", "megamenupro") ?></div>
                </label>
                <a class='mega-delete'><?php _e("Delete", "megamenupro"); ?></a>
            </div>
        </div>

<?php
    }

/**
     * Create a new variable containing the toggle blocks to be used by the SCSS file
     *
     * @param array $vars
     * @param string $location
     * @param string $theme
     * @param int $menu_id
     * @param string $theme_id
     * @return array - all custom SCSS vars
     * @since 1.4
     */
    public function logo_add_block_vars_to_scss( $vars, $location, $theme, $menu_id, $theme_id ) {

$toggle_blocks = $this->get_toggle_blocks_for_theme( $theme_id );

$logo_blocks = array();

if ( is_array( $toggle_blocks ) ) {

foreach( $toggle_blocks as $index => $settings ) {

if ( isset( $settings['type'] ) && $settings['type'] == 'logo' ) {

$logo_src = "";

if ( isset( $settings['logo_id'] ) ) {
                        $logo = wp_get_attachment_image_src( $settings['logo_id'], 'thumbnail' );
                        $logo_src = $logo[0];
                    }

$styles = array(
                        'id' => $index,
                        'logo_id' => isset($settings['logo_id']) ? "'" . $settings['logo_id'] . "'" : "0",
                        'logo_src' => "'" . $logo_src . "'",
                        'logo_url' => isset($settings['url']) ? "'" . $settings['url'] . "'" : "''",
                        'logo_vertical_offset' => isset($settings['vertical_offset']) && strlen($settings['vertical_offset']) ? $settings['vertical_offset'] : "-1px",
                        'logo_max_height' => isset($settings['max_height']) && strlen($settings['max_height']) ? $settings['max_height'] : "40px",
                    );

$logo_blocks[ $index ] = $styles;
                }

}
        }

//$menu_toggle_blocks(
        // (123, red, 150px),
        // (456, green, null),
        // (789, blue, 90%),());
        if ( count( $logo_blocks ) ) {

$list = "(";

foreach ( $logo_blocks as $id => $vals ) {
                $list .= "(" . implode( ",", $vals ) . "),";
            }

// Always add an empty list item to meke sure there are always at least 2 items in the list
            // Lists with a single item are not treated the same way by SASS
            $list .= "());";

$vars['logo_blocks'] = $list;

} else {

$vars['logo_blocks'] = "()";

}

return $vars;
    }

/**
     * Add "Menu Toggle - Custom" as a drop down option to the toggle block editor
     *
     * @since 2.1.2
     * @param array $options
     * @return array
     */
    public function menu_toggle_custom_add_as_available_block_option( $options ) {
        $options['menu_toggle_custom'] = __("Menu Toggle (Custom)", "megamenu_pro");

return $options;

}

/**
     * Add 'mega-menu-toggle-animated-block' as an extra block class, to allow clicking on it to open/close the sub menu
     *
     * @since 2.1.2
     * @param array $options
     * @return array
     */
    public function menu_toggle_custom_add_class( $atts, $block, $content, $nav_menu, $args, $theme_id ) {
        if ( $block['type'] == 'menu_toggle_custom' ) {
            $atts['class'] = $atts['class'] .= ' mega-menu-toggle-animated-block';
        }
        return $atts;

}

/**
     * Output the Menu Toggle - Custom block HTML (front end)
     *
     * @since 2.1.2
     * @param string $html
     * @param array $settings
     * @return string
     */
    public function menu_toggle_custom_output_block_public( $html, $settings ) {

$open_img = "";
        $closed_img = "";

if ( isset( $settings['open_id'] ) ) {
            $id = intval( $settings['open_id'] );
            $open_img = wp_get_attachment_image_src( $id, 'full' );
            $src = $open_img[0];
            $alt = get_post_meta( $id, '_wp_attachment_image_alt', true );

$open_img_attributes = apply_filters( "megamenu_menu_toggle_custom_open_attributes", array(
                'src' => $src,
                'alt' => $alt
            ), $settings );

$open_img = "<img";

foreach ( $open_img_attributes as $name => $val ) {
                if ( strlen( $val ) ) {
                    $open_img .= " " . $name .'="' . esc_attr( $val ) . '"';
                }
            }

$open_img .= "></img>";
        }

if ( isset( $settings['closed_id'] ) ) {
            $id = intval( $settings['closed_id'] );
            $closed_img = wp_get_attachment_image_src( $id, 'full' );
            $src = $closed_img[0];
            $alt = get_post_meta( $id, '_wp_attachment_image_alt', true );

$closed_img_attributes = apply_filters( "megamenu_menu_toggle_custom_closed_attributes", array(
                'src' => $src,
                'alt' => $alt
            ), $settings );

$closed_img = "<img";

foreach ( $closed_img_attributes as $name => $val ) {
                if ( strlen( $val ) ) {
                    $closed_img .= " " . $name .'="' . esc_attr( $val ) . '"';
                }
            }

$closed_img .= "></img>";
        }

$html = '<span class="mega-toggle-label" role="button" aria-expanded="false">';
        $html .=     '<span class="mega-toggle-label-closed">';
        $html .=         $closed_img;
        $html .=     '</span>';
        $html .=     '<span class="mega-toggle-label-open">';
        $html .=         $open_img;
        $html .=     '</span>';
        $html .= '</span>';

return apply_filters("megamenu_toggle_block_menu_toggle_custom_html", $html, $settings);

}

/**
     * Output the HTML for the "Menu Toggle - Custom" block settings
     *
     * @since 2.1.2
     * @param int $block_id
     * @param array $settings
     */
    public function menu_toggle_custom_output_block_admin( $block_id, $settings = array() ) {

if ( empty( $settings ) ) {
            $block_id = "0";
        }

$defaults = array(
            "align" => 'left',
            "open_id" => 0,
            "closed_id" => 0,
            "open_src" => "",
            "closed_src" => ""
        );

$settings = array_merge( $defaults, $settings );

if ( isset( $settings['open_id'] ) && intval( $settings['open_id'] ) > 0 ) {
            $open_img = wp_get_attachment_image_src( intval( $settings['open_id'] ), 'thumbnail' );
            $settings['open_src'] = $open_img[0];
        }

if ( isset( $settings['closed_id'] ) && intval( $settings['closed_id'] ) > 0 ) {
            $closed_img = wp_get_attachment_image_src( intval( $settings['closed_id'] ), 'thumbnail' );
            $settings['closed_src'] = $closed_img[0];
        }

<div class='block'>
            <div class='block-title'><?php _e("TOGGLE", "megamenupro"); ?> <span title='<?php _e("Menu Toggle", "megamenupro"); ?>' class="dashicons dashicons-menu"></span></div>
            <div class='block-settings'>
                <h3><?php _e("Menu Toggle (Custom) Settings", "megamenupro") ?></h3>
                <input type='hidden' class='type' name='toggle_blocks[<?php echo $block_id; ?>][type]' value='menu_toggle_custom' />
                <input type='hidden' class='align' name='toggle_blocks[<?php echo $block_id; ?>][align]' value='<?php echo $settings['align'] ?>'>
                <label>
                    <?php _e("Open Icon", "megamenupro") ?>

<div class='mmm_image_selector' data-src='<?php echo $settings['open_src']; ?>' data-field='open_id_<?php echo $block_id; ?>'></div>
                    <input type='hidden' id='open_id_<?php echo $block_id; ?>' name='toggle_blocks[<?php echo $block_id; ?>][open_id]' value='<?php echo $settings['open_id']; ?>' />
                </label>
                <label>
                    <?php _e("Closed Icon", "megamenupro") ?>

<div class='mmm_image_selector' data-src='<?php echo $settings['closed_src']; ?>' data-field='closed_id_<?php echo $block_id; ?>'></div>
                    <input type='hidden' id='closed_id_<?php echo $block_id; ?>' name='toggle_blocks[<?php echo $block_id; ?>][closed_id]' value='<?php echo $settings['closed_id']; ?>' />
                </label>
                <a class='mega-delete'><?php _e("Delete", "megamenupro"); ?></a>
            </div>
        </div>

<?php
    }

/**
     * Create a new variable containing the toggle blocks to be used by the SCSS file
     *
     * @param array $vars
     * @param string $location
     * @param string $theme
     * @param int $menu_id
     * @param string $theme_id
     * @return array - all custom SCSS vars
     * @since 2.1.2
     */
    public function menu_toggle_custom_add_block_vars_to_scss( $vars, $location, $theme, $menu_id, $theme_id ) {

$toggle_blocks = $this->get_toggle_blocks_for_theme( $theme_id );

$menu_toggle_custom_blocks = array();

if ( is_array( $toggle_blocks ) ) {

foreach( $toggle_blocks as $index => $settings ) {

if ( isset( $settings['type'] ) && $settings['type'] == 'menu_toggle_custom' ) {

$styles = array(
                        'id' => $index
                    );

$menu_toggle_custom_blocks[ $index ] = $styles;
                }

}
        }

//$menu_toggle_blocks(
        // (123, red, 150px),
        // (456, green, null),
        // (789, blue, 90%),());
        if ( count( $menu_toggle_custom_blocks ) ) {

$list = "(";

foreach ( $menu_toggle_custom_blocks as $id => $vals ) {
                $list .= "(" . implode( ",", $vals ) . "),";
            }

// Always add an empty list item to meke sure there are always at least 2 items in the list
            // Lists with a single item are not treated the same way by SASS
            $list .= "());";

$vars['menu_toggle_custom_blocks'] = $list;

} else {

$vars['menu_toggle_custom_blocks'] = "()";

}

return $vars;
    }

/**
     * Add "Search" as a drop down option to the toggle block editor
     *
     * @since 1.4
     * @param array $options
     * @return array
     */
    public function search_add_as_available_block_option( $options ) {
        $options['search'] = __("Search", "megamenu_pro");

return $options;

}

/**
     * Return the default settings for a search block
     *
     * @since 1.4
     * @return array
     */
    private function get_search_block_defaults() {

$defaults = array(
            "align" => "left",
            "search_type" => 'expand_to_right',
            "height" => '25px',
            "width" => '200px',
            "text_color" => '#333',
            "icon_color_closed" => '#fff',
            "icon_color_open" => '#333',
            "background_color_closed" => 'transparent',
            "background_color_open" => '#fff',
            "border_radius" => '2px',
            "placeholder_text" => 'Search',
            "woocommerce" => 'false',
            "vertical_offset" => '0px'
        );

return $defaults;
    }

/**
     * Output the search block HTML (front end)
     *
     * @since 1.4
     * @param string $html
     * @param array $settings
     * @return string
     */
    public function search_output_block_public( $html, $settings ) {

$defaults = $this->get_search_block_defaults();

$settings = array_merge( $defaults, $settings );

$name = apply_filters("megamenu_search_var", "s");
        $action = apply_filters("megamenu_search_action", trailingslashit( home_url() ) );
        $placeholder = esc_attr( do_shortcode( stripslashes( html_entity_decode( $settings['placeholder_text'], ENT_QUOTES ) ) ) );

$inputs = "";

if ($settings['woocommerce'] === 'true') {
            $inputs = "<input type='hidden' name='post_type' value='product' />";
        }

if ( $settings['search_type'] == 'expand_to_left' ) {
            $html = "<div class='mega-search-wrap'><form class='mega-search expand-to-left mega-search-closed' action='" . $action . "'>
                        <span class='dashicons dashicons-search search-icon'></span>
                        <input type='submit' value='" . __( "Search" , "megamenupro" ) . "'>
                        <input type='text' aria-label='{$placeholder}' data-placeholder='{$placeholder}' name='{$name}'>
                        " . apply_filters("megamenu_search_inputs", $inputs) . "
                    </form></div>";
        }

if ( $settings['search_type'] == 'expand_to_right' ) {
            $html = "<div class='mega-search-wrap'><form class='mega-search expand-to-right mega-search-closed' action='" .  $action . "'>
                        <span class='dashicons dashicons-search search-icon'></span>
                        <input type='submit' value='" . __( "Search" , "megamenupro" ) . "'>
                        <input type='text' aria-label='{$placeholder}' data-placeholder='{$placeholder}' name='{$name}'>
                        " . apply_filters("megamenu_search_inputs", $inputs) . "
                    </form></div>";
        }

if ( $settings['search_type'] == 'static' ) {
            $html = "<div class='mega-search-wrap mega-static'><form class='mega-search static mega-search-open' action='" . $action . "'>
                        <span class='dashicons dashicons-search search-icon'></span>
                        <input type='submit' value='" . __( "Search" , "megamenupro" ) . "'>
                        <input type='text' aria-label='{$placeholder}' placeholder='{$placeholder}' name='{$name}'>
                        " . apply_filters("megamenu_search_inputs", $inputs) . "
                    </form></div>";
        }

return apply_filters("megamenu_toggle_search_replacement_html", $html);

}

/**
     * Output the HTML for the "Search" block settings
     *
     * @since 1.4
     * @param int $block_id
     * @param array $settings
     */
    public function search_output_block_admin( $block_id, $settings = array() ) {

if ( empty( $settings ) ) {
            $block_id = "0";
        }

$defaults = $this->get_search_block_defaults();

if ( isset( $settings['height'] ) && ! strlen( $settings['height'] ) ) {
            unset( $settings['height'] );
        }

if ( isset( $settings['width'] ) && ! strlen( $settings['width'] ) ) {
            unset( $settings['width'] );
        }

if ( isset( $settings['border_radius'] ) && ! strlen( $settings['border_radius'] ) ) {
            unset( $settings['border_radius'] );
        }

if ( isset( $settings['vertical_offset'] ) && ! strlen( $settings['vertical_offset'] ) ) {
            unset( $settings['vertical_offset'] );
        }

$settings = array_merge( $defaults, $settings );

<div class='block'>
            <div class='block-title'><span title='<?php _e("Search", "megamenupro"); ?>' class="dashicons dashicons-search"></span></div>
            <div class='block-settings'>
                <h3><?php _e("Search Settings", "megamenupro") ?></h3>
                <input type='hidden' class='type' name='toggle_blocks[<?php echo $block_id; ?>][type]' value='search' />
                <input type='hidden' class='align' name='toggle_blocks[<?php echo $block_id; ?>][align]' value='<?php echo $settings['align'] ?>'>

<select name='toggle_blocks[<?php echo $block_id; ?>][search_type]'>
                        <option value='expand_to_left' <?php selected( $settings['search_type'], 'expand_to_left' ); ?>><?php _e("Expand to Left", "megamenupro") ?></option>
                        <option value='expand_to_right' <?php selected( $settings['search_type'], 'expand_to_right' ); ?>><?php _e("Expand to Right", "megamenupro") ?></option>
                        <option value='static' <?php selected( $settings['search_type'], 'static' ); ?>><?php _e("Static", "megamenupro") ?></option>
                    </select>
                </label>
                <label>
                    <?php _e("Height", "megamenupro") ?>
                    <input type='text' name='toggle_blocks[<?php echo $block_id; ?>][height]' value='<?php echo $settings['height']; ?>' />
                </label>
                <label>
                    <?php _e("Width", "megamenupro") ?>
                    <input type='text' name='toggle_blocks[<?php echo $block_id; ?>][width]' value='<?php echo $settings['width']; ?>' />
                </label>
                <label>
                    <?php _e("Text Color", "megamenupro") ?>
                    <?php $this->print_toggle_color_option( 'text_color', $block_id, $settings['text_color'] ); ?>
                </label>
                <label>
                    <?php _e("Icon Color (Closed)", "megamenupro") ?>
                    <?php $this->print_toggle_color_option( 'icon_color_closed', $block_id, $settings['icon_color_closed'] ); ?>
                </label>
                <label>
                    <?php _e("Icon Color (Open)", "megamenupro") ?>
                    <?php $this->print_toggle_color_option( 'icon_color_open', $block_id, $settings['icon_color_open'] ); ?>
                </label>
                <label>
                    <?php _e("Background Color (Closed)", "megamenupro") ?>
                    <?php $this->print_toggle_color_option( 'background_color_closed', $block_id, $settings['background_color_closed'] ); ?>
                </label>
                <label>
                    <?php _e("Background Color (Open)", "megamenupro") ?>
                    <?php $this->print_toggle_color_option( 'background_color_open', $block_id, $settings['background_color_open'] ); ?>
                </label>
                <label>
                    <?php _e("Border Radius", "megamenupro") ?>
                    <input type='text' name='toggle_blocks[<?php echo $block_id; ?>][border_radius]' value='<?php echo $settings['border_radius']; ?>' />
                </label>
                <label>
                    <?php _e("Placeholder Text", "megamenupro") ?>
                    <input type='text' name='toggle_blocks[<?php echo $block_id; ?>][placeholder_text]' value='<?php echo stripslashes( esc_attr( $settings['placeholder_text'] ) ); ?>' />
                </label>
                <label>
                    <?php _e("Vertical Offset", "megamenupro") ?>
                    <input type='text' name='toggle_blocks[<?php echo $block_id; ?>][vertical_offset]' value='<?php echo $settings['vertical_offset']; ?>' />
                </label>
                <?php if (is_plugin_active('woocommerce/woocommerce.php')): ?>
                    <label><?php _e("Use WooCommerce Search", "megamenupro") ?>

<select name='toggle_blocks[<?php echo $block_id; ?>][woocommerce]'>
                        <option value='true' <?php selected( $settings['woocommerce'], 'true' )  ?>><?php _e("Yes", "megamenupro") ?></option>
                        <option value='false' <?php selected( $settings['woocommerce'], 'false' ) ?>><?php  _e("No", "megamenupro") ?></option>
                    </select>

</label>
                <?php endif; ?>

<?php
    }

/**
     * Create a new variable containing the toggle blocks to be used by the SCSS file
     *
     * @param array $vars
     * @param string $location
     * @param string $theme
     * @param int $menu_id
     * @param string $theme_id
     * @return array - all custom SCSS vars
     * @since 1.4
     */
    public function search_add_block_vars_to_scss( $vars, $location, $theme, $menu_id, $theme_id ) {

$toggle_blocks = $this->get_toggle_blocks_for_theme( $theme_id );

$search_blocks = array();

$defaults = $this->get_search_block_defaults();

if ( is_array( $toggle_blocks ) ) {

foreach( $toggle_blocks as $index => $settings ) {

if ( isset( $settings['type'] ) && $settings['type'] == 'search' ) {

$styles = array(
                        'id' => $index,
                        'search_height' => isset($settings['height']) && strlen($settings['height']) ? $settings['height'] : $defaults['height'],
                        'search_text_color' => isset($settings['text_color']) ? $settings['text_color'] : $defaults['text_color'],
                        'search_icon_color_closed' => isset($settings['icon_color_closed']) ? $settings['icon_color_closed'] : $defaults['icon_color_closed'],
                        'search_icon_color_open' => isset($settings['icon_color_open']) ? $settings['icon_color_open'] : $defaults['icon_color_open'],
                        'search_background_color_closed' => isset($settings['background_color_closed']) ? $settings['background_color_closed'] : $defaults['background_color_closed'],
                        'search_background_color_open' => isset($settings['background_color_open']) ? $settings['background_color_open'] : $defaults['background_color_open'],
                        'search_border_radius' => isset($settings['border_radius']) && strlen($settings['border_radius']) ? $settings['border_radius'] : $defaults['border_radius'],
                        'search_vertical_offset' => isset($settings['vertical_offset']) && strlen($settings['vertical_offset']) ? $settings['vertical_offset'] : $defaults['vertical_offset'],
                        'search_width' => isset($settings['width']) && strlen($settings['width']) ? $settings['width'] : $defaults['width']
                    );

$search_blocks[ $index ] = $styles;
                }

}
        }

//$menu_toggle_blocks(
        // (123, red, 150px),
        // (456, green, null),
        // (789, blue, 90%),());
        if ( count( $search_blocks ) ) {

$list = "(";

foreach ( $search_blocks as $id => $vals ) {
                $list .= "(" . implode( ",", $vals ) . "),";
            }

// Always add an empty list item to meke sure there are always at least 2 items in the list
            // Lists with a single item are not treated the same way by SASS
            $list .= "());";

$vars['search_blocks'] = $list;

} else {

$vars['search_blocks'] = "()";

}

return $vars;
    }

/**
     * Add "HTML" as a drop down option to the toggle block editor
     *
     * @since 1.4
     * @param array $options
     * @return array
     */
    public function html_add_as_available_block_option( $options ) {
        $options['html'] = __("HTML", "megamenu_pro");

return $options;

}

/**
     * Output the HTML (front end)
     *
     * @since 1.4
     * @param string $html
     * @param array $settings
     * @return string
     */
    public function html_output_block_public( $html, $settings ) {

return do_shortcode( wp_unslash( $settings['html'] ) );

}

/**
     * Output the HTML for the "HTML" block settings
     *
     * @since 1.4
     * @param int $block_id
     * @param array $settings
     */
    public function html_output_block_admin( $block_id, $settings = array() ) {

if ( empty( $settings ) ) {
            $block_id = "0";
        }

$defaults = array(
            'align' => 'left',
            'html' => ''
        );

$settings = array_merge( $defaults, $settings );

<div class='block'>
            <div class='block-title'><span title='<?php _e("HTML", "megamenupro"); ?>' class="dashicons dashicons-media-code"></span></div>
            <div class='block-settings'>
                <h3><?php _e("HTML Settings", "megamenupro") ?></h3>
                <input type='hidden' class='type' name='toggle_blocks[<?php echo $block_id; ?>][type]' value='html' />
                <input type='hidden' class='align' name='toggle_blocks[<?php echo $block_id; ?>][align]' value='<?php echo $settings['align'] ?>'>

<?php
    }

/**
     * Create a new variable containing the toggle blocks to be used by the SCSS file
     *
     * @param array $vars
     * @param string $location
     * @param string $theme
     * @param int $menu_id
     * @param string $theme_id
     * @return array - all custom SCSS vars
     * @since 1.4
     */
    public function icon_add_block_vars_to_scss( $vars, $location, $theme, $menu_id, $theme_id ) {

$toggle_blocks = $this->get_toggle_blocks_for_theme( $theme_id );

$icon_blocks = array();

if ( is_array( $toggle_blocks ) ) {

foreach( $toggle_blocks as $index => $settings ) {

if ( isset( $settings['type'] ) && $settings['type'] == 'icon' ) {

$icon_code = 'disabled';
                    $font = 'dashicons';
                    $weight = 'normal';

if ( isset( $settings['icon'] ) ) {
                        $icon_full = $settings['icon'];
                        $icon_parts = explode( '-', $settings['icon'] );

// e.g. f006
                        $icon_code = end( $icon_parts );
                        $icon_type = reset( $icon_parts );
                        $icon_type_parts = explode( " ", $icon_type);
                        // e.g. dashicons / fa / fab / fas
                        $icon_type = reset( $icon_type_parts);

if ($icon_type == 'fa') {
                            $font = 'FontAwesome';
                        }

if ($icon_type == 'fab') {
                            $font = "'Font Awesome 5 Brands'";
                            $weight = '400';
                        }

if ($icon_type == 'far') {
                            $font = "'Font Awesome 5 Free'";
                            $weight = '400';
                        }

if ($icon_type == 'fas') {
                            $font = "'Font Awesome 5 Free'";
                            $weight = '900';
                        }

}

$styles = array(
                        'id' => $index,
                        'icon' => $icon_code != 'disabled' ? "'\\" . $icon_code  . "'" : "''",
                        'color' => isset($settings['color']) ? $settings['color'] : '#fff',
                        'font' => $font,
                        'size' => isset($settings['size']) ? $settings['size'] : '20px',
                        'weight' => $weight,
                        'icon_type' => $icon_type,
                        'icon_full' => $icon_full
                    );

$icon_blocks[ $index ] = $styles;
                }

}
        }

//$menu_toggle_blocks(
        // (123, red, 150px),
        // (456, green, null),
        // (789, blue, 90%),());
        if ( count( $icon_blocks ) ) {

$list = "(";

foreach ( $icon_blocks as $id => $vals ) {
                $list .= "(" . implode( ",", $vals ) . "),";
            }

// Always add an empty list item to meke sure there are always at least 2 items in the list
            // Lists with a single item are not treated the same way by SASS
            $list .= "());";

$vars['icon_blocks'] = $list;

} else {

$vars['icon_blocks'] = "()";

}

return $vars;
    }

/**
     * Add "Icon" as a drop down option to the toggle block editor
     *
     * @since 1.4
     * @param array $options
     * @return array
     */
    public function icon_add_as_available_block_option( $options ) {
        $options['icon'] = __("Icon", "megamenu_pro");

return $options;

}

/**
     * Output the icon (front end)
     *
     * @since 1.4
     * @param string $html
     * @param array $settings
     * @return string
     */
    public function icon_output_block_public( $html, $settings ) {

$anchor_attributes = apply_filters( "megamenu_toggle_icon_attributes", array(
            'class' => 'mega-icon',
            'href' => isset($settings['url']) ? $settings['url'] : get_home_url(),
            'target' => isset($settings['target']) ? $settings['target'] : '_self',
            'title' => isset($settings['title']) ? $settings['title'] : ''
        ), $settings );

$html = "<a";

foreach ( $anchor_attributes as $name => $val ) {
            if ( strlen( $val ) ) {
                $html .= " " . $name ."='" . esc_attr( $val ) . "'";
            }
        }

$html .= "></a>";

return $html;

}

/**
     * Output the HTML for the "Icon" block settings
     *
     * @since 1.4
     * @param int $block_id
     * @param array $settings
     */
    public function icon_output_block_admin( $block_id, $settings = array() ) {

if ( empty( $settings ) ) {
            $block_id = "0";
        }

$defaults = array(
            'align' => 'left',
            'icon' => 'dash-f319',
            'color' => '#fff',
            'url' => '',
            'size' => '20px',
            'target' => '_self',
            'title' => ''
        );

$settings = array_merge( $defaults, $settings );

$icon_code = "";
        $icon_type = "dashicons";

if ( isset( $settings['icon'] ) ) {
            $icon_full = $settings['icon'];
            $icon_parts = explode( '-', $settings['icon'] );

// e.g. f006
            $icon_code = end( $icon_parts );

$icon_code_attr = "&#x" . $icon_code . "";
            $icon_type = reset( $icon_parts );
            $icon_type_parts = explode( " ", $icon_type);
            // e.g. dashicons / fa / fab / fas
            $icon_type = reset( $icon_type_parts);
        }

<div class='block icon_block'>
            <div class='block-title'><span title='<?php _e("Icon", "megamenupro"); ?>' class="<?php echo $icon_type ?>" rel='<?php echo $icon_code_attr; ?>'></span></div>
            <div class='block-settings'>
                <h3><?php _e("Icon Settings", "megamenupro") ?></h3>
                <input type='hidden' class='type' name='toggle_blocks[<?php echo $block_id; ?>][type]' value='icon' />
                <input type='hidden' class='align' name='toggle_blocks[<?php echo $block_id; ?>][align]' value='<?php echo $settings['align'] ?>'>

<label>
                    <?php _e("Icon", "megamenupro") ?>
                    <?php $this->print_icon_option( 'icon', $block_id, $settings['icon'], array() ); ?>
                </label>
                <label>
                    <?php _e("Color", "megamenupro") ?>
                    <?php $this->print_toggle_color_option( 'color', $block_id, $settings['color'] ); ?>
                </label>
                <label>
                    <?php _e("URL", "megamenupro") ?>
                    <input type='text' name='toggle_blocks[<?php echo $block_id; ?>][url]' value='<?php echo $settings['url']; ?>' />
                </label>
                <label>
                    <?php _e("Open in new window?", "megamenupro") ?>

<select name='toggle_blocks[<?php echo $block_id; ?>][target]'>
                        <option value='_self' <?php selected( $settings['target'], '_self' )  ?>><?php _e("No", "megamenupro") ?></option>
                        <option value='_blank' <?php selected( $settings['target'], '_blank' ) ?>><?php  _e("Yes", "megamenupro") ?></option>
                    </select>
                </label>
                <label>
                    <?php _e("Size", "megamenupro") ?>
                    <input type='text' name='toggle_blocks[<?php echo $block_id; ?>][size]' value='<?php echo $settings['size']; ?>' />
                </label>
                <label>
                    <?php _e("Title", "megamenupro") ?>
                    <input type='text' name='toggle_blocks[<?php echo $block_id; ?>][title]' value='<?php echo $settings['title']; ?>' />
                </label>
                <a class='mega-delete'><?php _e("Delete", "megamenupro"); ?></a>
            </div>
        </div>

<?php
    }

/**
     * Print an icon selection box
     *
     * @since 2.1
     * @param string $key
     * @param int $block_id
     * @param string $value
     */
    public function print_icon_option( $key, $block_id, $value, $icons ) {

$icons = array();

?>
            <select class='toggle_block_icon_dropdown' name='toggle_blocks[<?php echo $block_id ?>][<?php echo $key ?>]'>
                <?php

if ( class_exists( 'Mega_Menu_Menu_Item_Manager') && method_exists( 'Mega_Menu_Menu_Item_Manager', 'all_icons' ) ) {

echo "<optgroup label='Dashicons'>";

$menu_item_manager = new Mega_Menu_Menu_Item_Manager();
                        $icons = $menu_item_manager->all_icons();

foreach ($icons as $code => $class) {
                            echo "<option data-class='dashicons {$class}' value='{$code}'" . selected( $value, $code, false ) . ">{$code}</option>";
                        }

echo "</optgroup>";
                    }

if ( class_exists( 'Mega_Menu_Font_Awesome') && method_exists( 'Mega_Menu_Font_Awesome', 'icons' ) ) {

echo "<optgroup label='Font Awesome 4'>";

$fontawesome = new Mega_Menu_Font_Awesome();
                        $fa_icons = $fontawesome->icons();

foreach ($fa_icons as $code => $class) {
                            echo "<option data-class='{$class}' value='{$code}'" . selected( $value, $code, false ) . ">{$code}</option>";
                        }

echo "</optgroup>";
                    }

if ( class_exists( 'Mega_Menu_Font_Awesome_5') && method_exists( 'Mega_Menu_Font_Awesome_5', 'icons' ) ) {

echo "<optgroup label='Font Awesome 5'>";

$fontawesome5 = new Mega_Menu_Font_Awesome_5();
                        $fa5_icons = $fontawesome5->icons();

foreach ($fa5_icons as $code => $class) {
                            echo "<option data-class='{$class}' value='{$class} {$code}'" . selected( $value, $class . " " . $code, false ) . ">{$class} {$code}</option>";
                        }

echo "</optgroup>";
                    }
                    
                ?>
            </select>

<?php
    }

/**
     * Return the saved toggle blocks for a specified theme
     *
     * @param string $theme_id
     * @since 1.4
     * @return array
     */
    private function get_toggle_blocks_for_theme( $theme_id ) {

if ( function_exists( 'max_mega_menu_get_toggle_blocks' ) ) {
            $blocks = max_mega_menu_get_toggle_blocks();

if ( isset( $blocks[ $theme_id ] ) ) {
                return $blocks[ $theme_id ];
            }
        }

return false;

}

/**
     * Append the logo SCSS to the main SCSS file
     *
     * @since 1.4
     * @param string $scss
     * @param string
     */
    public function append_scss( $scss ) {

$path = trailingslashit( plugin_dir_path( __FILE__ ) ) . 'scss/toggle-blocks.scss';

$contents = file_get_contents( $path );

return $scss . $contents;

}

endif;