<?php
/**
 * Layout setting for Customizer
 *
 * @package kernel
 * @version 3.6.8
 */
// Exit if accessed directly
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
// Layout Style
$this->sections['kernel_layout_style'] = array(
	'title' => esc_html__( 'Layout Site', 'kernel' ),
	'panel' => 'kernel_layout',
	'settings' => array(
		array(
			'id' => 'site_layout_style',
			'default' => 'full-width',
			'control' => array(
				'label' => esc_html__( 'Layout Style', 'kernel' ),
				'type' => 'select',
				'choices' => array(
					'full-width' => esc_html__( 'Full Width','kernel' ),
					'boxed' => esc_html__( 'Boxed','kernel' )
				),
			),
		),
		array(
			'id' => 'site_layout_boxed_shadow',
			'control' => array(
				'label' => esc_html__( 'Box Shadow', 'kernel' ),
				'type' => 'checkbox',
				'active_callback' => 'kernel_cac_has_boxed_layout',
			),
		),
		array(
			'id' => 'site_layout_wrapper_margin',
			'transport' => 'postMessage',
			'control' => array(
				'type' => 'text',
				'label' => esc_html__( 'Wrapper Margin', 'kernel' ),
				'desc' => esc_html__( 'Top Right Bottom Left. Default: 30px 0px 30px 0px.', 'kernel' ),
				'active_callback' => 'kernel_cac_has_boxed_layout',
			),
			'inline_css' => array(
				'target' => '.site-layout-boxed #wrapper',
				'alter' => 'padding',
			),
		),
		array(
			'id' => 'wrapper_background_color',
			'transport' => 'postMessage',
			'control' => array(
				'label' => esc_html__( 'Outer Background Color', 'kernel' ),
				'type' => 'color',
				'active_callback' => 'kernel_cac_has_boxed_layout',
			),
			'inline_css' => array(
				'target' => '.site-layout-boxed #wrapper',
				'alter' => 'background-color',
			),
		),
		array(
			'id' => 'wrapper_background_img',
			'control' => array(
				'label' => esc_html__( 'Outer Background Image', 'kernel' ),
				'type' => 'image',
				'active_callback' => 'kernel_cac_has_boxed_layout',
			),
		),
		array(
			'id' => 'wrapper_background_img_style',
			'default' => '',
			'control' => array(
				'label' => esc_html__( 'Outer Background Image Style', 'kernel' ),
				'type'  => 'image',
				'type'  => 'select',
				'choices' => array(
					''             => esc_html__( 'Default', 'kernel' ),
					'cover'        => esc_html__( 'Cover', 'kernel' ),
					'center-top'        => esc_html__( 'Center Top', 'kernel' ),
					'fixed-top'    => esc_html__( 'Fixed Top', 'kernel' ),
					'fixed'        => esc_html__( 'Fixed Center', 'kernel' ),
					'fixed-bottom' => esc_html__( 'Fixed Bottom', 'kernel' ),
					'repeat'       => esc_html__( 'Repeat', 'kernel' ),
					'repeat-x'     => esc_html__( 'Repeat-x', 'kernel' ),
					'repeat-y'     => esc_html__( 'Repeat-y', 'kernel' ),
				),
				'active_callback' => 'kernel_cac_has_boxed_layout',
			),
		),
	),
);
// Layout Position
$this->sections['kernel_layout_position'] = array(
	'title' => esc_html__( 'Layout Position', 'kernel' ),
	'panel' => 'kernel_layout',
	'settings' => array(
		array(
			'id' => 'site_layout_position',
			'default' => 'sidebar-right',
			'control' => array(
				'label' => esc_html__( 'Site Layout Position', 'kernel' ),
				'type' => 'select',
				'choices' => array(
					'sidebar-right' => esc_html__( 'Right Sidebar', 'kernel' ),
					'sidebar-left'  => esc_html__( 'Left Sidebar', 'kernel' ),
					'no-sidebar'    => esc_html__( 'No Sidebar', 'kernel' ),
				),
				'desc' => esc_html__( 'Specify layout for all pages on website. (e.g. pages, blog posts, single post, archives, etc ). Single page can override this setting in Page Settings elementor when edit.', 'kernel' )
			),
		),
		array(
			'id' => 'custom_page_layout_position',
			'default' => 'no-sidebar',
			'control' => array(
				'label' => esc_html__( 'Custom Page Layout Position', 'kernel' ),
				'type' => 'select',
				'choices' => array(
					'sidebar-right' => esc_html__( 'Right Sidebar', 'kernel' ),
					'sidebar-left'  => esc_html__( 'Left Sidebar', 'kernel' ),
					'no-sidebar'    => esc_html__( 'No Sidebar', 'kernel' ),
				),
				'desc' => esc_html__( 'Specify layout for all custom pages.', 'kernel' )
			),
		),
		array(
			'id' => 'single_post_layout_position',
			'default' => 'sidebar-right',
			'control' => array(
				'label' => esc_html__( 'Single Post Layout Position', 'kernel' ),
				'type' => 'select',
				'choices' => array(
					'sidebar-right' => esc_html__( 'Right Sidebar', 'kernel' ),
					'sidebar-left'  => esc_html__( 'Left Sidebar', 'kernel' ),
					'no-sidebar'    => esc_html__( 'No Sidebar', 'kernel' ),
				),
				'desc' => esc_html__( 'Specify layout for all single post pages.', 'kernel' )
			),
		),
		array(
			'id' => 'single_project_layout_position',
			'default' => 'no-sidebar',
			'control' => array(
				'label' => esc_html__( 'Single Project Layout Position', 'kernel' ),
				'type' => 'select',
				'choices' => array(
					'sidebar-right' => esc_html__( 'Right Sidebar', 'kernel' ),
					'sidebar-left'  => esc_html__( 'Left Sidebar', 'kernel' ),
					'no-sidebar'    => esc_html__( 'No Sidebar', 'kernel' ),
				),
				'desc' => esc_html__( 'Specify layout for all single project pages.', 'kernel' ),
				'active_callback' => 'kernel_cac_has_single_project',
			),
		),
		array(
			'id' => 'single_service_layout_position',
			'default' => 'no-sidebar',
			'control' => array(
				'label' => esc_html__( 'Single Service Layout Position', 'kernel' ),
				'type' => 'select',
				'choices' => array(
					'sidebar-right' => esc_html__( 'Right Sidebar', 'kernel' ),
					'sidebar-left'  => esc_html__( 'Left Sidebar', 'kernel' ),
					'no-sidebar'    => esc_html__( 'No Sidebar', 'kernel' ),
				),
				'desc' => esc_html__( 'Specify layout for all single service pages.', 'kernel' ),
				'active_callback' => 'kernel_cac_has_single_service',
			),
		),
	),
);
// Layout Widths
$this->sections['kernel_layout_widths'] = array(
	'title' => esc_html__( 'Layout Widths', 'kernel' ),
	'panel' => 'kernel_layout',
	'settings' => array(
		array(
			'id' => 'site_desktop_container_width',
			'transport' => 'postMessage',
			'control' => array(
				'label' => esc_html__( 'Container', 'kernel' ),
				'type' => 'text',
				'desc' => esc_html__( 'Default: 1170px', 'kernel' ),
			),
			'inline_css' => array(
				'target' => array( 
					'.site-layout-full-width .kernel_container',
					'.site-layout-boxed #page'
				),
				'alter' => 'width',
			),
		),
		array(
			'id' => 'left_container_width',
			'transport' => 'postMessage',
			'control' => array(
				'label' => esc_html__( 'Content', 'kernel' ),
				'type' => 'text',
				'desc' => esc_html__( 'Example: 66%', 'kernel' ),
			),
			'inline_css' => array(
				'target' => '#site-content',
				'alter' => 'width',
			),
		),
		array(
			'id' => 'sidebar_width',
			'transport' => 'postMessage',
			'control' => array(
				'label' => esc_html__( 'Sidebar', 'kernel' ),
				'type' => 'text',
				'desc' => esc_html__( 'Example: 28%', 'kernel' ),
			),
			'inline_css' => array(
				'target' => '#sidebar',
				'alter' => 'width',
			),
		),
	),
);