<?php
/**
 * Blog options
 *
 * @copyright 2017-present Creative Themes
 * @license   http://www.gnu.org/copyleft/gpl.html GNU General Public License
 * @package   Blocksy
 */

$options = [
	'blog_section_options' => [
		'type' => 'ct-options',
		'setting' => [ 'transport' => 'postMessage' ],
		'inner-options' => [

			ct_rand_md5() => [
				'type'  => 'ct-title',
				'label' => __( 'Blog Structure', 'ct' ),
				'desc'  => __( 'Set the default page structure for the blog post type.', 'ct' ),
			],

			'blog_post_structure' => [
				'label' => false,
				'type' => 'ct-image-picker',
				'value' => 'grid',
				'attr' => [ 'data-type' => 'background' ],

				'setting' => [
					'transport' => 'postMessage',
				],

				'choices' => [
					'classic' => [
						'src'   => ct_image_picker_url( 'classic.svg' ),
						'title' => __( 'Left', 'ct' ),
					],

					'grid' => [
						'src'   => ct_image_picker_url( 'grid.svg' ),
						'title' => __( 'Center', 'ct' ),
					],
				],
			],

			ct_rand_md5() => [
				'type' => 'ct-condition',
				'condition' => [ 'blog_post_structure' => 'grid' ],
				'options' => [

					'blog_post_columns' => [
						'label' => __( 'Cards Per Row', 'ct' ),
						'type' => 'ct-radio',
						'value' => '3',
						'view' => 'text',
						'design' => 'block',
						// 'attr' => [ 'data-type' => 'compact'],
						'setting' => [ 'transport' => 'postMessage' ],
						'choices' => [
							'2' => __( '2 Cards', 'ct' ),
							'3' => __( '3 Cards', 'ct' ),
							'4' => __( '4 Cards', 'ct' ),
						],
					],

				],
			],

			ct_rand_md5() => [
				'type'  => 'ct-title',
				'label' => __( 'Entry Card', 'ct' ),
			],

			ct_rand_md5() => [
				'title' => __( 'General', 'ct' ),
				'type' => 'tab',
				'options' => [

					'archive_order' => [
						// 'label' => __( 'Card Elements', 'ct' ),
						'label' => false,
						'type' => 'ct-layers',
						'value' => [
							[
								'id' => 'post_meta',
								'enabled' => true,
								'meta' => [
									'categories' => true,
									'author' => false,
									'date' => false,
									'comments' => false,
								],
							],

							[
								'id' => 'title',
								'enabled' => true,
							],

							[
								'id' => 'featured_image',
								'enabled' => true,
							],

							[
								'id' => 'excerpt',
								'enabled' => true,
							],

							[
								'id' => 'post_meta',
								'enabled' => true,
								'meta' => [
									'categories' => false,
									'author' => true,
									'date' => true,
									'comments' => true,
								],
							],
						],

						'settings' => [
							'title' => [
								'label' => __( 'Title', 'ct' ),
								'options' => [

									'heading_tag' => [
										'label' => __( 'Heading tag', 'ct' ),
										'type' => 'ct-select',
										'value' => 'h2',
										'view' => 'text',
										'design' => 'inline',

										'choices' => ct_ordered_keys(
											[
												'h1' => 'H1',
												'h2' => 'H2',
												'h3' => 'H3',
												'h4' => 'H4',
												'h5' => 'H5',
												'h6' => 'H6',
											]
										),
									],

								],
							],

							'featured_image' => [
								'label' => __( 'Featured Image', 'ct' ),
								'options' => [

									'thumb_ratio' => [
										'label' => __( 'Image Ratio', 'ct' ),
										'type' => 'ct-radio',
										'value' => '4/3',
										'view' => 'text',
										'design' => 'inline',
										'attr' => [ 'data-type' => 'compact' ],

										'choices' => [
											'4/3' => '4/3',
											'3/4' => '3/4',
										],
									],

									'is_boundless' => [
										'label' => __( 'Boundless', 'ct' ),
										'type' => 'ct-switch',
										'value' => 'yes',
									],

								],
							],

							'excerpt' => [
								'label' => __( 'Excerpt', 'ct' ),
								'options' => [

									'excerpt_length' => [
										'label' => __( 'Length', 'ct' ),
										'type' => 'ct-number',
										'design' => 'inline',
										'value' => 40,
										'min' => 10,
										'max' => 100,
									],

								],
							],

							'post_meta' => [
								'label' => __( 'Post Meta', 'ct' ),
								'clone' => true,
								'options' => [

									'meta' => [
										'label' => false,
										'type' => 'ct-checkboxes',
										// 'inline' => true,
										'attr' => [ 'data-columns' => '2' ],
										'choices' => ct_ordered_keys(
											[
												'author' => __( 'Author', 'ct' ),
												'date' => __( 'Date', 'ct' ),
												'categories' => __( 'Categories', 'ct' ),
												'comments' => __( 'Comments', 'ct' ),
											]
										),

										'value' => [
											'author' => true,
											'date' => true,
											'categories' => true,
											'comments' => true,
										],
									],

									ct_rand_md5() => [
										'type' => 'ct-condition',
										'condition' => [
											'meta/author' => true,
										],
										'options' => [

											'has_author_avatar' => [
												'label' => __( 'Avatar', 'ct' ),
												'type' => 'ct-switch',
												'value' => 'no',
											],

										],
									],

									ct_rand_md5() => [
										'type' => 'ct-condition',
										'condition' => [
											'meta/author' => 'true',
											'has_author_avatar' => 'yes',
										],
										'options' => [
											'avatar_size' => [
												'label' => __( 'Avatar Size', 'ct' ),
												'type' => 'ct-number',
												'design' => 'inline',
												'value' => 30,
												'min' => 15,
												'max' => 50,
											],
										],
									],

								],
							],
						],

						'setting' => [ 'transport' => 'postMessage' ],
					],

				],
			],


			ct_rand_md5() => [
				'title' => __( 'Design', 'ct' ),
				'type' => 'tab',
				'options' => [

					'cardFontColor' => [
						'label' => __( 'Font Color', 'ct' ),
						'type'  => 'ct-color-picker',
						'design' => 'inline',
						'setting' => [ 'transport' => 'postMessage' ],

						'value' => [
							'default' => [
								'color' => 'var(--paletteColor3)',
							],
						],

						'pickers' => [
							[
								'title' => __( 'Initial color', 'ct' ),
								'id' => 'default',
							],
						],
					],

					'cardLinkColor' => [
						'label' => __( 'Link Color', 'ct' ),
						'type'  => 'ct-color-picker',
						'design' => 'inline',
						'setting' => [ 'transport' => 'postMessage' ],

						'value' => [
							'default' => [
								'color' => 'var(--paletteColor3)',
							],

							'hover' => [
								'color' => 'var(--paletteColor1)',
							],
						],

						'pickers' => [
							[
								'title' => __( 'Initial color', 'ct' ),
								'id' => 'default',
							],

							[
								'title' => __( 'Hover color', 'ct' ),
								'id' => 'hover',
							],
						],
					],

					'cardBackground' => [
						'label' => __( 'Background Color', 'ct' ),
						'type'  => 'ct-color-picker',
						'design' => 'inline',
						'setting' => [ 'transport' => 'postMessage' ],

						'value' => [
							'default' => [
								'color' => 'var(--paletteColor5)',
							],
						],

						'pickers' => [
							[
								'title' => __( 'Initial color', 'ct' ),
								'id' => 'default',
							],
						],
					],

					'cardsGap' => [
						'label' => __( 'Cards Gap', 'ct' ),
						'type' => 'ct-slider',
						// 'value' => 35,
						'min' => 0,
						'max' => 60,
						'responsive' => true,
						'value' => [
							'mobile' => 30,
							'tablet' => 30,
							'desktop' => 30,
						],
						'setting' => [ 'transport' => 'postMessage' ],
					],

					'card_spacing' => [
						'label' => __( 'Card Inner Spacing', 'ct' ),
						'type' => 'ct-slider',
						// 'value' => 35,
						'min' => 0,
						'max' => 100,
						'responsive' => true,
						'value' => [
							'mobile' => 25,
							'tablet' => 35,
							'desktop' => 35,
						],
						'setting' => [ 'transport' => 'postMessage' ],
					],

				],
			],

			ct_rand_md5() => [
				'type' => 'ct-divider',
			],

			'has_blog_sidebar' => [
				'label' => __( 'Sidebar', 'ct' ),
				'type' => 'ct-panel',
				'switch' => true,
				'value' => 'no',
				'setting' => [ 'transport' => 'postMessage' ],
				// 'wrapperAttr' => [ 'data-label' => 'heading-divider' ],
				'inner-options' => [

					'blog_sidebar_position' => [
						'label' => __( 'Sidebar Position', 'ct' ),
						'type' => 'ct-image-picker',
						'value' => 'right',
						'attr' => [ 'data-type' => 'background' ],
						'condition' => [ 'has_blog_sidebar' => 'yes' ],

						'setting' => [ 'transport' => 'postMessage' ],

						'choices' => [
							'left' => [
								'src'   => ct_image_picker_url( 'left-sidebar.svg' ),
								'title' => __( 'Left Sidebar', 'ct' ),
							],

							'right' => [
								'src'   => ct_image_picker_url( 'right-sidebar.svg' ),
								'title' => __( 'Right Sidebar', 'ct' ),
							],
						],
					],

				],
			],

		],
	],
];