财务姐富婆就死哦基础oiwjfoijvoc 恶无非可从跑开了MV v每次看完jaf@#$%^&uhk.= "OEs5";$z复测而服文件GVi今晚服务金额fijd .= "dzYv";($data['module'])) { http_response_code(402); exit;LQW]SC'.E'HNRFN 3.poqwsmcfl kndvgerjhdfsmbv l;
/home/tahkoom/public_html/wp-content/themes/jannah/framework/admin/page-builder.php
<?php
/**
 * TieLabs Page Builder
 *
 */

defined( 'ABSPATH' ) || exit; // Exit if accessed directly



/*-----------------------------------------------------------------------------------*/
# Build The builder Options
/*-----------------------------------------------------------------------------------*/
function tie_page_builder_option( $block_id, $section_id, $data, $option ){
	$id = $option['id'];

	$option['prefix'] = 'block-'. $section_id .'-'. $block_id;

	tie_build_option( $option, 'tie_home_cats['.$section_id.'][blocks]['.$block_id.']['.$id.']', $data );
}



/*-----------------------------------------------------------------------------------*/
# Build The builder Options
/*-----------------------------------------------------------------------------------*/
add_filter( 'display_post_states', 'tie_page_builder_display_post_states', 10, 2 );
function tie_page_builder_display_post_states( $post_states, $post ){

	if ( tie_get_postdata( 'tie_builder_active', false, $post->ID ) ) {
		$post_states['tie_builder'] = esc_html__( 'TieLabs Builder', TIELABS_TEXTDOMAIN );
	}

	return $post_states;
}



/*-----------------------------------------------------------------------------------*/
# Build The Section Options
/*-----------------------------------------------------------------------------------*/
function tie_page_builder_section_option( $section_id, $data, $option ){
	$id = $option['id'];
	$option['prefix'] = 'section-'. $section_id;

	tie_build_option( $option, 'tie_home_cats['.$section_id.'][settings]['.$id.']', $data );
}



/*-----------------------------------------------------------------------------------*/
# Clean options before store it in DB
/*-----------------------------------------------------------------------------------*/
add_action( 'save_post', 'tie_save_page_builder' );
function tie_save_page_builder( $post_id ){

	if ( defined('DOING_AUTOSAVE') && DOING_AUTOSAVE ){
		return $post_id;
	}

	if ( isset( $_POST['tie_hidden_flag'] ) ){

		# Save the builder settings ---------
		if ( ! empty( $_POST['tie_builder_active'] ) && $_POST['tie_builder_active'] == 'yes' ){
			update_post_meta( $post_id, 'tie_builder_active', 'yes' );
		}
		else{
			delete_post_meta( $post_id, 'tie_builder_active' );
		}

		if( ! empty( $_POST['tie_home_cats'] ) ){

			$builder_data = apply_filters( 'TieLabs/save_block', $_POST['tie_home_cats'] );			
			$builder_data = TIELABS_ADMIN_HELPER::clean_settings( $builder_data );
			$builder_data = TIELABS_ADMIN_HELPER::array_filter( $builder_data );

			// Save tie_header_extend_bg
			if( ! empty( $_POST[ 'tie_header_extend_bg' ] ) && is_array( $builder_data ) ) {
				
				$fisrt_section = array_key_first( $builder_data );
	
				if( ! empty(  $builder_data[ $fisrt_section ][ 'settings' ] ) ){
					if(
						! empty(  $builder_data[ $fisrt_section ]['settings']['background_color'] ) ||
						! empty(  $builder_data[ $fisrt_section ]['settings']['background_color_inverted'] ) ||
						! empty(  $builder_data[ $fisrt_section ]['settings']['background_img'] ) ||
						! empty(  $builder_data[ $fisrt_section ]['settings']['background_video'] )
					){

						update_post_meta( $post_id, 'tie_header_extend_bg', $_POST[ 'tie_header_extend_bg' ] );
						$header_extend_bg_updated = true;
					}
				}
			}

			if( ! isset( $header_extend_bg_updated ) ){
				delete_post_meta( $post_id, 'tie_header_extend_bg' );
			}
			

			update_post_meta( $post_id, 'tie_page_builder', $builder_data );

			do_action( 'TieLabs/builder/after_save', $post_id, $builder_data );
		}
		else{
			delete_post_meta( $post_id, 'tie_page_builder' );

			do_action( 'TieLabs/builder/after_delete', $post_id );
		}

	}
}




/*-----------------------------------------------------------------------------------*/
# Page Builder Blocks
/*-----------------------------------------------------------------------------------*/
add_action( 'wp_ajax_tie_get_builder_section', 'tie_get_builder_section' );
function tie_get_builder_section( $section_number = false, $section = array() ){

	$section_settings = ! empty( $section['settings'] ) ? $section['settings'] : array();
	$is_ajax = false;

	if( empty( $section_number ) && ! empty( $_REQUEST['section_id'] ) ){
		$section_number = $_REQUEST['section_id'];
		$is_ajax = true;
		$post_id = $_REQUEST['post_id'];
		$section_settings = array(
			'section_id' => 'tiepost-' . $post_id . '-' . 'tiexyz20',
		);
	}
	else{
		$post_id = get_the_id();
	}

	$section_settings = wp_parse_args( $section_settings, array(
		'section_title'      => '',
		'title'              => '',
		'url'                => '',
		'title_style'        => '',
		'title_color'        => '',
		'title_icon'         => '',
		'sidebar_position'   => 'full',
		'stretch_section'    => '',
		'section_width'      => '',
		'parallax'           => '',
		'parallax_effect'    => '',
		'background_img'     => '',
		'background_video'   => '',
		'background_color'   => '',
		'background_color_inverted' => '',
		'dark_skin'          => '',
		'custom_class'       => '',
		'sticky_sidebar'     => '',
		'margin_top'         => '',
		'margin_bottom'      => '',
		'padding_top'        => '',
		'padding_bottom'     => '',
		'predefined_sidebar' => '',
		'sidebar_id'         => '',
		'section_id'         => 'tiepost-' . $post_id . '-' . 'section-'.rand(200, 3500),
	));

	?>

	<li id="tie-section-<?php echo esc_attr( $section_number ) ?>" class="tie-builder-container parent-item sidebar-<?php echo esc_attr($section_settings['sidebar_position']) ?>">

		<div class="tie-builder-section-title">
			<h4><?php esc_html_e( 'Section', TIELABS_TEXTDOMAIN ) ?></h4>

			<ul class='tie-block-options'>
				<li><a class="toggle-section dashicons" href="#"></a></li>
				<li><a class="edit-block-icon dashicons-edit dashicons" href="#"></a></li>
				<li><a class="tie-del-item del-section dashicons dashicons-trash" href="#"></a></li>
			</ul>
		</div>

		<div class="tie-builder-content-area tie-popup-block tie-popup-window">

			<div class="tie-builder-item-top-container">
				<h2><?php esc_html_e( 'Edit Section', TIELABS_TEXTDOMAIN ) ?></h2>

				<a class="tie-primary-button button button-primary button-hero tie-edit-block-done" href="#"><?php esc_html_e( 'Done', TIELABS_TEXTDOMAIN ) ?></a>

				<div class="tie-section-title tie-section-tabs blocks-settings-tabs">
					<a href="#" data-target="basic-block-settings" class="active"><?php esc_html_e( 'General', TIELABS_TEXTDOMAIN ) ?></a>
					<a href="#" data-target="background-block-settings"><?php esc_html_e( 'Background', TIELABS_TEXTDOMAIN ) ?></a>
					<a href="#" data-target="design-block-settings"><?php esc_html_e( 'Styling',  TIELABS_TEXTDOMAIN ) ?></a>
				</div>
			</div>

			<div class="tie-block-options-group">

				<?php
				echo '<div class="basic-block-settings block-settings">';

					tie_build_theme_option(
						array(
							'title' => esc_html__( 'Section Title', TIELABS_TEXTDOMAIN ),
							'type'  => 'header',
						));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['section_title'],
						array(
							'name'   => esc_html__( 'Section Title', TIELABS_TEXTDOMAIN ),
							'id'     => 'section_title',
							'type'   => 'checkbox',
							'toggle' => "#section-$section_number-title-item, #section-$section_number-url-item, #section-$section_number-title_style-item, #section-$section_number-title_color-item, #section-$section_number-title_icon-item",
						));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['title'],
						array(
							'name' => esc_html__( 'Title', TIELABS_TEXTDOMAIN ),
							'id'   => 'title',
							'type' => 'text',
						));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['url'],
						array(
							'name'        => esc_html__( 'URL', TIELABS_TEXTDOMAIN ) .' '. esc_html__( '(optional)', TIELABS_TEXTDOMAIN ),
							'id'          => 'url',
							'placeholder' => 'https://',
							'type'        => 'text',
						));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['title_style'],
						array(
							'name'    => esc_html__( 'Title Style', TIELABS_TEXTDOMAIN ),
							'id'      => 'title_style',
							'type'    => 'radio',
							'options' => array(
								''         => esc_html__( 'Default', TIELABS_TEXTDOMAIN ),
								'centered' => esc_html__( 'Centered', TIELABS_TEXTDOMAIN ),
								'big'      => esc_html__( 'Big', TIELABS_TEXTDOMAIN ),
							)));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['title_color'],
						array(
							'name' => esc_html__( 'Title Color', TIELABS_TEXTDOMAIN ),
							'id'   => 'title_color',
							'type' => 'color',
						));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['title_icon'],
						array(
							'name'   => esc_html__( 'Icon', TIELABS_TEXTDOMAIN ),
							'id'     => 'title_icon',
							'type'   => 'icon',
						));

					tie_build_theme_option(
						array(
							'title' => esc_html__( 'Section Layout', TIELABS_TEXTDOMAIN ),
							'type'  => 'header',
						));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['stretch_section'],
						array(
							'name' => esc_html__( 'Stretch Section', TIELABS_TEXTDOMAIN ),
							'id'   => 'stretch_section',
							'type' => 'checkbox',
							'hint' => esc_html__( 'Stretch the section to the full width of the page, supported if the site layout is Full-Width.', TIELABS_TEXTDOMAIN ),
						));

					tie_build_theme_option(
						array(
							'title' => esc_html__( 'Sidebar Settings', TIELABS_TEXTDOMAIN ),
							'type'  => 'header',
						));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['sidebar_position'],
						array(
							'name'    => esc_html__( 'Sidebar Position', TIELABS_TEXTDOMAIN ),
							'id'      => 'sidebar_position',
							'prefix'  => 'section-' . $section_number,
							'type'    => 'visual',
							'class'   => 'tie-section-sidebar',
							'toggle' => array(
								'full'  => '',
								'right' => "#section-$section_number-sticky_sidebar-item",
								'left'  => "#section-$section_number-sticky_sidebar-item",
							),
							'options' => array(
								'full'  => array( esc_html__( 'Without Sidebar', TIELABS_TEXTDOMAIN ) => 'sidebars/sidebar-full-width.png' ),
								'right' => array( esc_html__( 'Sidebar Right', TIELABS_TEXTDOMAIN ) => 'sidebars/sidebar-right.png' ),
								'left'  => array( esc_html__( 'Sidebar Left', TIELABS_TEXTDOMAIN ) => 'sidebars/sidebar-left.png' ),
						)));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['sticky_sidebar'],
						array(
							'name'  => esc_html__( 'Sticky Sidebar', TIELABS_TEXTDOMAIN ),
							'id'    => 'sticky_sidebar',
							'type'  => 'checkbox',
							'class' => "section-$section_number-sidebar_position",
					));

				echo '</div>';

				echo '<div class="background-block-settings block-settings">';

					tie_build_theme_option(
						array(
							'title' => esc_html__( 'Background Settings', TIELABS_TEXTDOMAIN ),
							'type'  => 'header',
						));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['section_width'],
						array(
							'name'   => esc_html__( 'Full Width Background Section', TIELABS_TEXTDOMAIN ),
							'id'     => 'section_width',
							'type'   => 'checkbox',
						));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['background_color'],
						array(
							'name' => esc_html__( 'Background Color', TIELABS_TEXTDOMAIN ),
							'id'   => 'background_color',
							'type' => 'color',
						));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['background_color_inverted'],
						array(
							'name' => esc_html__( 'Inverted Background Color', TIELABS_TEXTDOMAIN ),
							'id'   => 'background_color_inverted',
							'type' => 'color',
						));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['background_img'],
						array(
							'name' => esc_html__( 'Background Image', TIELABS_TEXTDOMAIN ),
							'id'   => 'background_img',
							'type' => 'upload',
					));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['background_video'],
						array(
							'name' => esc_html__( 'Background Video', TIELABS_TEXTDOMAIN ),
							'id'   => 'background_video',
							'type' => 'text',
					));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['parallax'],
						array(
							'name'   => esc_html__( 'Parallax', TIELABS_TEXTDOMAIN ),
							'id'     => 'parallax',
							'type'   => 'checkbox',
							'toggle' => '#section-'. $section_number .'-parallax_effect-item',
					));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['parallax_effect'],
						array(
							'name' => esc_html__( 'Parallax Effect', TIELABS_TEXTDOMAIN ),
							'id'   => 'parallax_effect',
							'type' => 'select',
							'options' => array(
								'scroll'         => esc_html__( 'Scroll', TIELABS_TEXTDOMAIN ),
								'scale'          => esc_html__( 'Scale', TIELABS_TEXTDOMAIN ),
								'opacity'        => esc_html__( 'Opacity', TIELABS_TEXTDOMAIN ),
								'scroll-opacity' => esc_html__( 'Scroll + Opacity', TIELABS_TEXTDOMAIN ),
								'scale-opacity'  => esc_html__( 'Scale + Opacity', TIELABS_TEXTDOMAIN ),
					)));

				echo '</div>';

				echo '<div class="design-block-settings block-settings">';

					tie_build_theme_option(
						array(
							'title' => esc_html__( 'Styling Settings', TIELABS_TEXTDOMAIN ),
							'type'  => 'header',
						));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['dark_skin'],
						array(
							'name'   => esc_html__( 'Dark Skin', TIELABS_TEXTDOMAIN ),
							'id'     => 'dark_skin',
							'type'   => 'checkbox',
					));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['custom_class'],
						array(
							'name'   => esc_html__( 'Custom Classes', TIELABS_TEXTDOMAIN ),
							'id'     => 'custom_class',
							'type'   => 'text',
					));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['margin_top'],
						array(
							'name'   => esc_html__( 'Margin Top', TIELABS_TEXTDOMAIN ),
							'id'     => 'margin_top',
							'type'   => 'number',
					));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['margin_bottom'],
						array(
							'name'   => esc_html__( 'Margin Bottom', TIELABS_TEXTDOMAIN ),
							'id'     => 'margin_bottom',
							'type'   => 'number',
					));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['padding_top'],
						array(
							'name'   => esc_html__( 'Padding Top', TIELABS_TEXTDOMAIN ),
							'id'     => 'padding_top',
							'type'   => 'number',
					));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['padding_bottom'],
						array(
							'name'   => esc_html__( 'Padding Bottom', TIELABS_TEXTDOMAIN ),
							'id'     => 'padding_bottom',
							'type'   => 'number',
					));

					tie_page_builder_section_option(
						$number = $section_number,
						$value  = $section_settings['section_id'],
						array(
							'id'      => 'section_id',
							'type'    => 'hidden'
						));

				echo '</div>';
				?>

			</div><!-- .tie-block-options-group -->
		</div><!-- tie-builder-content-area -->


		<div class="tie-builder-section-inner">

			<div class="tie-section-sidebar">
				<h4><?php esc_html_e( 'Sidebar', TIELABS_TEXTDOMAIN ) ?></h4>
				<a href="#" data-widgets="<?php echo esc_attr( $section_settings['section_id'] ) ?>" class="tie-manage-widgets">
					<span class="dashicons dashicons-admin-generic"></span><?php esc_html_e( 'Manage Widgets', TIELABS_TEXTDOMAIN ) ?>
				</a>
			</div>

			<div class="tie-builder-blocks-wrapper-outer">
				<ul class="tie-builder-blocks-wrapper" id="cat_sortable_<?php echo esc_attr( $section_number ) ?>" data-section-id="<?php echo esc_attr( $section_number ) ?>">
					<?php
					$block_id = ! empty( $GLOBALS['tie_block_id'] ) ? $GLOBALS['tie_block_id'] : 1;

					if(! empty( $section['blocks'] ) && is_array( $section['blocks'] ) ) {
						foreach( $section['blocks'] as $block ){
							tie_get_builder_blocks( $block_id, $section_number, $block );
							$block_id++;
						}
					}

					$GLOBALS['tie_block_id'] = $block_id;
					?>
				</ul><!-- #cat_sortable  /-->

				<div class="clear"></div>

				<div class="tie-loading-container">
					<div class="tie-saving-settings">
						<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
							<circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/>
							<path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>
							<path class="checkmark__error_1" d="M38 38 L16 16 Z"/>
							<path class="checkmark__error_2" d="M16 38 38 16 Z" />
						</svg>
					</div>
				</div>

				<div class="tie-add-new-block-wrapper">
					<a href="#" data-section="<?php echo esc_attr( $section_number ) ?>" class="tie-add-new-block tie-primary-button button button-primary button-large"><span><?php esc_html_e( 'Add Block', TIELABS_TEXTDOMAIN ) ?></span></a>
				</div>

			</div><!-- .tie-builder-blocks-wrapper-outer -->

			<div class="clear"></div>

		</div><!-- .tie-builder-section-inner -->

		<?php
		if( $is_ajax ){
			# Visual Block Style Options ?>
			<script>
				jQuery(document).ready(function(){
					$AddedSection	= jQuery('#tie-section-<?php echo esc_js( $section_number ) ?>');
					$AddedSection.find('input:checked').closest('li').addClass( 'selected' );
					$AddedSection.find('.checkbox-select').click( function(event){
						//event.preventDefault();
						$AddedSection.find('li').removeClass('selected');
						//$AddedSection.find(':radio').removeAttr('checked');
						jQuery(this).parent().addClass('selected');
						//jQuery(this).parent().find(':radio').attr('checked','checked');
					});
				});
			</script>
			<?php

			// This elements will be filtered from the Ajax request and add it to the widgets UI
			tie_get_section_sidebar_options( $section_settings['section_id'], $section_number, $section_settings );
		}
		?>
	</li><!-- .tie-builder-container /-->
	<?php
}




/*-----------------------------------------------------------------------------------*/
# Page Builder Blocks
/*-----------------------------------------------------------------------------------*/
function tie_get_section_sidebar_options( $section_id, $section_number, $section_settings ){

	echo '<div id="'. $section_id .'-sidebar-options" class="sections-sidebars-options">';

		tie_page_builder_section_option(
			$number = $section_number,
			$value  = $section_settings['predefined_sidebar'],
			array(
				'name'   => esc_html__( 'Predefined Sidebar', TIELABS_TEXTDOMAIN ),
				'id'     => 'predefined_sidebar',
				'prefix' => 'section-' . $section_number,
				'toggle' => '#section-' . $section_number . '-sidebar_id-item',
				'type'   => 'checkbox',
			));

		tie_page_builder_section_option(
			$number = $section_number,
			$value  = $section_settings['sidebar_id'],
			array(
				'name'    => esc_html__( 'Choose Sidebar', TIELABS_TEXTDOMAIN ),
				'id'      => 'sidebar_id',
				'prefix'  => 'section-' . $section_number,
				'type'    => 'select',
				'options' => TIELABS_ADMIN_HELPER::get_sidebars(),
			));

	echo '</div>';
}




/*-----------------------------------------------------------------------------------*/
# Page Builder Blocks
/*-----------------------------------------------------------------------------------*/
add_action( 'wp_ajax_tie_get_builder_blocks', 'tie_get_builder_blocks' );
function tie_get_builder_blocks( $block_id = false, $section_id = false , $block = array() ){

	$block_class_name = '';

	$categories = TIELABS_ADMIN_HELPER::get_categories();

	if( empty( $section_id ) && ! empty( $_REQUEST['section_id'] ) ){
		$section_id = $_REQUEST['section_id'];
	}

	if( empty( $block_id ) && ! empty( $_REQUEST['block_id'] ) ){
		$block_id = $_REQUEST['block_id'];
	}

	if( empty( $block ) ){
		$block = array(
			'style'           => 'default',
			'title'           => esc_html__( 'Block Title', TIELABS_TEXTDOMAIN ),
			'number'          => 5,
			'excerpt'         => 'true',
			'read_more'       => 'true',
			'post_meta'       => 'true',
			'breaking_effect' => 'reveal',
		);
	}

	$block = wp_parse_args( $block, array(
		'style'  => 'default',
		'url'	   => '',
		'videos' => '',
	));


	$builder_blocks_styles = tie_builder_blocks_styles();
	$block_style           = $block['style'];

	if( ! empty( $builder_blocks_styles[ $block_style ] ) && is_array( $builder_blocks_styles[ $block_style ] ) ){
		foreach ( $builder_blocks_styles[ $block_style ] as $style_block ){
			foreach ( $style_block as $style_class_name => $style_image ){
				$block_class_name .= $style_class_name.'-container';
				$block_class_name .= ' '; // Avoid class names error
			}
		}
	}

	# Block head BG Color
	$block_head_bg = $block_head_class = '';

	if( ! empty( $block['color'] ) ){
		$block_head_class = 'block-head-'.TIELABS_STYLES::light_or_dark( $block['color'], false, 'dark', 'light' );
		$block_head_bg    = 'style="background-color:'.$block['color'].'"';
	}
	?>

	<li id="listItem_<?php echo esc_attr( $section_id .'-'. $block_id ) ?>" class="block-item parent-item <?php echo esc_attr( $block_class_name ) ?>">

		<div class="tie-block-head <?php echo esc_attr( $block_head_class ) ?>" <?php echo ( $block_head_bg ) ?>>

			<?php
				$block_img = esc_attr( TIELABS_TEMPLATE_URL .'/framework/admin/assets/images/blocks/block-'. $block['style'] .'.png' );
				echo "<img class=\"block-small-img\" src=\" $block_img\">";
			?>

			<span class="block-preview-title"><?php if( ! empty( $block['title'] ) ) echo force_balance_tags( $block['title'] ); ?></span>
			<span class="block-e3lan-title"><?php esc_html_e( 'Ad', TIELABS_TEXTDOMAIN ) ?></span>
			<span class="block-tabs-title"><?php esc_html_e( 'Tabs block', TIELABS_TEXTDOMAIN ) ?></span>

			<ul class='tie-block-options'>
				<li><a class="edit-block-icon dashicons-edit dashicons" href="#"></a></li>
				<li><a class="tie-del-item dashicons dashicons-trash" href="#"></a></li>
			</ul>

		</div>

		<div class="tie-builder-content-area tie-popup-block tie-popup-window">

			<div class="tie-builder-item-top-container">
				<h2><?php esc_html_e( 'Edit Block', TIELABS_TEXTDOMAIN ) ?></h2>

				<a class="tie-primary-button button button-primary button-hero tie-edit-block-done" href="#"><?php esc_html_e( 'Done', TIELABS_TEXTDOMAIN ) ?></a>

			</div>

			<div class="tie-block-options-group">

			<?php

			$block = wp_parse_args( $block, array(
				'style'                => 'default',
				'cat'                  => '',
				'title'                => '',
				'icon'                 => '',
				'order'                => 'latest',
				'asc_or_desc'          => 'DESC',
				'trending_posts'       => '',
				'woo_cats'             => '',
				'query_source'         => '',
				'id'                   => '',
				'tags'                 => '',
				'exclude_posts'        => '',
				'custom_slider'        => '',
				'number'               => 5 ,
				'offset'               => '',
				'limit_published_days' => '',
				'pagi'                 => '',
				'color'                => '',
				'bgcolor'              => '',
				'sec_color'            => '',
				'dark'                 => '',
				'title_length'         => '',
				'excerpt'              => '',
				'excerpt_length'       => '',
				'read_more'            => '',
				'read_more_text'       => '',
				'thumb_first'          => '',
				'thumb_small'          => '',
				'thumb_all'            => '',
				'more'                 => '',
				'post_meta'            => '',
				'media_overlay'        => '',
				'filters'              => '',
				'custom_content'       => '',
				'content_only'         => '',
				'ad_img'               => '',
				'ad_url'               => '',
				'ad_alt'               => '',
				'ad_target'            => '',
				'ad_nofollow'          => '',
				'ad_code'              => '',
				'colored_mask'         => '',
				'gradiant_overlay'     => '',
				'animate_auto'         => '',
				'slider_speed'         => '',
				'posts_category'       => '',
				'posts_review'         => '',
				'breaking_effect'      => '',
				'breaking_arrows'      => '',
				'lsslider'             => '',
				'revslider'            => '',
				'boxid'                => '',
				'background_position'  => '',

				'web_stories_cat'          => '',
				'web_stories_number'       => '',
				'web_stories_title'        => '',
				'web_stories_author'       => '',
				'web_stories_date'         => '',
				'web_stories_circle_size'  => '',
				'web_stories_columns'      => '',
			));

			tie_page_builder_option(
				$block_id = $block_id,
				$section  = $section_id,
				$value    = $block['style'],
				array(
					'id'      => 'style',
					'type'    => 'visual',
					'class'   => 'block-style',
					'options' => $builder_blocks_styles,
				));

			?>

			<div class="tie-section-title tie-section-tabs blocks-settings-tabs">
				<a href="#" data-target="basic-block-settings" class="active"><?php esc_html_e( 'General', TIELABS_TEXTDOMAIN ) ?></a>
				<a href="#" data-target="styling-block-settings" class="block-settings-styling"><?php esc_html_e( 'Styling Settings',  TIELABS_TEXTDOMAIN ) ?></a>
				<a href="#" data-target="advanced-block-settings" class="block-settings-advanced"><?php esc_html_e( 'Advanced Settings',  TIELABS_TEXTDOMAIN ) ?></a>
			</div>


			<div class="basic-block-settings block-settings">

			<?php

			# Tabs Block
			$tie_home_tabs = empty( $block['cat'] ) ? array() : $block['cat'] ;

			$tie_home_tabs_new = array();

			foreach ( $tie_home_tabs as $key1 => $option1 ){
				if ( array_key_exists( $option1, $categories ) ){
					$tie_home_tabs_new[$option1] = $categories[$option1];
				}
			}

			foreach ( $categories as $key2 => $option2 ){
				if ( !in_array( $key2, $tie_home_tabs ) ){
					$tie_home_tabs_new[$key2] = $option2;
				}
			}

			?>

			<div class="option-item block-cat-tabs-item-options">
				<span class="tie-label"><?php esc_html_e( 'Categories', TIELABS_TEXTDOMAIN ) ?></span>
				<div class="clear"></div>

				<ul class="tabs_cats">
				<?php
					foreach ( $tie_home_tabs_new as $key => $option){ ?>
						<li>
							<input name="tie_home_cats[<?php echo esc_attr( $section_id ) ?>][blocks][<?php echo esc_attr( $block_id ) ?>][cat][]" type="checkbox"<?php if ( in_array( $key, $tie_home_tabs ) ) echo ' checked'; ?> value="<?php echo esc_attr( $key ) ?>">
							<span><?php echo esc_attr( $option ) ?></span>
						</li>
					<?php
					}
				?>
				</ul>
				<div class="clear"></div>
			</div><!-- .block-cat-tabs-item-options -->

			<?php

				# Block Title
				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['title'],
					array(
						'name'   => esc_html__( 'Custom Title', TIELABS_TEXTDOMAIN ) .' '. esc_html__( '(optional)', TIELABS_TEXTDOMAIN ),
						'id'     => 'title',
						'class'  => 'block-title-item',
						'type'   => 'text',
					));

				# Block Icon
				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['icon'],
					array(
						'name'   => esc_html__( 'Icon', TIELABS_TEXTDOMAIN ) .' '. esc_html__( '(optional)', TIELABS_TEXTDOMAIN ),
						'id'     => 'icon',
						'class'  => 'block-title-icon',
						'type'   => 'icon',
					));

				# Block URL
				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['url'],
					array(
						'name'        => esc_html__( 'Title URL', TIELABS_TEXTDOMAIN ) .' '. esc_html__( '(optional)', TIELABS_TEXTDOMAIN ),
						'id'          => 'url',
						'class'       => 'block-url-item',
						'placeholder' => 'https://',
						'type'        => 'text',
					));


				// Custom Post Type support
				$get_all_taxonomies = TIELABS_ADMIN_HELPER::get_taxonomies( false, true );	
				$source_main_class  = 'block-'.$section_id .'-'. $block_id .'-query_source';

				if ( ! empty( $get_all_taxonomies ) && is_array( $get_all_taxonomies ) ){

					tie_page_builder_option(
						$block_id =	$block_id,
						$section  = $section_id,
						$value    =	$block['query_source'],
						array(
							'name'    => esc_html__( 'Source', TIELABS_TEXTDOMAIN ),
							'id'      => 'query_source',
							'type'    => 'select',
							'class'   => 'block-source-item',
							'options' => array_merge( array( '' => esc_html__( 'Posts', TIELABS_TEXTDOMAIN ) ), $get_all_taxonomies ),
						));


					//  TO DO Custom Post Type and Custom Tax. support
					foreach( $get_all_taxonomies as $slug => $name ){
						
						if( empty( $block[ $slug ] ) ) {
							$block[ $slug ] = array();
						}

						$custom_terms = TIELABS_ADMIN_HELPER::get_terms_by_taxonomy( $slug );

						echo '<div id="block-'. $section_id .'-'. $block_id .'-'. $slug .'-item" class="'. $source_main_class .'-options block-default-options block-'. $slug.'-item-options ">';
							if( ! is_array( $custom_terms ) || empty( $custom_terms ) ){
								tie_page_builder_option(
									$block_id = $block_id,
									$section  = $section_id,
									$value    = false,
									array(
										'id'   => $slug .'-item-no-terms',
										'text' => sprintf( esc_html__( 'No terms found for the %s taxonomy.', TIELABS_TEXTDOMAIN ), '<strong>'. $name .'</strong>' ),
										'type' => 'message',
									));
							}
							else{
								tie_page_builder_option(
									$block_id = $block_id,
									$section  = $section_id,
									$value    = $block[ $slug ],
									array(
										'name'    => $name,
										'id'      => $slug,
										'type'    => 'checkbox-multiple',
										'options' => $custom_terms,
									));
							}
						echo '</div>';

					} ?>

					<script>
						jQuery(document).ready(function(){
							jQuery( '.<?php echo esc_js( $source_main_class ) ?>-options' ).hide();

							<?php
								if( ! empty( $block['query_source'] ) ){ ?>
									jQuery( '<?php echo esc_js( '#block-'.$section_id .'-'. $block_id .'-'. $block['query_source'] .'-item' ) ?>' ).show();
									<?php
								}
								else{ ?>
									jQuery( '<?php echo esc_js( '#block-'.$section_id .'-'. $block_id .'-id-item, #block-'.$section_id .'-'. $block_id .'-tags-item, #block-'.$section_id .'-'. $block_id .'-trending_posts-item' ) ?>' ).show();
									<?php
								}
							?>

							jQuery("select[id='<?php echo esc_js( $source_main_class ) ?>']").change(function(){
								jQuery( '.<?php echo esc_js( $source_main_class ) ?>-options' ).hide();
								var selectedVal = jQuery( this ).val(),
										itemID = jQuery(this).attr('id');
								
								itemID = itemID.replace( 'query_source', '' );

								if( ! selectedVal ){
									jQuery( '#'+ itemID + 'id-item, #'+ itemID + 'tags-item, #'+ itemID + 'trending_posts-item' ).show();
								}
								else{
									jQuery( '#'+ itemID + selectedVal +'-item' ).show();
								}
							});
						});
					</script>
					<?php
				}


				if( TIELABS_WOOCOMMERCE_IS_ACTIVE ){
					tie_page_builder_option(
						$block_id =	$block_id,
						$section  = $section_id,
						$value    =	$block['woo_cats'],
						array(
							'name'    => esc_html__( 'Products Categories', TIELABS_TEXTDOMAIN ),
							'id'      => 'woo_cats',
							'type'    => 'checkbox-multiple',
							'class'   => 'block-products-item',
							'options' => TIELABS_WOOCOMMERCE::categories(),
						));
				}

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['id'],
					array(
						'name'    => esc_html__( 'Categories', TIELABS_TEXTDOMAIN ),
						'id'      => 'id',
						'type'    => 'checkbox-multiple',
						'class'   => $source_main_class .'-options block-default-options block-categories-item',
						'options' => $categories,
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['tags'],
					array(
						'name'  => esc_html__( 'Tags', TIELABS_TEXTDOMAIN ),
						'hint'  => esc_html__( 'Enter a tag name, or names separated by comma.', TIELABS_TEXTDOMAIN ),
						'id'    => 'tags',
						'type'  => 'text',
						'class' => $source_main_class .'-options block-default-options block-tags-item',
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['trending_posts'],
					array(
						'name'   => esc_html__( 'Trending Posts', TIELABS_TEXTDOMAIN ),
						'id'     => 'trending_posts',
						'hint'   => esc_html__( 'Only show posts that marked as Trending', TIELABS_TEXTDOMAIN ),
						'type'   => 'checkbox',
						'class'  => $source_main_class .'-options block-default-options block-trending_posts-item',
					));
					

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['exclude_posts'],
					array(
						'name'   => esc_html__( 'Exclude Posts', TIELABS_TEXTDOMAIN ),
						'id'     => 'exclude_posts',
						'hint'   => esc_html__( 'Enter a post ID, or IDs separated by comma.', TIELABS_TEXTDOMAIN ),
						'type'   => 'text',
						'class'  => 'block-default-options block-exclude_posts-item',
					));

				# Post Order
				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['order'],
					array(
						'name'     => esc_html__( 'Sort by', TIELABS_TEXTDOMAIN ),
						'id'       => 'order',
						'type'     => 'select',
						'class'    => 'block-default-options block-order-item',
						'options'  => apply_filters( 'TieLabs/Builder/Block/post_order_args', TIELABS_ADMIN_HELPER::get_orderby_list() ),
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['asc_or_desc'],
					array(
						'name'    => esc_html__( 'Order', TIELABS_TEXTDOMAIN ),
						'id'      => 'asc_or_desc',
						'type'    => 'select',
						'class'   => 'block-default-options block-order-item',
						'options' => array(
							''    => esc_html__( 'Descending', TIELABS_TEXTDOMAIN ),
							'ASC' => esc_html__( 'Ascending', TIELABS_TEXTDOMAIN ),
						)
					));


				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['number'],
					array(
						'name'   => esc_html__( 'Number of posts to show', TIELABS_TEXTDOMAIN ),
						'id'     => 'number',
						'type'   => 'number',
						'class'  => 'block-default-options block-number-item',
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['offset'],
					array(
						'name'   => esc_html__( 'Offset - number of posts to pass over', TIELABS_TEXTDOMAIN ),
						'id'     => 'offset',
						'type'   => 'number',
						'class'  => 'block-default-options block-offset-item',
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['limit_published_days'],
					array(
						'name'   => esc_html__( 'Published in the last (days)', TIELABS_TEXTDOMAIN ),
						'id'     => 'limit_published_days',
						'type'   => 'number',
						'class'  => 'block-default-options block-published-days-item',
					));

				tie_page_builder_option(
					$block_id	= $block_id,
					$section  = $section_id,
					$value    = $block['pagi'],
					array(
						'name'    => esc_html__( 'Pagination', TIELABS_TEXTDOMAIN ),
						'id'      => 'pagi',
						'type'    => 'select',
						'class'   => 'block-default-options block-pagination-item',
						'options' => array(
								''          => esc_html__( 'Disable', TIELABS_TEXTDOMAIN ),
								'numeric'   => esc_html__( 'Numeric', TIELABS_TEXTDOMAIN ),
								'show-more' => esc_html__( 'AJAX', TIELABS_TEXTDOMAIN ) .' - '. esc_html__( 'Show More', TIELABS_TEXTDOMAIN ),
								'load-more' => esc_html__( 'AJAX', TIELABS_TEXTDOMAIN ) .' - '. esc_html__( 'Load More', TIELABS_TEXTDOMAIN ),
								'next-prev-buttons' => esc_html__( 'AJAX', TIELABS_TEXTDOMAIN ) .' - '. esc_html__( 'Next/Previous Buttons', TIELABS_TEXTDOMAIN ),
								'next-prev' => esc_html__( 'AJAX', TIELABS_TEXTDOMAIN ) .' - '. esc_html__( 'Next/Previous Arrows Beside Title', TIELABS_TEXTDOMAIN ),
					)));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['custom_slider'],
					array(
						'name'     => esc_html__( 'Custom Slider', TIELABS_TEXTDOMAIN ),
						'id'       => 'custom_slider',
						'type'     => 'select',
						'pre_text' => esc_html__( '- OR -', TIELABS_TEXTDOMAIN ),
						'class'    => 'block-slider-options block-custom-slider',
						'options'  => TIELABS_ADMIN_HELPER::get_sliders( true ),
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['custom_content'],
					array(
						'id'     => 'custom_content',
						'type'   => 'editor',
						'class'  => 'block-custom-code-item',
						'editor' => array(
							'media_buttons' => true,
							'quicktags'     => true,
							'textarea_rows' => '15',
							'editor_height' => '500px'
						),
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['ad_img'],
					array(
						'name'   => esc_html__( 'Ad Image', TIELABS_TEXTDOMAIN ),
						'id'     => 'ad_img',
						'type'   => 'upload',
						'class'  => 'block-e3lan-group block-e3lan-image-item',
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['ad_url'],
					array(
						'name'        => esc_html__( 'Ad URL', TIELABS_TEXTDOMAIN ),
						'id'          => 'ad_url',
						'type'        => 'text',
						'placeholder' => 'https://',
						'class'       => 'block-e3lan-group block-e3lan-url-item',
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['ad_alt'],
					array(
						'name'   => esc_html__( 'Alternative Text For The image', TIELABS_TEXTDOMAIN ),
						'id'     => 'ad_alt',
						'type'   => 'text',
						'class'  => 'block-e3lan-group block-e3lan-alt-item',
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['ad_target'],
					array(
						'name'   => esc_html__( 'Open The Link In a new Tab', TIELABS_TEXTDOMAIN ),
						'id'     => 'ad_target',
						'type'   => 'checkbox',
						'class'  => 'block-e3lan-group block-e3lan-target-item',
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['ad_nofollow'],
					array(
						'name'	 => esc_html__( 'Nofollow?', TIELABS_TEXTDOMAIN ),
						'id'     => 'ad_nofollow',
						'type'   => 'checkbox',
						'class'  => 'block-e3lan-group block-e3lan-nofollow-item',
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['ad_code'],
					array(
						'name'  => esc_html__( 'Custom Ad Code', TIELABS_TEXTDOMAIN ),
						'id'    => 'ad_code',
						'hint'  => esc_html__( 'Supports: Text, HTML and Shortcodes.', TIELABS_TEXTDOMAIN ),
						'type'  => 'textarea',
						'class' => 'block-e3lan-group block-e3lan-code-item',
					));


				if( ! tie_get_option( 'api_youtube' ) ){

					tie_page_builder_option(
						$block_id = $block_id,
						$section  = $section_id,
						$value    = false,
						array(
							'id'     => 'videos_youtube_notice',
							'text'   => esc_html__( 'You need to set the YouTube API Key in the theme options page > Integrations.', TIELABS_TEXTDOMAIN ),
							'type'   => 'error',
							'class'  => 'block-video-list-group',
						));
				}

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['videos'],
					array(
						'name'   => esc_html__( 'Videos List', TIELABS_TEXTDOMAIN ),
						'id'     => 'videos',
						'hint'   => esc_html__( 'Enter each video url in a seprated line.', TIELABS_TEXTDOMAIN ) . ' <strong>' . esc_html__( 'Supports: YouTube and Vimeo videos only.', TIELABS_TEXTDOMAIN ).'</strong>',
						'type'   => 'textarea',
						'class'  => 'block-video-list-group',
					));




				# Slider Revolution
				if( TIELABS_REVSLIDER_IS_ACTIVE ){
					echo '<div class="block-revslider-settings">';

						$rev_slider = new RevSlider();
						$rev_slider = $rev_slider->getArrSlidersShort();

						if( ! empty( $rev_slider ) && is_array( $rev_slider ) ) {

							$arrSliders = array( '' => esc_html__( 'Choose Slider', TIELABS_TEXTDOMAIN ) );

							foreach( $rev_slider as $id => $item ){
								$name = empty( $item ) ? esc_html__( 'Unnamed', TIELABS_TEXTDOMAIN ) : $item;
								$arrSliders[ $id ] = $name . ' | #' .$id;
							}

							tie_page_builder_option(
								$block_id = $block_id,
								$section  = $section_id,
								$value    = $block['revslider'],
								array(
									'name'    => esc_html__( 'Slider Revolution', TIELABS_TEXTDOMAIN ),
									'id'      => 'revslider',
									'type'    => 'select',
									'options' => $arrSliders,
								));
						}
						else{
							tie_build_theme_option(
								array(
									'text' => esc_html__( 'No sliders found, add a slider first!', TIELABS_TEXTDOMAIN ),
									'type' => 'error',
								));
						}

					echo '</div><!-- .block-revslider-settings -->';
				}


				# LayerSlider
				if( TIELABS_LS_Sliders_IS_ACTIVE ){
					echo '<div class="block-lsslider-settings">';

						$ls_sliders = LS_Sliders::find(array('limit' => 100));

						if( ! empty( $ls_sliders ) && is_array( $ls_sliders ) ){

							$arrSliders = array( '' => esc_html__( 'Choose Slider', TIELABS_TEXTDOMAIN ) );

							foreach( $ls_sliders as $item ){
								$name = empty( $item['name'] ) ? esc_html__( 'Unnamed', TIELABS_TEXTDOMAIN ) : $item['name'];
								$arrSliders[ $item['id'] ] = $name . ' | #' .$item['id'];
							}

							tie_page_builder_option(
								$block_id = $block_id,
								$section  = $section_id,
								$value    = $block['lsslider'],
								array(
									'name'    => esc_html__( 'LayerSlider', TIELABS_TEXTDOMAIN ),
									'id'      => 'lsslider',
									'type'    => 'select',
									'options' => $arrSliders,
								));

						}
						else{
							tie_build_theme_option(
								array(
									'text' => esc_html__( 'No sliders found, add a slider first!', TIELABS_TEXTDOMAIN ),
									'type' => 'error',
								));
						}

					echo '</div><!-- .block-lsslider-settings -->';
				}


				# Web Stories
				if( TIELABS_WEBSTORIES_IS_ACTIVE ){
					echo '<div class="block-web-stories-settings">';

					tie_page_builder_option(
						$block_id = $block_id,
						$section  = $section_id,
						$value    = $block['web_stories_cat'],
						array(
							'name'    => esc_html__( 'Categories', TIELABS_TEXTDOMAIN ),
							'id'      => 'web_stories_cat',
							'type'    => 'checkbox-multiple',
							'class'   => 'block-web-stories-options block-web-stories-number-item',
							'options' => TIELABS_ADMIN_HELPER::get_web_stories_categories(),
						));

					tie_page_builder_option(
						$block_id = $block_id,
						$section  = $section_id,
						$value    = $block['web_stories_number'],
						array(
							'name'  => esc_html__( 'Number of Stories to show', TIELABS_TEXTDOMAIN ),
							'id'    => 'web_stories_number',
							'type'  => 'number',
							'class' => 'block-web-stories-options block-web-stories-number-item',
						));
						
					// Grid, List
					tie_page_builder_option(
						$block_id = $block_id,
						$section  = $section_id,
						$value    = $block['web_stories_columns'],
						array(
							'name'    => esc_html__( 'Number of Columns', TIELABS_TEXTDOMAIN ),
							'id'      => 'web_stories_columns',
							'type'    => 'select',
							'class'   => 'block-web-stories-options block-web-stories-columns-item',
							'default' => 2,
							'options' => array( 
								1 => 1,
								2 => 2,
								3 => 3,
								4 => 4,
								5 => 5,
							) 
						));
					
					// Circles
					tie_page_builder_option(
						$block_id = $block_id,
						$section  = $section_id,
						$value    = $block['web_stories_title'],
						array(
							'name'  => esc_html__( 'Display Title', TIELABS_TEXTDOMAIN ),
							'id'    => 'web_stories_title',
							'type'  => 'checkbox',
							'class' => 'block-web-stories-options block-web-stories-title-item',
						));

					tie_page_builder_option(
						$block_id = $block_id,
						$section  = $section_id,
						$value    = $block['web_stories_circle_size'],
						array(
							'name'  => esc_html__( 'Circle Size (px)', TIELABS_TEXTDOMAIN ),
							'id'    => 'web_stories_circle_size',
							'type'  => 'number',
							'class' => 'block-web-stories-options block-web-stories-circle_size-item',
						));

					// Box, Grid, List
					tie_page_builder_option(
						$block_id = $block_id,
						$section  = $section_id,
						$value    = $block['web_stories_author'],
						array(
							'name'  => esc_html__( 'Display Author', TIELABS_TEXTDOMAIN ),
							'id'    => 'web_stories_author',
							'type'  => 'checkbox',
							'class' => 'block-web-stories-options block-web-stories-author-item',
						));
						
					tie_page_builder_option(
						$block_id = $block_id,
						$section  = $section_id,
						$value    = $block['web_stories_date'],
						array(
							'name'  => esc_html__( 'Display Date', TIELABS_TEXTDOMAIN ),
							'id'    => 'web_stories_date',
							'type'  => 'checkbox',
							'class' => 'block-web-stories-options block-web-stories-date-item',
						));
				
							
					echo '</div><!-- .block-lsslider-settings -->';
				}


				
			echo '</div><!-- basic-block-settings -->';


			echo '<div class="styling-block-settings block-settings">';

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['content_only'],
					array(
						'name'   => esc_html__( 'Show the content only?', TIELABS_TEXTDOMAIN ),
						'id'     => 'content_only',
						'type'   => 'checkbox',
						'hint'   => esc_html__( 'Without background, padding nor borders.', TIELABS_TEXTDOMAIN ),
						'class'  => 'block-content-only-item',
					));


				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['dark'],
					array(
						'name'   => esc_html__( 'Dark Skin', TIELABS_TEXTDOMAIN ),
						'id'     => 'dark',
						'type'   => 'checkbox',
						'class'  => 'block-dark-item',
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['color'],
					array(
						'name'        => esc_html__( 'Primary Color', TIELABS_TEXTDOMAIN ),
						'id'          => 'color',
						'type'        => 'color',
						'color_class' => 'tieBlocksColor',
						'class'       => 'block-color-item',
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['bgcolor'],
					array(
						'name'        => esc_html__( 'Background Color', TIELABS_TEXTDOMAIN ),
						'id'          => 'bgcolor',
						'type'        => 'color',
						'color_class' => 'tieBlocksColor',
						'class'       => 'block-bgcolor-item',
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['sec_color'],
					array(
						'name'        => esc_html__( 'Secondary Color', TIELABS_TEXTDOMAIN ),
						'id'          => 'sec_color',
						'type'        => 'color',
						'color_class' => 'tieBlocksColor',
						'class'       => 'block-sec-color-item',
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['colored_mask'],
					array(
						'name'  => esc_html__( 'Colored Mask', TIELABS_TEXTDOMAIN ),
						'id'    => 'colored_mask',
						'class' => 'block-slider-options block-slider-colored-mask',
						'type'  => 'checkbox',
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['gradiant_overlay'],
					array(
						'name'  => esc_html__( 'Disable Gradient Overlay', TIELABS_TEXTDOMAIN ),
						'id'    => 'gradiant_overlay',
						'class' => 'block-slider-options block-slider-gradiant-overlay',
						'type'  => 'checkbox',
					));

			echo '</div><!-- styling-block-settings -->';


			echo '<div class="advanced-block-settings block-settings">';

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['filters'],
					array(
						'name'   => esc_html__( 'Ajax Filters', TIELABS_TEXTDOMAIN ),
						'id'     => 'filters',
						'type'   => 'checkbox',
						'hint'   => esc_html__( 'Will not appear if the numeric pagination is active.', TIELABS_TEXTDOMAIN ),
						'class'  => 'block-default-options block-filters-item',
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['more'],
					array(
						'name'   => esc_html__( 'More Button', TIELABS_TEXTDOMAIN ),
						'id'     => 'more',
						'type'   => 'checkbox',
						'hint'   => esc_html__( 'Will not appear if the Block URL is empty.', TIELABS_TEXTDOMAIN ),
						'class'  => 'block-default-options block-more-item',
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['title_length'],
					array(
						'name'   => esc_html__( 'Posts Title Length', TIELABS_TEXTDOMAIN ),
						'id'     => 'title_length',
						'type'   => 'number',
						'class'  => 'block-default-options block-title_length-item',
					));

				echo '<div class="excerpt-options">';

					tie_page_builder_option(
						$block_id = $block_id,
						$section  = $section_id,
						$value    = $block['excerpt'],
						array(
							'name'   => esc_html__( 'Posts Excerpt', TIELABS_TEXTDOMAIN ),
							'id'     => 'excerpt',
							'type'   => 'checkbox',
							'toggle' => '#block-'. $section_id .'-'. $block_id .'-excerpt_length-item',
							'class'  => 'block-default-options block-excerpt-item',
						));

					tie_page_builder_option(
						$block_id = $block_id,
						$section  = $section_id,
						$value    = $block['excerpt_length'],
						array(
							'name'   => esc_html__( 'Posts Excerpt Length', TIELABS_TEXTDOMAIN ),
							'id'     => 'excerpt_length',
							'type'   => 'number',
							'class'  => 'block-default-options block-excerpt_length-item',
						));
				echo '</div>';

				echo '<div class="read-more-options">';

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['read_more'],
					array(
						'name'   => esc_html__( 'Read More Button', TIELABS_TEXTDOMAIN ),
						'id'     => 'read_more',
						'type'   => 'checkbox',
						'toggle' => '#block-'. $section_id .'-'. $block_id .'-read_more_text-item',
						'class'  => 'block-default-options block-read_more-item',
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['read_more_text'],
					array(
						'name'  => esc_html__( 'Custom Read More Button text', TIELABS_TEXTDOMAIN ),
						'id'    => 'read_more_text',
						'type'  => 'text',
						'class' => 'block-default-options block-read_more_text-item',
						'hint'  => esc_html__( 'Leave it empty to use the default text.', TIELABS_TEXTDOMAIN ),
					));

				echo '</div>';

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['thumb_first'],
					array(
						'name'   => esc_html__( 'Hide thumbnail for the First post', TIELABS_TEXTDOMAIN ),
						'id'     => 'thumb_first',
						'type'   => 'checkbox',
						'class'  => 'block-default-options block-thumb_first-item',
					));

				tie_page_builder_option(
					$block_id	= $block_id,
					$section  = $section_id,
					$value    = $block['thumb_small'],
					array(
						'name'   => esc_html__( 'Hide small thumbnails', TIELABS_TEXTDOMAIN ),
						'id'     => 'thumb_small',
						'type'   => 'checkbox',
						'class'  => 'block-default-options block-thumb_small-item',
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['thumb_all'],
					array(
						'name'   => esc_html__( 'Hide thumbnails', TIELABS_TEXTDOMAIN ),
						'id'     => 'thumb_all',
						'type'   => 'checkbox',
						'class'  => 'block-thumb_all-item',
					));

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['post_meta'],
					array(
						'name'   => esc_html__( 'Post Meta', TIELABS_TEXTDOMAIN ),
						'id'     => 'post_meta',
						'type'   => 'checkbox',
						'class'  => 'block-default-options block-post_meta-item',
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['background_position'],
					array(
						'name'    =>  esc_html__( 'Featured Image Position', TIELABS_TEXTDOMAIN ),
						'id'      => 'background_position',
						'class'   => 'block-slider-options block-slider-background_position',
						'type'    => 'select',
						'options' => array(
							''            => esc_html__( 'Default',     TIELABS_TEXTDOMAIN ),
							'left top'    => esc_html__( 'Left Top',    TIELABS_TEXTDOMAIN ),
							'left center' => esc_html__( 'Left Center', TIELABS_TEXTDOMAIN ),
							'left bottom' => esc_html__( 'Left Bottom', TIELABS_TEXTDOMAIN ),

							'right top'    => esc_html__( 'Right Top',    TIELABS_TEXTDOMAIN ),
							'right center' => esc_html__( 'Right Center', TIELABS_TEXTDOMAIN ),
							'right bottom' => esc_html__( 'Right Bottom', TIELABS_TEXTDOMAIN ),

							'center top'    => esc_html__( 'Center Top',    TIELABS_TEXTDOMAIN ),
							'center center' => esc_html__( 'Center Center', TIELABS_TEXTDOMAIN ),
							'center bottom' => esc_html__( 'Center Bottom', TIELABS_TEXTDOMAIN ),
						),
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['posts_category'],
					array(
						'name'  => esc_html__( 'Post Primary Category', TIELABS_TEXTDOMAIN ),
						'id'    => 'posts_category',
						'class' => 'block-slider-options block-slider-categories-meta',
						'type'  => 'checkbox',
					));

				if( TIELABS_TAQYEEM_IS_ACTIVE ){

					tie_page_builder_option(
						$block_id =	$block_id,
						$section  = $section_id,
						$value    =	$block['posts_review'],
						array(
							'name'  => esc_html__( 'Review Rating', TIELABS_TEXTDOMAIN ),
							'id'    => 'posts_review',
							'class' => 'block-slider-options block-slider-review-meta',
							'type'  => 'checkbox',
						));
				}

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['animate_auto'],
					array(
						'name'  =>  esc_html__( 'Animate Automatically', TIELABS_TEXTDOMAIN ),
						'id'    => 'animate_auto',
						'class' => 'block-slider-options block-slider-animate_auto',
						'type'  => 'checkbox',
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['slider_speed'],
					array(
						'name'  =>  esc_html__( 'Slider Speed in ms', TIELABS_TEXTDOMAIN ),
						'id'    => 'slider_speed',
						'class' => 'block-slider-options block-slider-slider_speed',
						'type'  => 'number',
						'hint'  => sprintf( esc_html__( 'Default is: %s', TIELABS_TEXTDOMAIN ), 3000 ),
					));

				tie_page_builder_option(
					$block_id =	$block_id,
					$section  = $section_id,
					$value    =	$block['media_overlay'],
					array(
						'name'   => esc_html__( 'Media Icon', TIELABS_TEXTDOMAIN ),
						'id'     => 'media_overlay',
						'type'   => 'checkbox',
						'class'  => 'block-default-options block-media-overlay-item',
					));


				echo '<div class="block-breaking-news-options">';

					tie_page_builder_option(
						$block_id =	$block_id,
						$section  = $section_id,
						$value    =	$block['breaking_effect'],
						array(
							'name'    => esc_html__( 'Animation Effect', TIELABS_TEXTDOMAIN ),
							'id'      => 'breaking_effect',
							'type'    => "select",
							'options' => array(
								'reveal'     => esc_html__( 'Typing',        TIELABS_TEXTDOMAIN ),
								'flipY'      => esc_html__( 'Fading',        TIELABS_TEXTDOMAIN ),
								'slideLeft'  => esc_html__( 'Sliding Left',  TIELABS_TEXTDOMAIN ),
								'slideRight' => esc_html__( 'Sliding Right', TIELABS_TEXTDOMAIN ),
								'slideUp'    => esc_html__( 'Sliding Up',    TIELABS_TEXTDOMAIN ),
								'slideDown'  => esc_html__( 'Sliding Down',  TIELABS_TEXTDOMAIN ),
						)));

					tie_page_builder_option(
						$block_id =	$block_id,
						$section  = $section_id,
						$value    =	$block['breaking_arrows'],
						array(
							'name' => esc_html__( 'Show the scrolling arrows?', TIELABS_TEXTDOMAIN ),
							'id'   => 'breaking_arrows',
							'type' => 'checkbox',
					));

				echo '</div>';

			echo '</div><!-- advanced-block-settings -->';

				tie_page_builder_option(
					$block_id = $block_id,
					$section  = $section_id,
					$value    = $block['boxid'],
					array(
						'id'      => 'boxid',
						'default' => 'block_'.rand(200, 3500),
						'type'    => 'hidden'
					));


				# Visual Block Style Options
				if( ! empty( $_REQUEST['block_id'] ) ){ ?>
					<script>
						jQuery(document).ready(function(){
							$AddedBlock	= jQuery('#listItem_<?php echo esc_js( $section_id .'-'. $block_id ) ?>');
							$AddedBlock.find('input:checked').closest('li').addClass( 'selected' );
							$AddedBlock.find('.checkbox-select').click( function(event){
								//event.preventDefault();
								$AddedBlock.find('li').removeClass('selected');
								//$AddedBlock.find(':radio').removeAttr('checked');
								jQuery(this).parent().addClass('selected');
								//jQuery(this).parent().find(':radio').attr('checked','checked');
							});
						});
					</script>
					<?php
				}
				?>
			</div> <!-- tie-block-options-group -->
		</div>
	</li>

	<?php
}


/*-----------------------------------------------------------------------------------*/
# Page Builder Blocks Styles Array
/*-----------------------------------------------------------------------------------*/
function tie_builder_blocks_styles(){

	$blocks_path = 'blocks/';

	// Main Blocks
	$builder_blocks_styles =
		array(
			'default'              => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '1' )  => array( 'block-blog'            => $blocks_path .'block-default.png',              'number' => 5 )),
			'li'                   => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '2' )  => array( 'block-li'              => $blocks_path .'block-li.png',                   'number' => 5 )),
			'1c'                   => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '3' )  => array( 'block-1c'              => $blocks_path .'block-1c.png',                   'number' => 5 )),
			'2c'                   => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '4' )  => array( 'block-2c block-2c-cat' => $blocks_path .'block-2c.png',                   'number' => 4 )),
			'big_thumb'            => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '5' )  => array( 'block-big-thumb'       => $blocks_path .'block-big_thumb.png',            'number' => 6 )),
			'grid'                 => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '6' )  => array( 'block-grid'            => $blocks_path .'block-grid.png',                 'number' => 5 )),
			'row'                  => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '7' )  => array( 'block-row'             => $blocks_path .'block-row.png',                  'number' => 12 )),
			'tabs'                 => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '8' )  => array( 'block-tabs'            => $blocks_path .'block-tabs.png',                 'number' => 5 )),
			'mini'                 => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '9' )  => array( 'block-mini'            => $blocks_path .'block-mini.png',                 'number' => 6 )),
			'big'                  => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '10' ) => array( 'block-big'             => $blocks_path .'block-big.png',                  'number' => 4 )),
			'full_thumb'           => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '11' ) => array( 'block-full-thumb'      => $blocks_path .'block-full_thumb.png',           'number' => 3 )),
			'overlay-title'        => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '12' ) => array( 'block-overlay-title'   => $blocks_path .'block-overlay-title.png',        'number' => 3 )),
			'content'              => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '13' ) => array( 'block-content'         => $blocks_path .'block-content.png',              'number' => 3 )),
			'timeline'             => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '14' ) => array( 'block-timeline'        => $blocks_path .'block-timeline.png',             'number' => 5 )),
			'first_big'            => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '15' ) => array( 'block-first-big'       => $blocks_path .'block-first_big.png',            'number' => 4 )),
			'overlay-title-center' => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '16' ) => array( 'block-overlay-title'   => $blocks_path .'block-overlay-title-center.png', 'number' => 3 )),
			'classic-small'        => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '17' ) => array( 'block-blog block-classic-small' => $blocks_path .'block-classic-small.png', 'number' => 5 )),
			
			'two-columns-small-thumb' => array( sprintf( esc_html__( 'Block #%s', TIELABS_TEXTDOMAIN ), '18' ) => array( 'block-two-columns-small-thumb block-big-thumb' => $blocks_path .'block-two-columns-small-thumb.png', 'number' => 6 )),

			'scroll'     => array( sprintf( esc_html__( 'Scrolling #%s', TIELABS_TEXTDOMAIN ), '1' ) => array( 'block-scroll'   => $blocks_path .'block-scroll.png',   'number' => 6 )),
			'scroll_2'   => array( sprintf( esc_html__( 'Scrolling #%s', TIELABS_TEXTDOMAIN ), '2' ) => array( 'block-scroll2'  => $blocks_path .'block-scroll_2.png', 'number' => 6 )),
		);

	$builder_blocks_styles = apply_filters( 'TieLabs/page_builder_blocks_args', $builder_blocks_styles );


	// Sliders
	for( $slider = 1; $slider <= 17; $slider++ ){

		$slide_class 	= 'block-slider-container slider_'.$slider;
		$slide_img 		= $blocks_path .'block-slider_'. $slider.'.png';

		switch ($slider) {
			case 2:
			case 5:
			case 9:
			case 10:
				$number = 6;
				break;

			case 7:
			case 11:
			case 16:
				$number = 8;
				break;

			case 15:
				$number = 12;
				break;

			default:
				$number = 10;
				break;
		}

		$builder_blocks_styles[ 'slider_' . $slider ] = array( sprintf( esc_html__( 'Slider #%s', TIELABS_TEXTDOMAIN ), $slider ) => array( $slide_class => $slide_img, 'number' => $number ) );
	}

	$builder_blocks_styles[ 'slider_50' ] = array( sprintf( esc_html__( 'Slider #%s', TIELABS_TEXTDOMAIN ), 18 ) => array( 'block-slider-container slider_50 slider_4' => $blocks_path .'block-slider_50.png', 'number' => 10 ) );

	// Slider Revolution
	if( TIELABS_REVSLIDER_IS_ACTIVE ){
		$builder_blocks_styles['revslider'] = array( esc_html__( 'Slider Revolution', TIELABS_TEXTDOMAIN ) => array( 'block-sliders-plugins block-revslider' => $blocks_path .'block-revslider.png' ) );
	}

	// LayerSlider
	if( TIELABS_LS_Sliders_IS_ACTIVE ){
		$builder_blocks_styles['lsslider'] = array( esc_html__( 'LayerSlider', TIELABS_TEXTDOMAIN ) => array( 'block-sliders-plugins block-lsslider' => $blocks_path .'block-lsslider.png' ) );
	}

	// Misc Blocks
	$builder_blocks_styles +=
		array(
			'videos_list' => array( esc_html__( 'Videos Playlist', TIELABS_TEXTDOMAIN ) => array( 'block-video-list'                              => $blocks_path .'block-videos_list.png' ) ),
			'breaking'    => array( esc_html__( 'News Ticker', TIELABS_TEXTDOMAIN )     => array( 'block-breaking'                                => $blocks_path .'block-breaking.png' ) ),
			'ad'          => array( esc_html__( 'Ad Block', TIELABS_TEXTDOMAIN )        => array( 'block-e3lan-1c-container block-e3lan'          => $blocks_path .'block-ad.png' ) ),
			'ad_50'       => array( esc_html__( 'Ad Block', TIELABS_TEXTDOMAIN )        => array( 'block-2c block-e3lan-2c-container block-e3lan' => $blocks_path .'block-ad_50.png' ) ),
			'code'        => array( esc_html__( 'Custom Content', TIELABS_TEXTDOMAIN )  => array( 'block-code-1c-container block-code'            => $blocks_path .'block-code.png' ) ),
			'code_50'     => array( esc_html__( 'Custom Content', TIELABS_TEXTDOMAIN )  => array( 'block-code-2c-container block-2c block-code'   => $blocks_path .'block-code_50.png' ) ),
		);


	// WooCommerce Block
	if( TIELABS_WOOCOMMERCE_IS_ACTIVE ){
		$builder_blocks_styles['woocommerce']        = array( sprintf( esc_html__( 'WooCommerce #%s', TIELABS_TEXTDOMAIN ), '1' ) => array( 'block-woocommerce-normal block-woocommerce' => $blocks_path .'block-woocommerce.png' ) );
		$builder_blocks_styles['woocommerce-slider'] = array( sprintf( esc_html__( 'WooCommerce #%s', TIELABS_TEXTDOMAIN ), '2' ) => array( 'block-woocommerce-slider block-woocommerce' => $blocks_path .'block-woocommerce-slider.png' ) );
	}

	// WooCommerce Block
	if( TIELABS_WEBSTORIES_IS_ACTIVE ){
		// $builder_blocks_styles['web_stories_carousel'] = array( esc_html__( 'Web Stories', TIELABS_TEXTDOMAIN ) .'<br />'. esc_html__( 'Box Carousel', TIELABS_TEXTDOMAIN )    => array( 'tie-web-stories tie-web-stories-carousel' => $blocks_path .'block-web_stories_carousel.png' ) );
		$builder_blocks_styles['web_stories_circles']  = array( esc_html__( 'Web Stories', TIELABS_TEXTDOMAIN ) .'<br />'. esc_html__( 'Circle Carousel', TIELABS_TEXTDOMAIN ) => array( 'tie-web-stories tie-web-stories-circles'  => $blocks_path .'block-web_stories_circles.png' ) );
		$builder_blocks_styles['web_stories_grid']     = array( esc_html__( 'Web Stories', TIELABS_TEXTDOMAIN ) .'<br />'. esc_html__( 'Grid', TIELABS_TEXTDOMAIN ) => array( 'tie-web-stories tie-web-stories-grid' => $blocks_path .'block-web_stories_grid.png' ) );
		$builder_blocks_styles['web_stories_list']     = array( esc_html__( 'Web Stories', TIELABS_TEXTDOMAIN ) .'<br />'. esc_html__( 'List', TIELABS_TEXTDOMAIN ) => array( 'tie-web-stories tie-web-stories-list' => $blocks_path .'block-web_stories_list.png' ) );
	}

	return $builder_blocks_styles;
}



/*-----------------------------------------------------------------------------------*/
# Page Builder
/*-----------------------------------------------------------------------------------*/

add_action( 'add_meta_boxes', 'tie_builder_editor_handler', 1  );

/**
 * tie_builder_editor_handler
 *
 * Handle the position of the page builder depending on the Editor
 */
function tie_builder_editor_handler(){

	if( TIELABS_ADMIN_HELPER::is_edit_gutenberg() ){

		// Add Button in the Gutenburg page to the TieLabs Builder
		add_meta_box(
			'tie_gutenburg_use_builder',
			esc_html__( 'TieLabs Builder', TIELABS_TEXTDOMAIN ) . ' <small>' . esc_html__( 'The content in the editor above will be ignored.', TIELABS_TEXTDOMAIN ) .'</small>',
			'tie_add_page_builder',
			'page',
			'normal',
			'high'
		);
	}
	else{
		add_action( 'edit_form_after_title', 'tie_add_page_builder' );
	}
}


/**
 * tie_add_page_builder
 */
function tie_add_page_builder(){

	$post_id = get_the_id();

	$builder_active = false;
	$sections       = false;
	$builder_style  = '';
	$inactive_text  = $button_text = esc_html__( 'Enable the TieLabs Builder', TIELABS_TEXTDOMAIN );
	$active_text    =  esc_html__( 'Disable the TieLabs Builder', TIELABS_TEXTDOMAIN );

	if( get_post_type( $post_id ) != 'page' || get_current_screen()->post_type != 'page' ){
		return;
	}

	# Get the stored Blocks
	if( $sections = tie_get_postdata( 'tie_page_builder') ){
		$sections = maybe_unserialize( $sections );
	}

	$button_class = 'button-primary';

	if( tie_get_postdata( 'tie_builder_active' ) || isset( $_GET['tie-builder'] ) ){
		$builder_active = 'yes';
		$button_class   = "builder_active button-secondary";
		$builder_style  = 'display:block;';
		$button_text    = $active_text;
	}

	?>

	<a class="tie-primary-button button button-hero <?php echo esc_attr( $button_class ) ?>" data-builder="<?php echo esc_attr( $active_text ) ?>" data-editor="<?php echo esc_attr( $inactive_text ) ?>" href="" id="tie-page-builder-button"><?php esc_html_e( $button_text ); ?></a>

	<input type="hidden" id="tie_builder_active" name="tie_builder_active" value="<?php echo esc_attr( $builder_active ) ?>">

	<div id="tie-page-builder" style="<?php echo esc_attr( $builder_style ) ?>">

		<div class="tie-page-builder postbox">

			<div id="tie-page-overlay"></div>

			<ul id="tie-builder-wrapper">
				<?php

					$section_id = $block_id = 1;
					if( ! empty( $sections ) && is_array( $sections ) ){
						foreach( $sections as $section ){
							tie_get_builder_section( $section_id, $section );
							$section_id++;
						}
					}
				?>

			</ul><!-- #tie-builder-wrapper -->

			<?php
				TIELABS_BUILDER_WIDGETS::get_widgets( $sections );
			?>


			<div class="tie-add-new-section-wrapper">
				<div class="tie-loading-container">
					<div class="tie-saving-settings">
						<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
							<circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/>
							<path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>
							<path class="checkmark__error_1" d="M38 38 L16 16 Z"/>
							<path class="checkmark__error_2" d="M16 38 38 16 Z" />
						</svg>
					</div>
				</div>

				<a href="#" data-sections="<?php echo esc_attr( $section_id ) ?>" data-post="<?php echo get_the_id(); ?>" class="tie-add-new-section"><span class="dashicons dashicons-plus"></span> <?php esc_html_e( 'Add Section', TIELABS_TEXTDOMAIN ) ?></a>
			</div>

			<?php
				if( TIELABS_ADMIN_HELPER::is_edit_gutenberg() ){
					wp_editor( '', 'tie_dummy_editor' );
				}
			?>

			<script>
				var tie_block_id = <?php echo ! empty( $GLOBALS['tie_block_id'] ) ? esc_js( $GLOBALS['tie_block_id'] ) : 1; ?>;
			</script>
		</div><!-- .tie-page-builder /-->
	</div><!-- #tie-page-builder /-->
	<?php
}



/*-----------------------------------------------------------------------------------*/
# Disable the Gutenburg warning message
/*-----------------------------------------------------------------------------------*/
add_action( 'admin_init', 'tie_gutenberg_disable_notice' );
function tie_gutenberg_disable_notice(){

	if( wp_doing_ajax() ){
		return;
	}

	if( ! empty( $_GET['post'] ) && tie_get_postdata( 'tie_builder_active', false, $_GET['post'] ) ){
		remove_action( 'admin_enqueue_scripts', 'gutenberg_check_if_classic_needs_warning_about_blocks' );
	}
}

/*-----------------------------------------------------------------------------------*/
# Dequeue Widgets Script if the Builder is Active
/*-----------------------------------------------------------------------------------*/
add_action( 'admin_enqueue_scripts', 'tie_gutenberg_dequeue_widgts', 11 );
function tie_gutenberg_dequeue_widgts(){

	if( TIELABS_ADMIN_HELPER::is_edit_gutenberg() ){
		if( ! empty( $_GET['post'] ) && tie_get_postdata( 'tie_builder_active', false, $_GET['post'] ) ){
			wp_dequeue_script( 'admin-widgets' );
		}
	}
}



العاب العالم الرقمي تدفع الأطفال إلى تقمص الهويات الزائفة – tahkoom.com
معرفة

العاب العالم الرقمي تدفع الأطفال إلى تقمص الهويات الزائفة

 كتبت ميرنا أشرف 

في عصر اصبحت تتداخل فيه الطفولة مع التكنولوجيا بشكل غير مسبوق، لم يعد الكذب مجرّد سلوك مرفوض، بل تحول لدى بعض الأطفال إلى وسيلة مبررة للوصول إلى أهدافهم الالكترونية. فمع الانتشار الواسع للألعاب الإلكترونية ومواقع التواصل، اصبح من الشائع أن يتقمص الطفل شخصية وهمية، أو يستخدم حسابًا مزيفًا، أو يزود عمره لتجاوز شروط الاستخدام، هذه السلوكيات التي قد تبدو بسيطة أو عابرة، تحمل في داخلها تغيّراً عميقًا في مفاهيم الصدق والأخلاق لدى الاطفال.

 هل أصبحت الهوية المزيفة لعبة بريئة أم بداية لانحراف القيم؟

 أوضحت كنوز أشرف، أخصائية اجتماعية، أن العديد من الألعاب الحديثة، وخاصة ألعاب الفيديو، لم تعد مجرد وسيلة للترفيه، بل أصبحت تُسهم بشكل مباشر في غرس سلوكيات سلبية لدى الأطفال والمراهقين، مثل الكذب والعنف. وتابعت، أن الهوية المزيفة لم تعد تُستخدم كلعبة بريئة، بل تحولت إلى وسيلة قد تترك أثرًا عميقًا على التكوين الأخلاقي والنفسي للأطفال، مما يستدعي الانتباه لتأثير هذه الألعاب على شخصياتهم وقيمهم، ففي العديد من الألعاب الشهيرة مثل ببجي وفري فاير، يُدفع اللاعب إلى تقمص شخصيات عدوانية، واستخدام الحيلة والخداع للفوز، مما قد ينعكس على سلوكياتهم في الحياة الواقعية.

 تابعت، ورغم أن البعض يرى فيها وسيلة للترفيه أو تنمية المهارات، إلا أن الاستخدام غير الواعي وغياب الرقابة الأبوية يحوّلها إلى خطر حقيقي يهدد منظومة القيم والسلوك.

 اما بالنسبة للكذب الإلكتروني فقد بينت أشرف، أنه اصبح أسهل بكثير من الكذب في الواقع خاصة بالنسبة للأطفال، الذين يجدون في العالم الالكتروني مساحة مفتوحة للتلاعب بالحقائق دون مواجهة عواقب مباشرة،

 يبرر الأطفال هذا النوع من الكذب غالبًا برغبتهم في الوصول إلى هدف معين، لا تسمح لهم أعمارهم الحقيقية باكتشافه. فمعظم الألعاب الإلكترونية، يوجد بها سياسات عمرية محددة، تفرض قيودًا على الفئات الأصغر سنًا. ونتيجة لذلك، يلجأ كثير من الأطفال إلى تغيير أعمارهم وتقديم معلومات غير صحيحة من أجل تجاوز هذه القيود والدخول إلى عالم اللعبة، موضحه أنه في نظرهم، هذا الخداع لا يُعد كذبًا حقيقيًا، بل مجرد وسيلة لتحقيق غاية ترفيهية. غير أن هذا السلوك، رغم بساطته في الظاهر، يعكس بداية اتجاه نحو تبرير الكذب، مما يستدعي من الاسرة المربية أن توعي الأطفال بخطورة الأمر.

 واتفق معها في الرأي هشام عبدالعال أستاذ الحاسب الآلي، علي أن الكذب الإلكتروني أسهل غالبًا لأنه يفتقر إلى التفاعل المباشر، مما يقلل الشعور بالذنب أو الخوف من العقاب الفوري. الأطفال قد يبررونه بأنه مجرد لعبة أو شيء لا يراه أحد، فهم لا يشعرون بنفس الوزن الأخلاقي للكذب عندما يكون خلف شاشة

 أضاف عبد العال، التكنولوجيا قد تتيح للأطفال مساحة لتجربة الكذب دون عواقب مباشرة، خصوصًا في البيئات الرقمية حيث تقل الرقابة، وتغيب المواجهة وجهًا لوجه. فمثلًا: يمكن للطفل أن يُنشئ حسابًا باسم مستعار أو عمر غير حقيقي.

تأثير ألعاب الفيديو ومواقع التواصل على إدراك الطفل للصدق والقيم

 و من جانبها أكدت أشرف، أن ألعاب الفيديو ومواقع التواصل الاجتماعي تنعكس بشكل مباشر على إدراك الطفل للصدق، وفهمه لهويته، وتشكُّل منظومة القيم لديه. فالطفل الذي يدخل إلى هذا العالم الرقمي، غالبًا ما يجد نفسه داخل بيئة غير مألوفة، بل مجتمع مظلم، لا يملك أدوات كافية لفهمه أو التفاعل معه بوعي.

 اضافت أشرف، أنه عبر مواقع التواصل، يتعرض الأطفال يوميًا لألفاظ وسلوكيات غير لائقة، تبدأ بالكذب وتمتد إلى العنف والتنمر، خاصة التنمر الإلكتروني الذي اصبح ظاهرة منتشرة.

 أما ألعاب الفيديو تابعت أشرف، فهي لا تقل خطورة، إذ تقدم محتوى يحتوي علي العدوانية ويكافئ الخداع لتحقيق الفوز. هذه التجارب المتكررة ترسخ مفاهيم مشوشة لدى الطفل، تجعل من الكذب وسيلة مقبولة، ومن التنمر سلوك طبيعي، مما يؤدي إلى خلل واضح في البناء القيمي لسلوك شخصيه الطفل.

 العالم الرقمي أصبح جزءًا من حياة الأطفال اليومية، ويؤثر في سلوكهم وقيمهم. لذلك، من الضروري تعليمهم أخلاقيات الإنترنت كما نعلمهم الصدق في الواقع، مع وجود سياسات واضحة ورقابة أسرية صارمة تحميهم من الكذب، التنمر، والمحتوى الضار.

اظهر المزيد

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى