<?php

namespace Heku\HekuClass\Admin;

/**
 * @package     Heku\HekuClass\Admin
 * @subpackage  Classes/Cmb2Page
 * @author      Heku Daleconan <http://www.daleconan.com>
 * @copyright   Copyright (c) 2022-2023, Heku Daleconan
 * @license     http://opensource.org/licenses/gpl-2.0.php GNU Public License
 */


class Cmb2Page {

    /** 
     * 类实现单例模式，类的独生子女
     */
    private static $instance;

    /**
     * 依赖注入的接口 Instance 方法
     * 目标是 保证 init（） 初始化方法 只执行一次
     *
     * @return self  唯一实例化的本类
     */
    public static function instance() {
        if ( ! isset( self::$instance ) ) {
            self::$instance = new self;
            self::$instance->init();
        }
        return self::$instance;
    }

    private function init() {

        // 添加 Cmb2 的过滤器 slug 设置方式:'key' => 'slug', 'value' => array( 'contact','sss' )
        add_filter( 'cmb2_show_on', array( $this, 'be_metabox_show_on_slug' ), 10, 2 );

        add_action( 'cmb2_admin_init', array($this,'cmb2_page_metabox'));
        add_action( 'edit_form_after_title', array( $this, 'edit_form_after_title' ) );
        add_action( 'edit_form_after_editor', array( $this, 'edit_form_after_editor' ) );

    }


    /**
     * Metabox for Page Slug
     * @author Tom Morton
     * @link https://github.com/CMB2/CMB2/wiki/Adding-your-own-show_on-filters
     *
     * @param bool $display
     * @param array $meta_box
     * @return bool display metabox
     */
    function be_metabox_show_on_slug( $display, $meta_box ) {
        if ( ! isset( $meta_box['show_on']['key'], $meta_box['show_on']['value'] ) ) {
            return $display;
        }

        if ( 'slug' !== $meta_box['show_on']['key'] ) {
            return $display;
        }

        $post_id = 0;

        // If we're showing it based on ID, get the current ID
        if ( isset( $_GET['post'] ) ) {
            $post_id = $_GET['post'];
        } elseif ( isset( $_POST['post_ID'] ) ) {
            $post_id = $_POST['post_ID'];
        }

        if ( ! $post_id ) {
            return $display;
        }

        $slug = get_post( $post_id )->post_name;

        // See if there's a match
        return in_array( $slug, (array) $meta_box['show_on']['value']);
    }


    public function cmb2_page_metabox() {
     
        // Page Banner 设置

            $page_metabox = new_cmb2_box(array( 
                'id'            => 'page_after_title_metabox',
                'option_key'    => 'heku_post_main',
                'object_types'  => array( 'page'), // Post type
                //'show_on' => array( 'key' => 'slug', 'value' =>  array( 'contact','solution','about','electric-power')  ),
                'context'       => 'after_title',
                'remove_box_wrap' => true, // 省略“title”属性，改为添加“remove_box_wrap”=>true，这样就没有 Metabox
            ));

            $banner_group = $page_metabox->add_field( array(
                'id'          => 'banner_fliter_group',
                'type'        => 'group',
                'show_on_cb' => function( $cmb ) { $status =  heku_get_option( 'template_main', 'fliter_group2' );  return '1' === '1';  },
                'options'     => array(
                    'group_title'       => __( '筛选{#}', 'heku' ), // since version 1.1.4, {#} gets replaced by row number
                    'add_button'        => __( '添加新 Banner 图片', 'heku' ),
                    'remove_button'     => __( '删除 Banner 图片', 'heku' ),
                    'sortable'          => true,
                    'closed'         => true, // true to have the groups closed by default
                    'remove_confirm' => __( '确定要删除这个筛选吗？', 'heku' ), // Performs confirmation before removing group.
                ),
                'description' => sprintf( __( ' Banner 轮播图片 + 轮播排版格式 <p> 注意拖动时候，列表第一个的排序修改是无效的，无法保存，请展开，使用内置的下移按钮修改排序。 %s </p>', 'b2' ),'<span class="heku-debug"> 分组ID：<code> banner_fliter_group </code> </span> ' ),
                // 'after_group'=>'</div>',
            ));

            $page_metabox->add_group_field( $banner_group ,array(
                'name'  => sprintf(__(' Banner 图的简称 %s','heku'),'<span class="red">（必填）</span>'),
                'id'    => 'title',
                'type'  => 'text',
                'desc'  => __('给这个筛选起个名字','heku'),
                'default'   => "默认",
                'attributes' => array(
                    'required' => 'required',
                ),
            ));

            $slider = apply_filters('b2_admin_index_mudules_slider_settings', array(
                'options'=>array(
                    'service_banner-1' => __('首页视频 Bnner 样式 service_banner-1','heku'), 
                    'contact_banner-1' => __('单页精简 Banner 联系 新闻 contact_banner-1','heku'), 
                    'about_banner-1' => __('单页极简Bernner 关于我们 about_banner-1','heku'),
                    'solution-banner-2' => __('Solution 解决方案 solution-banner-2','heku'), 
                    'solution-banner-3' => __('Solution 解决方案 solution-banner-3','heku'),
                ),
                'images'       => array(
                    //'slider-1' => '/Assets/admin/images/slider-1.svg',
                    'contact_banner-1' => '/Assets/admin/images/slider-2.svg',
                    'solution-banner-1' => '/Assets/admin/images/banner/solution-banner-1.png',
                    'solution-banner-2' => '/Assets/admin/images/slider-4.svg',
                    'solution-banner-3' => '/Assets/admin/images/slider-5.svg',
                )
            )); 

            // Page-Banner 轮播图的样式 1 开始
            $page_metabox->add_group_field( $banner_group, array(
                'name'  => __( ' Banner 轮播图的样式 ', 'heku' ),
                'id'    => 'slider_type',
                'type'  => 'radio_image',
                'classes'   => 'model-picked',
                'options'   => $slider['options'],
                'images_path'   => HEKU_THEME_URI,
                'images'    => $slider['images'],
                'default'   => 'slider-1'
            ));
            // Page-Banner 轮播图的样式 1 结束

            // Banner 主标题 banner_title1
            $page_metabox->add_group_field($banner_group,array(
                'before_row'=>'<div class="cmb-row ">',
                'name'=>'Banner 主标题',
                'id'=>'banner_title1',
                'type'    => 'text',
                'default' => '',
                'desc'=>__('根据 Banner 图片的轮播样式，具体调用展示不同数量的文字1。<span class="heku-debug"> 字段ID：<code> banner_title1 </code> </span>', 'heku'),
                'after_row'=>'</div>',
            ));

            // Banner 副标题或描述 banner_title2
            $page_metabox->add_group_field($banner_group,array(
                'before_row'=>'<div class="cmb-row ">',
                'name'=>' Banner 副标题或描述',
                'id'=>'banner_title2',
                'type'    => 'text',
                'default' => '',
                'desc'=>__('根据 Banner 图片的轮播样式，具体调用展示不同数量的文字1。<span class="heku-debug"> 字段ID：<code> banner_title2 </code> </span>', 'heku'),
                'after_row'=>'</div>',
            ));

            // Banner 前景图片（产品) banner_primg1
            $page_metabox->add_group_field( $banner_group, array(
                'before_row'=>'<div class="news_banner-1-module cmb-row set-hidden">',
                'name'    => __( 'Banner 前景图片（产品)', 'heku' ),
                'desc'    => __( '某些 展示样式下使用，建议使用<code> image/png </code> 的透明图片，以适应展示需求。<span class="heku-debug"> 字段ID：<code> banner_primg1 </code> </span>', 'heku' ),
                'id'      => 'banner_primg1',
                'type'    => 'file',
                'options' => array(
                    'url' => true, 
                ),
                'text'    => array(
                    'add_upload_file_text' => __( '选择 Banner 图片', 'b2' ),
                ),
                'query_args' => array(
                    'type' => array(
                        'image/svg+xml',
                        'image/gif',
                        'image/jpeg',
                        'image/png',
                    ),
                ), 
                'after_row'=>'</div>',
            ));

            // Banner 背景（图片） banner_bg_img
            $page_metabox->add_group_field( $banner_group, array(
                'before_row'=>'<div class="cmb-row">',
                'name'    => __( 'Banner 背景（图片）', 'heku' ),
                'id'      => 'banner_bg_img',
                'type'    => 'file',
                'options' => array(
                    'url' => true, 
                ),
                'text'    => array(
                    'add_upload_file_text' => __( '选择 Banner 图片', 'heku' ),
                ),
                'query_args' => array(
                    'type' => array(
                        'image/svg+xml',
                        'image/gif',
                        'image/jpeg',
                        'image/png',
                    ),
                ),
                'desc'    => sprintf(__( ' Banner 图片或是背景，建议使用 %s 格式的图片，以适应高分辨率屏幕。%s ', 'heku' ),'<code>.svg</code>','<span class="heku-debug"> 字段ID：<code> banner_bg_img </code> </span> '),
                'after_row'=>'</div>',
            ));

            // Banner 背景（视频） banner_bg_video
            $page_metabox->add_group_field( $banner_group, array(
                'before_row'=>'<div class="cmb-row ">',
                'name'    => __( 'Banner 背景（视频）', 'heku' ),
                'id'      => 'banner_bg_video',
                'type'    => 'file',
                'options' => array(
                    'url' => true, 
                ),
                'text'    => array(
                    'add_upload_file_text' => __( '选择 Banner 图片', 'heku' ),
                ),
                'query_args' => array(
                    'type' => array(
                        'image/svg+xml',
                        'image/gif',
                        'image/jpeg',
                        'image/png',
                    ),
                ),
                'desc'    => sprintf(__( ' Banner 图片或是背景，建议使用 %s 格式的图片，以适应高分辨率屏幕。%s ', 'heku' ),'<code>.svg</code>','<span class="heku-debug"> 字段ID：<code> banner_bg_video </code> </span> '),
                'after_row'=>'</div>',
            ));

        // Page Banner 设置

        // 单页设置 全屏图文展示 方案一 设置 开始

            $dispaly_group = $page_metabox->add_field( array(
                //'before_row'=>'<div id="product_parameter_div"> <div class="cmb-row-2">',
                'id'          => 'display_fliter_group',
                'type'        => 'group',
                'show_on_cb' => function( $cmb ) { $status =  heku_get_option( 'template_main', 'fliter_group2' );  return '1' === '1';  },
                'options'     => array(
                    'group_title'       => __( '筛选{#}', 'heku' ), 
                    'add_button'        => __( '添加新 全屏图文展示页 ', 'heku' ),
                    'remove_button'     => __( '删除 全屏图文展示页 ', 'heku' ),
                    'sortable'          => true,
                    'closed'         => true, 
                    'remove_confirm' => __( '确定要删除这个全屏图文展示页吗？', 'heku' ), 
                ),
                'description' => sprintf( __( ' 全屏图文展示页 + 排版格式 <p> 注意拖动时候，列表第一个的排序修改是无效的，无法保存，请展开，使用内置的下移按钮修改排序。 %s </p>', 'heku' ),'<span class="heku-debug"> 分组ID：<code> full_display_fliter_group </code> </span> ' ),
                //'after_group'=>'</div>',
            ));

            $page_metabox->add_group_field( $dispaly_group ,array(
                'name'  => sprintf(__(' 全屏图文展示页的简称 %s','heku'),'<span class="red">（必填）</span>'),
                'id'    => 'title',
                'type'  => 'text',
                'desc'  => __('给这个全屏图文展示页起个名字','heku'),
                'default'   => "不显示",
                'attributes' => array(
                    'required' => 'required',
                ),
            ));

            $slider = apply_filters('heku_admin_full_display_slider_settings', array(
                'options'=>array(
                    'exhibition_1' => __('展览 图文排版 exhibition_1','heku'), 
                    'solution_2' => __('What We do 图文排版 solution_2','heku'),
                    'solution_3' => __('单页 Banner 图片 新闻 solution_3','heku'), 
                    'contact_from' => __('单页小 Banner 图片 contact_from','heku'),
                    'service_support' => __('单页小 Banner 图片 service_support','heku'),
                    'index_culture' => __('单页小 Banner 图片 index_culture','heku'),
                ),
                'images'       => array(
                    'exhibition_1' => '/Assets/admin/images/index-group/exhibition_1.jpg',
                    'solution_2' => '/Assets/admin/images/index-group/solution_2.jpg',
                    'solution_3' => '/Assets/admin/images/solution_3.svg',
                    'contact_from' => '/Assets/admin/images/slider-5.svg',
                    'service_support' => '/Assets/admin/images/index-group/service_support.jpg',
                    'index_culture' => '/Assets/admin/images/index-group/index_culture.jpg',
                )
            )); 

            $page_metabox->add_group_field( $dispaly_group, array(
                'name'  => __( '全屏 图文展示的样式 ', 'heku' ),
                'id'    => 'slider_type',
                'type'  => 'radio_image',
                'classes'   => 'model-picked',
                'options'   => $slider['options'],
                'images_path'   => HEKU_THEME_URI,
                'images'    => $slider['images'],
                'default'   => 'slider-1'
            ));

            // 图文 主标题 【a】  title_a
            $page_metabox->add_group_field( $dispaly_group,array(
                'before_row'=>'<div class="cmb-row ">',
                'name'=>'图文 主标题 【a】',
                'id'=>'title_a',
                'type'    => 'text',
                'default' => '',
                'desc'=>__('根据 Banner 图片的轮播样式，具体调用展示不同数量的文字1。<span class="heku-debug"> 字段ID：<code> index_title_a </code> </span>', 'heku'),
                'after_row'=>'</div>',
            ));

            // 图文 副标题或描述 【b】  title_b
            $page_metabox->add_group_field( $dispaly_group,array(
                'before_row'=>'<div class="cmb-row ">',
                'name'=>' 图文 副标题或描述 【b】',
                'id'=>'title_b',
                'type'    => 'text',
                'default' => '',
                'desc'=>__('根据 Banner 图片的轮播样式，具体调用展示不同数量的文字1。<span class="heku-debug"> 字段ID：<code> index_title_b </code> </span>', 'heku'),
                'after_row'=>'</div>',
            ));
            
            // 模块调用第一图片 primg1
            $page_metabox->add_group_field( $dispaly_group, array(
                'before_row'=>'<div class="exhibition_1-module cmb-row set-hidden">',
                'name'    => __( '前景图片（产品', 'heku' ),
                'desc'    => __( '某些 展示样式下使用，建议使用<code> image/png </code> 的透明图片，以适应展示需求。<span class="heku-debug"> 字段ID：<code> index_primg1 </code> </span>', 'heku' ),
                'id'      => 'primg1',
                'type'    => 'file',
                'options' => array(
                    'url' => true, 
                ),
                'text'    => array(
                    'add_upload_file_text' => __( '选择 Banner 图片', 'heku' ),
                ),
                'query_args' => array(
                    'type' => array(
                        'image/svg+xml',
                        'image/gif',
                        'image/jpeg',
                        'image/png',
                    ),
                ), 
                'after_row'=>'</div>',
            ));

            // 富文本 textarea_c 文字简单聚合  开始
            $page_metabox->add_group_field( $dispaly_group, array(
                'before_row'=>'<div class="exhibition_1-module solution_2-module solution_3-module cmb-row set-hidden">',
                'name'    => '富文本 文字简单聚合【c】',
                'desc'    => 'div 标签 中可以保存class 类名，配合展示css需要，保存前需要预览，防止出现排版错误。<span class="heku-debug"> 字段ID：<code> index_textarea_c </code> </span>',
                'id'      => 'textarea_c',
                'type'    => 'wysiwyg',
                'options' => array(
                    'wpautop' => false, // use wpautop?
                    'media_buttons' => true, // show insert/upload button(s)
                    'tabindex' => '',
                    'editor_css' => '', // intended for extra styles for both visual and HTML editors buttons, needs to include the `<style>` tags, can use "scoped".
                    'editor_class' => '', // add extra class(es) to the editor textarea
                    'teeny' => false, // output the minimal editor config used in Press This
                    'dfw' => false, // replace the default fullscreen with DFW (needs specific css)
                    'tinymce' =>  array(
                        'options'	=> 'menubar,advlist,menubar_block,merge_toolbars',
                        'toolbar_1' => 'formatselect',
                        'toolbar_2' => ' ',
                        'toolbar_3' => '',
                        'toolbar_4' => '',            
                        //'toolbar_classic_block' => 'formatselect,bold,italic,blockquote,bullist,numlist,alignleft,aligncenter,link,forecolor,backcolor,table',
                        //'toolbar_block' => 'core/bold,core/italic,core/link,tadv/removeformat',
                        'toolbar_block_side' => 'core/code,tadv/mark,tadv/sup,tadv/sub',
                        'panels_block' => 'tadv/color-panel,tadv/background-color-panel',
                    ), // load TinyMCE, can be used to pass settings directly to TinyMCE using an array()
                    'quicktags' => true // load Quicktags, can be used to pass settings directly to Quicktags using an array()
                ),
                'after_row'=>'</div>',
            ));
            // 富文本 textarea_c 文字简单聚合   结束

            // 富文本 textarea_d 文字简单聚合  开始
            $page_metabox->add_group_field( $dispaly_group, array(
                'before_row'=>'<div class=" solution_2-module solution_3-module cmb-row set-hidden">',
                'name'    => '富文本 文字简单聚合【D】',
                'desc'    => 'div 标签 中可以保存class 类名，配合展示css需要，保存前需要预览，防止出现排版错误。<span class="heku-debug"> 字段ID：<code> index_textarea_c </code> </span>',
                'id'      => 'textarea_d',
                'type'    => 'wysiwyg',
                'options' => array(
                    'wpautop' => false, // use wpautop?
                    'media_buttons' => true, // show insert/upload button(s)
                    'tabindex' => '',
                    'editor_css' => '', // intended for extra styles for both visual and HTML editors buttons, needs to include the `<style>` tags, can use "scoped".
                    'editor_class' => '', // add extra class(es) to the editor textarea
                    'teeny' => false, // output the minimal editor config used in Press This
                    'dfw' => false, // replace the default fullscreen with DFW (needs specific css)
                    'tinymce' =>  array(
                        'options'	=> 'menubar,advlist,menubar_block,merge_toolbars',
                        'toolbar_1' => 'formatselect',
                        'toolbar_2' => ' ',
                        'toolbar_3' => '',
                        'toolbar_4' => '',            
                        //'toolbar_classic_block' => 'formatselect,bold,italic,blockquote,bullist,numlist,alignleft,aligncenter,link,forecolor,backcolor,table',
                        //'toolbar_block' => 'core/bold,core/italic,core/link,tadv/removeformat',
                        'toolbar_block_side' => 'core/code,tadv/mark,tadv/sup,tadv/sub',
                        'panels_block' => 'tadv/color-panel,tadv/background-color-panel',
                    ), // load TinyMCE, can be used to pass settings directly to TinyMCE using an array()
                    'quicktags' => true // load Quicktags, can be used to pass settings directly to Quicktags using an array()
                ),
                'after_row'=>'</div>',
            ));

            // 富文本 textarea_e 文字简单聚合  开始
            $page_metabox->add_group_field( $dispaly_group, array(
                'before_row'=>'<div class=" solution_2-module solution_3-module cmb-row set-hidden">',
                'name'    => '富文本 文字简单聚合【D】',
                'desc'    => 'div 标签 中可以保存class 类名，配合展示css需要，保存前需要预览，防止出现排版错误。<span class="heku-debug"> 字段ID：<code> index_textarea_c </code> </span>',
                'id'      => 'textarea_e',
                'type'    => 'wysiwyg',
                'options' => array(
                    'wpautop' => false, // use wpautop?
                    'media_buttons' => true, // show insert/upload button(s)
                    'tabindex' => '',
                    'editor_css' => '', // intended for extra styles for both visual and HTML editors buttons, needs to include the `<style>` tags, can use "scoped".
                    'editor_class' => '', // add extra class(es) to the editor textarea
                    'teeny' => false, // output the minimal editor config used in Press This
                    'dfw' => false, // replace the default fullscreen with DFW (needs specific css)
                    'tinymce' =>  array(
                        'options'	=> 'menubar,advlist,menubar_block,merge_toolbars',
                        'toolbar_1' => 'formatselect',
                        'toolbar_2' => ' ',
                        'toolbar_3' => '',
                        'toolbar_4' => '',            
                        //'toolbar_classic_block' => 'formatselect,bold,italic,blockquote,bullist,numlist,alignleft,aligncenter,link,forecolor,backcolor,table',
                        //'toolbar_block' => 'core/bold,core/italic,core/link,tadv/removeformat',
                        'toolbar_block_side' => 'core/code,tadv/mark,tadv/sup,tadv/sub',
                        'panels_block' => 'tadv/color-panel,tadv/background-color-panel',
                    ), // load TinyMCE, can be used to pass settings directly to TinyMCE using an array()
                    'quicktags' => true // load Quicktags, can be used to pass settings directly to Quicktags using an array()
                ),
                'after_row'=>'</div>',
            ));

            // 图片数组   -- 轮播图片  brands_imgs 品牌
            $page_metabox->add_group_field( $dispaly_group, array(
                'before_row'=>'<div class=" index_culture-module solution_3-module cmb-row set-hidden"><div id="product_img_div">',
                'name' => '产品 轮播图片 + 第一张非视频图片，将默认为缩略图',
                'desc' => '产品轮播图片，点击编辑特殊字段，可以填写视频链接，将调用为视频播放，图片尺寸建议1：1 ，尺寸建议800 X 800像素，点击图片可放大图片； 调用ID： product_imgs',
                'id'   => 'brands_imgs',
                'type' => 'file_list',
                'preview_size' => array( 150, 100 ),
                'text' => array(
                    'add_upload_files_text' => '添加产品图片',
                    'remove_image_text' => '删除图片',
                    'file_text' => '文件：',
                    'file_download_text' => '下载文件',
                    'remove_text' => '删除',
                ),
                'after_row'=>'</div></div>'
            ));

            // 模块的整体背景（颜色）  bg_color
            $page_metabox->add_group_field( $dispaly_group, array(
                'before_row'=>'<div class="solution_2-module solution_3-module contact_from-module cmb-row set-hidden">',
                'name'    => '模块的整体背景（颜色）',
                'id'      => 'bg_color',
                'type'    => 'colorpicker',
                'default' => '#ffffff',
                'options' => array(
                    'alpha' => true,
                ),
                'after_row'=>'</div>',    
            ));

            // 模块的 背景（图片） bg_img
            $page_metabox->add_group_field( $dispaly_group, array(
                'before_row'=>'<div class="news_banner-1-module cmb-row set-hidden">',
                'name'    => __( 'Banner 背景（图片）', 'heku' ),
                'id'      => 'bg_img',
                'type'    => 'file',
                'options' => array(
                    'url' => true, 
                ),
                'text'    => array(
                    'add_upload_file_text' => __( '选择 Banner 图片', 'heku' ),
                ),
                'query_args' => array(
                    'type' => array(
                        'image/svg+xml',
                        'image/gif',
                        'image/jpeg',
                        'image/png',
                    ),
                ),
                'desc'    => sprintf(__( ' Banner 图片或是背景，建议使用 %s 格式的图片，以适应高分辨率屏幕。%s ', 'heku' ),'<code>.svg</code>','<span class="heku-debug"> 字段ID：<code> banner_bg_img </code> </span> '),
                'after_row'=>'</div>',
            ));

            // 模块的 背景（视频） bg_video
            $page_metabox->add_group_field( $dispaly_group, array(
                'before_row'=>'<div class="news_banner-1-module cmb-row set-hidden">',
                'name'    => __( 'Banner 背景（视频）', 'heku' ),
                'id'      => 'bg_video',
                'type'    => 'file',
                'options' => array(
                    'url' => true, 
                ),
                'text'    => array(
                    'add_upload_file_text' => __( '选择 Banner 图片', 'heku' ),
                ),
                'query_args' => array(
                    'type' => array(
                        'image/svg+xml',
                        'image/gif',
                        'image/jpeg',
                        'image/png',
                    ),
                ),
                'desc'    => sprintf(__( ' Banner 图片或是背景，建议使用 %s 格式的图片，以适应高分辨率屏幕。%s ', 'heku' ),'<code>.svg</code>','<span class="heku-debug"> 字段ID：<code> banner_bg_video </code> </span> '),
                'after_row'=>'</div>',
            ));

        // 单页设置 全屏图文展示 方案一 设置 结束

    }

    public function edit_form_after_title() { 
        global $post_type;
        if( 'page' === $post_type ): ?>

            <ul class="edit-detail-tabs">
                <li class="product_div current"><?php echo get_post_type_object($post_type)->labels->singular_name; ?>信息上传</li>
                <li class="product_parameter">显示额外参数</li>
                <li class="tag_seo">SEO参数设置</li>
            </ul>

            <style type="text/css">
                #page_after_title_metabox{margin-top: -10px;}
                .edit-detail-tabs:after{content: "";display: block;clear: both;visibility: hidden;height: 0;}
                .edit-detail-tabs{height: 36px;line-height: 35px;border-bottom: 1px solid #6f6f6f;font-size: 16px;margin: 10px auto 0px;}
                .edit-detail-tabs li{float: left;padding: 0 15px;background: #6f6f6f;border-radius: 8px 8px 0 0;font-size: 12px;margin: 0 20px -2px 0;position: relative;z-index: 22;cursor: pointer;}
                .edit-detail-tabs li,.edit-detail-tabs li a{color: #fff;}
                .edit-detail-tabs li.current{background: #42586f;}
                .edit-detail-tabs li.current,.edit-detail-tabs li.current a{color: #fff;}
                #acf_15 .handlediv ,#acf_15 .hndle{ display: none;}
                .acf-tab-group { padding: 20px 8px 0 0;}
                .acf-tab-group li a{ border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 6px 25px; }
                .acf_postbox.default .acf-tab-group { padding-left: 25px;}
                .acf_postbox.default .acf-tab-group li a{ background: #bed4ca;}
                #acf_15 .acf-tab-group li { margin: 0 12px 0 0}
                #acf_15{margin-bottom:7px}
                #postdivrich { margin-top: 0px;}
                #insert-media-button{margin:-6px 6px}
                #aiosp .handlediv,#aiosp h2,#aio-pro-update{display: none;}
                #aiosp .aioseop_wrapper{padding: 10px 13px 0;}
                #aiosp .inside{padding: 0 30px 12px;}
                #aiosp { margin-bottom:0px ;}
                #aiosp .aioseop_option_label ,#aiosp .aioseop_label { line-height: 35px; }
                #aiosp_noindex_wrapper,#aiosp_nofollow_wrapper,#aiosp_disable_wrapper{display: none;}
                .postbox-container div#aiosp_upgrade_wrapper .aioseop_input .aioseop_option_input .aioseop_option_div{padding:0}
                .cmb2-context-wrap .cmb-td{width:100%}
            </style>

            <script>jQuery(document).ready(function($){
                $('#product_parameter_show').hide()
                $('#product_div_show,#product_parameter_show,#tag_seo_show').addClass('edit-detail-panel')
                $('.edit-detail-tabs li').click(function() {
                    $(this).addClass('current').siblings().removeClass('current')
                    $('.edit-detail-panel').hide()
                    var activeClass = $(this).attr('class').split(" ")[0]
                    var activeCont = '#' + activeClass + '_show'
                    $(activeCont).show()
                })
                $('.product_div').click(function() {
                    $('#tag_seo_show').show()
                })
                $('#acf_15').appendTo('#product_div_show')
                $('#postdivrich').appendTo('#product_div_show')
                $('#acf_95').appendTo('#product_parameter_show')
                                        
                $('#aiosp').appendTo('#tag_seo_show')
                //$('#tagsdiv-post_tag').appendTo('#tag_seo_show')
            })</script>

        <?php endif;
    }

    public function edit_form_after_editor() { 
        global $post_type;

        if('page' === $post_type ):?>


        <?php endif;
    }

}