<?php
/**
 * Sidebar Customizer Options
 *
 * @package Aces WordPress theme
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

if ( ! class_exists( 'Aces_Sidebar_Customizer' ) ) :

	class Aces_Sidebar_Customizer {

		/**
		 * Setup class.
		 *
		 * @since 1.0
		 */
		public function __construct() {

			add_action( 'customize_register', 	array( $this, 'customizer_options' ) );
			add_filter( 'aces_customizer_head_css',  array( $this, 'aces_sidebar_css' ) );
		

		}

		/**
		 * Customizer options
		 *
		 * @since 1.0.0
		 */
		public function customizer_options( $wp_customize ) {

			/**
			 * Panel
			 */
			$panel = 'aces_sidebar';
			$wp_customize->add_panel( $panel , array(
				'title' 			=> esc_html__( 'Sidebar', 'aces' ),
				'priority' 			=> 10,
			) );


			// Path
			$dir = ACES_THEME_DIR . 'inc/customizer/settings/';

			// Load customize control classes
			require_once( $dir . 'sidebar/sidebar.php');

		}


		/**
		 * Get CSS
		 *
		 * @since 1.0.0
		 */
		public static function aces_sidebar_css( $sidebar_css ) {

			// Define css var
			$css = '';

			$sidebar_widht 		= get_theme_mod( 'aces_sidebar_width' );			
			

			$widgets_top_padding 		= get_theme_mod( 'aces_widgets_top_padding' );
			$widgets_right_padding 		= get_theme_mod( 'aces_widgets_right_padding' );
			$widgets_bottom_padding 	= get_theme_mod( 'aces_widgets_bottom_padding' );
			$widgets_left_padding 		= get_theme_mod( 'aces_widgets_left_padding');
			$widgets_tablet_top_padding = get_theme_mod( 'aces_widgets_tablet_top_padding' );
			$widgets_tablet_right_padding 	= get_theme_mod( 'aces_widgets_tablet_right_padding' );
			$widgets_tablet_bottom_padding 	= get_theme_mod( 'aces_widgets_tablet_bottom_padding' );
			$widgets_tablet_left_padding 	= get_theme_mod( 'aces_widgets_tablet_left_padding' );
			$widgets_mobile_top_padding 	= get_theme_mod( 'aces_widgets_mobile_top_padding' );
			$widgets_mobile_right_padding 	= get_theme_mod( 'aces_widgets_mobile_right_padding' );
			$widgets_mobile_bottom_padding 	= get_theme_mod( 'aces_widgets_mobile_bottom_padding' );
			$widgets_mobile_left_padding 	= get_theme_mod( 'aces_widgets_mobile_left_padding' );

			$aces_widget_title_positioning 	= get_theme_mod( 'aces_widget_title_positioning' );
			$widgets_bg 			= get_theme_mod( 'aces_widgets_bg' );
			$widgets_title_bg 		= get_theme_mod( 'aces_widgets_titles_bg_color' );
			$widgets_title_color 	= get_theme_mod( 'aces_widgets_titles_color' );
			$widgets_border_color 	= get_theme_mod( 'aces_widgets_titles_border_color' );

			$widgets_text_color 	= get_theme_mod( 'aces_widgets_text_color' );
			$widgets_link_color 	= get_theme_mod( 'aces_widgets_link_color' );
			$widgets_link_hover 	= get_theme_mod( 'aces_widgets_link_hover_color' );
			$widgets_link_border 	= get_theme_mod( 'aces_widgets_link_border_color' );

			$layout = get_theme_mod( 'aces_sidebar_layout', 'right' );
				if ( 'right' == $layout
				|| 'left' == $layout ) {

				if ( ! empty( $aces_widget_title_positioning )  ) {
						$css .= '.widget-area .widget .widget-title {text-align:'. $aces_widget_title_positioning .';}';
				}

				if ( ! empty( $widgets_bg )  ) {
						$css .= '.widget-area .widget:not(.widget_search) {background-color:'. $widgets_bg .';}';
				}
				if ( ! empty( $widgets_title_color )  ) {
						$css .= '.widget-area .widget .widget-title{color:'. $widgets_title_color .';}';
				}
				if ( ! empty( $widgets_title_bg )  ) {
						$css .= '.widget-area .widget .widget-title{background-color:'. $widgets_title_bg .';}';
				}
				if ( ! empty( $widgets_border_color )  ) {
						$css .= '.widget-area .widget .widget-title{border-color: '. $widgets_border_color .';}';
				}

				// ---
				if ( ! empty( $widgets_text_color )  ) {
						$css .= '.widget-area .widget, .widget-area .widget caption, .widget-area .widget ul li{color: '. $widgets_text_color .';}';
				}
				if ( ! empty( $widgets_link_color )  ) {
						$css .= '.widget-area .widget a, .widget-area .widget ul li a, .widget-area .widget:not(.widget_recent_comments) ul li a:before{color: '. $widgets_link_color .';}';
				}
				if ( ! empty( $widgets_link_hover )  ) {
						$css .= '.widget-area .widget ul li a:hover{color: '. $widgets_link_hover .';}';
				}
				if ( ! empty( $widgets_link_border )  ) {
						$css .= '.widget-area .widget ul li {border-color: '. $widgets_link_border .';}';
				}

				//--

				if ( ! empty( $sidebar_widht )  ) {
						$css .= '.widget-area{width:'. $sidebar_widht .'%;}';

				}

				if ( ! empty( $sidebar_widht )  ) {
						$css .= '.content-area{width:calc(100% - '.$sidebar_widht.'%);}';
				}

				// Top bar padding
					if ( isset( $widgets_top_padding ) && '' != $widgets_top_padding && '' != $widgets_top_padding
						|| isset( $widgets_right_padding ) && '' != $widgets_right_padding && '' != $widgets_right_padding
						|| isset( $widgets_bottom_padding ) && '' != $widgets_bottom_padding && '' != $widgets_bottom_padding
						|| isset( $widgets_left_padding ) && '' != $widgets_left_padding && '' != $widgets_left_padding ) {
						$css .= '.widget-area .widget:not(.widget_search) {padding:'. aces_spacing_css( $widgets_top_padding, $widgets_right_padding, $widgets_bottom_padding, $widgets_left_padding ) .'}';
					}

					// Tablet top bar padding
					if ( isset( $widgets_tablet_top_padding ) && '' != $widgets_tablet_top_padding
						|| isset( $widgets_tablet_right_padding ) && '' != $widgets_tablet_right_padding
						|| isset( $widgets_tablet_bottom_padding ) && '' != $widgets_tablet_bottom_padding
						|| isset( $widgets_tablet_left_padding ) && '' != $widgets_tablet_left_padding ) {
						$css .= '@media (max-width: 768px){.widget-area .widget:not(.widget_search){padding:'. aces_spacing_css( $widgets_tablet_top_padding, $widgets_tablet_right_padding, $widgets_tablet_bottom_padding, $widgets_tablet_left_padding ) .'}}';
					}

					// Mobile top bar padding
					if ( isset( $widgets_mobile_top_padding ) && '' != $widgets_mobile_top_padding
						|| isset( $widgets_mobile_right_padding ) && '' != $widgets_mobile_right_padding
						|| isset( $widgets_mobile_bottom_padding ) && '' != $widgets_mobile_bottom_padding
						|| isset( $widgets_mobile_left_padding ) && '' != $widgets_mobile_left_padding ) {
						$css .= '@media (max-width: 480px){.widget-area .widget:not(.widget_search){padding:'. aces_spacing_css( $widgets_mobile_top_padding, $widgets_mobile_right_padding, $widgets_mobile_bottom_padding, $widgets_mobile_left_padding ) .'}}';
					}

				$widgets_title_top_padding 		= get_theme_mod( 'aces_widgets_title_top_padding' );
				$widgets_title_right_padding 		= get_theme_mod( 'aces_widgets_title_right_padding' );
				$widgets_title_bottom_padding 	= get_theme_mod( 'aces_widgets_title_bottom_padding' );
				$widgets_title_left_padding 		= get_theme_mod( 'aces_widgets_title_left_padding');
				$widgets_title_tablet_top_padding = get_theme_mod( 'aces_widgets_title_tablet_top_padding' );
				$widgets_title_tablet_right_padding 	= get_theme_mod( 'aces_widgets_title_tablet_right_padding' );
				$widgets_title_tablet_bottom_padding 	= get_theme_mod( 'aces_widgets_title_tablet_bottom_padding' );
				$widgets_title_tablet_left_padding 	= get_theme_mod( 'aces_widgets_title_tablet_left_padding' );
				$widgets_title_mobile_top_padding 	= get_theme_mod( 'aces_widgets_title_mobile_top_padding' );
				$widgets_title_mobile_right_padding 	= get_theme_mod( 'aces_widgets_title_mobile_right_padding' );
				$widgets_title_mobile_bottom_padding 	= get_theme_mod( 'aces_widgets_title_mobile_bottom_padding' );
				$widgets_title_mobile_left_padding 	= get_theme_mod( 'aces_widgets_title_mobile_left_padding' );

				// Top bar padding
					if ( isset( $widgets_title_top_padding ) && '' != $widgets_title_top_padding && '' != $widgets_title_top_padding
						|| isset( $widgets_title_right_padding ) && '' != $widgets_title_right_padding && '' != $widgets_title_right_padding
						|| isset( $widgets_title_bottom_padding ) && '' != $widgets_title_bottom_padding && '' != $widgets_title_bottom_padding
						|| isset( $widgets_title_left_padding ) && '' != $widgets_title_left_padding && '' != $widgets_title_left_padding ) {
						$css .= '.widget-area .widget .widget-title{padding:'. aces_spacing_css( $widgets_title_top_padding, $widgets_title_right_padding, $widgets_title_bottom_padding, $widgets_title_left_padding ) .'}';
					}

					// Tablet top bar padding
					if ( isset( $widgets_title_tablet_top_padding ) && '' != $widgets_title_tablet_top_padding
						|| isset( $widgets_title_tablet_right_padding ) && '' != $widgets_title_tablet_right_padding
						|| isset( $widgets_title_tablet_bottom_padding ) && '' != $widgets_title_tablet_bottom_padding
						|| isset( $widgets_title_tablet_left_padding ) && '' != $widgets_title_tablet_left_padding ) {
						$css .= '@media (max-width: 768px){.widget-area .widget .widget-title{padding:'. aces_spacing_css( $widgets_title_tablet_top_padding, $widgets_title_tablet_right_padding, $widgets_title_tablet_bottom_padding, $widgets_title_tablet_left_padding ) .'}}';
					}

					// Mobile top bar padding
					if ( isset( $widgets_title_mobile_top_padding ) && '' != $widgets_title_mobile_top_padding
						|| isset( $widgets_title_mobile_right_padding ) && '' != $widgets_title_mobile_right_padding
						|| isset( $widgets_title_mobile_bottom_padding ) && '' != $widgets_title_mobile_bottom_padding
						|| isset( $widgets_title_mobile_left_padding ) && '' != $widgets_title_mobile_left_padding ) {
						$css .= '@media (max-width: 480px){.widget-area .widget .widget-title{padding:'. aces_spacing_css( $widgets_title_mobile_top_padding, $widgets_title_mobile_right_padding, $widgets_title_mobile_bottom_padding, $widgets_title_mobile_left_padding ) .'}}';
					}
			}

			// Return CSS
			if ( ! empty( $css ) ) {
				$sidebar_css .= '/* Sidebar CSS */'. $css;
			}
			// Return output css
			return $sidebar_css;
				
		}


	}

endif;

return new Aces_Sidebar_Customizer();