Na}{

File Content: `top-area-options.php`

<?php

if ( ! function_exists( 'halstein_core_add_top_area_options' ) ) {
	/**
	 * Function that add additional header layout options
	 *
	 * @param object $page
	 * @param array $general_header_tab
	 */
	function halstein_core_add_top_area_options( $page, $general_header_tab ) {

		$top_area_section = $general_header_tab->add_section_element(
			array(
				'name'        => 'qodef_top_area_section',
				'title'       => esc_html__( 'Top Area', 'halstein-core' ),
				'description' => esc_html__( 'Options related to top area', 'halstein-core' ),
				'dependency'  => array(
					'hide' => array(
						'qodef_header_layout' => array(
							'values'        => halstein_core_dependency_for_top_area_options(),
							'default_value' => apply_filters( 'halstein_core_filter_header_layout_default_option_value', '' ),
						),
					),
				),
			)
		);

		$top_area_section->add_field_element(
			array(
				'field_type'    => 'yesno',
				'default_value' => 'no',
				'name'          => 'qodef_top_area_header',
				'title'         => esc_html__( 'Top Area', 'halstein-core' ),
				'description'   => esc_html__( 'Enable top area', 'halstein-core' ),
			)
		);

		$top_area_options_section = $top_area_section->add_section_element(
			array(
				'name'        => 'qodef_top_area_options_section',
				'title'       => esc_html__( 'Top Area Options', 'halstein-core' ),
				'description' => esc_html__( 'Set desired values for top area', 'halstein-core' ),
				'dependency'  => array(
					'show' => array(
						'qodef_top_area_header' => array(
							'values'        => 'yes',
							'default_value' => 'no',
						),
					),
				),
			)
		);

		$top_area_options_section->add_field_element(
			array(
				'field_type'    => 'yesno',
				'name'          => 'qodef_top_area_header_in_grid',
				'title'         => esc_html__( 'Content in Grid', 'halstein-core' ),
				'description'   => esc_html__( 'Set content to be in grid', 'halstein-core' ),
				'default_value' => 'no',
			)
		);

		$top_area_options_section->add_field_element(
			array(
				'field_type'  => 'text',
				'name'        => 'qodef_top_area_header_height',
				'title'       => esc_html__( 'Top Area Height', 'halstein-core' ),
				'description' => esc_html__( 'Enter top area height (default is 30px)', 'halstein-core' ),
				'args'        => array(
					'suffix' => esc_html__( 'px', 'halstein-core' ),
				),
			)
		);

		$top_area_options_section->add_field_element(
			array(
				'field_type' => 'text',
				'name'       => 'qodef_top_area_header_side_padding',
				'title'      => esc_html__( 'Top Area Side Padding', 'halstein-core' ),
				'args'       => array(
					'suffix' => esc_html__( 'px or %', 'halstein-core' ),
				),
			)
		);

		$top_area_options_section->add_field_element(
			array(
				'field_type'  => 'select',
				'name'        => 'qodef_set_top_area_header_content_alignment',
				'title'       => esc_html__( 'Content Alignment', 'halstein-core' ),
				'description' => esc_html__( 'Set widgets content alignment inside top header area', 'halstein-core' ),
				'options'     => array(
					''       => esc_html__( 'Default', 'halstein-core' ),
					'center' => esc_html__( 'Center', 'halstein-core' ),
				),
			)
		);

		$top_area_options_section->add_field_element(
			array(
				'field_type'  => 'color',
				'name'        => 'qodef_top_area_header_background_color',
				'title'       => esc_html__( 'Top Area Background Color', 'halstein-core' ),
				'description' => esc_html__( 'Choose top area background color', 'halstein-core' ),
			)
		);

		$top_area_options_section->add_field_element(
			array(
				'field_type'  => 'color',
				'name'        => 'qodef_top_area_header_border_color',
				'title'       => esc_html__( 'Top Area Border Color', 'halstein-core' ),
				'description' => esc_html__( 'Enter top area border color', 'halstein-core' ),
			)
		);

		$top_area_options_section->add_field_element(
			array(
				'field_type'  => 'text',
				'name'        => 'qodef_top_area_header_border_width',
				'title'       => esc_html__( 'Top Area Border Width', 'halstein-core' ),
				'description' => esc_html__( 'Enter top area border width size', 'halstein-core' ),
				'args'        => array(
					'suffix' => esc_html__( 'px', 'halstein-core' ),
				),
			)
		);

		$top_area_options_section->add_field_element(
			array(
				'field_type'  => 'select',
				'name'        => 'qodef_top_area_header_border_style',
				'title'       => esc_html__( 'Top Area Border Style', 'halstein-core' ),
				'description' => esc_html__( 'Choose top area border style', 'halstein-core' ),
				'options'     => halstein_core_get_select_type_options_pool( 'border_style' ),
			)
		);
	}

	add_action( 'halstein_core_action_after_header_options_map', 'halstein_core_add_top_area_options', 20, 2 );
}
File Content: top-area-options.php

File Content: `top-area-options.php`
