<?php

namespace RT\WTBigshop\Custom;

use RT\WTBigshop\Helpers\Fns;
use RT\WTBigshop\Options\Opt;
use RT\WTBigshop\Traits\SingletonTraits;

class DynamicStyles {

	use SingletonTraits;

	protected $meta_data;

	public function __construct() {
		add_action( 'wp_enqueue_scripts', [ $this, 'enqueue_scripts' ], 20 );
	}

	public function enqueue_scripts() {
		$this->meta_data = get_post_meta( get_the_ID(), "rt_layout_meta_data", true );
		$dynamic_css     = $this->inline_style();
		wp_register_style( 'wtbigshop-dynamic', false, 'wtbigshop-main' );
		wp_enqueue_style( 'wtbigshop-dynamic' );
		wp_add_inline_style( 'wtbigshop-dynamic', $this->minify_css( $dynamic_css ) );
	}

	function minify_css( $css ) {
		$css = preg_replace( '/\/\*[^*]*\*+([^\/][^*]*\*+)*\//', '', $css ); // Remove comments
		$css = preg_replace( '/\s+/', ' ', $css ); // Remove multiple spaces
		$css = preg_replace( '/\s*([\{\};])\s*/', '$1', $css ); // Remove spaces around { } ; : ,

		return $css;
	}

	private function inline_style() {

		$primary_color       = wtbigshop_option( 'rt_primary_color', '#f96565' );
		$primary_light_color = wtbigshop_option( 'rt_primary_light_color', '#f96565' );
		$secondary_color     = wtbigshop_option( 'rt_secondary_color', '#d35656' );
		$body_color          = wtbigshop_option( 'rt_body_color', '#8C8C8C' );
		$body_bg_color       = wtbigshop_option( 'rt_body_bg_color', '#ffffff' );
		$title_color         = wtbigshop_option( 'rt_title_color', '#1E1E1E' );
		$rating_color        = wtbigshop_option( 'rt_rating_color', '#F9BA19' );
		$meta_color          = wtbigshop_option( 'rt_meta_color', '#8C8C8C' );
		$meta_light          = wtbigshop_option( 'rt_meta_light', '#d3d9e1' );
		$gray10              = wtbigshop_option( 'rt_gray10_color', '#f8f8f7' );
		$gray20              = wtbigshop_option( 'rt_gray20_color', '#696969' );


		ob_start(); ?>

		:root {
		--rt-primary-color: <?php echo esc_html( $primary_color ); ?>;
		--rt-primary-light-color: <?php echo esc_html( $primary_light_color ); ?>;
		--rt-secondary-color: <?php echo esc_html( $secondary_color ); ?>;
		--rt-body-color: <?php echo esc_html( $body_color ); ?>;
		--rt-body-bg-color: <?php echo esc_html( $body_bg_color ); ?>;
		--rt-title-color: <?php echo esc_html( $title_color ); ?>;
		--rt-rating-color: <?php echo esc_html( $rating_color ); ?>;
		--rt-meta-color: <?php echo esc_html( $meta_color ); ?>;
		--rt-meta-light: <?php echo esc_html( $meta_light ); ?>;
		--rt-gray10: <?php echo esc_html( $gray10 ); ?>;
		--rt-gray20: <?php echo esc_html( $gray20 ); ?>;
		--rt-body-rgb: <?php echo esc_html( Fns::hex2rgb( $body_color ) ); ?>;
		--rt-title-rgb: <?php echo esc_html( Fns::hex2rgb( $title_color ) ); ?>;
		--rt-primary-rgb: <?php echo esc_html( Fns::hex2rgb( $primary_color ) ); ?>;
		--rt-secondary-rgb: <?php echo esc_html( Fns::hex2rgb( $secondary_color ) ); ?>;
		--rt-container-width: <?php echo wtbigshop_option( 'container_width' ); ?>px;
		}

		body {
		color: <?php echo esc_html( $body_color ); ?>;
		}

		<?php
		$this->site_fonts();
		$this->topbar_css();
		$this->header_css();
		$this->breadcrumb_css();
		$this->content_padding_css();
		$this->footer_css();
		$this->site_background();

		return ob_get_clean();
	}

	/**
	 * Topbar Settings
	 * @return void
	 */
	protected function topbar_css() {
		$_topbar_active_color = wtbigshop_option( 'rt_topbar_active_color' );
		echo self::css( 'body .site-header .wtbigshop-topbar .topbar-container *:not(.dropdown-menu *)', 'color', 'rt_topbar_color' );
		echo self::css( 'body .site-header .wtbigshop-topbar .topbar-container svg:not(.dropdown-menu svg)', 'fill', 'rt_topbar_color', ' !important' );

		if ( ! empty( $_topbar_active_color ) ) : ?>
			body .site-header .wtbigshop-topbar .topbar-container a:hover:not(.dropdown-menu a:hover),
			body .wtbigshop-topbar #topbar-menu ul ul li.current_page_item > a,
			body .wtbigshop-topbar #topbar-menu ul ul li.current-menu-ancestor > a,
			body .wtbigshop-topbar #topbar-menu ul.wtbigshop-topbar-menu > li.current-menu-item > a,
			body .wtbigshop-topbar #topbar-menu ul.wtbigshop-topbar-menu > li.current-menu-ancestor > a {
			color: <?php echo esc_attr( $_topbar_active_color ); ?> !important;
			}

			body .site-header .wtbigshop-topbar .topbar-container a:hover:not(.dropdown-menu a:hover svg) svg,
			body .wtbigshop-topbar #topbar-menu ul ul li.current-menu-ancestor > a svg,
			body .wtbigshop-topbar #topbar-menu ul.wtbigshop-topbar-menu > li.current-menu-item > a svg,
			body .wtbigshop-topbar #topbar-menu ul.wtbigshop-topbar-menu > li.current-menu-ancestor > a svg {
			fill: <?php echo esc_attr( $_topbar_active_color ); ?> !important;
			}
		<?php endif; ?>

		<?php
		echo self::css( 'body .wtbigshop-topbar', 'background-color', 'rt_topbar_bg_color' );
		echo self::css( 'body .wtbigshop-topbar .line', 'background-color', 'rt_topbar_seperator_color' );

	}


	/**
	 * Menu Color Settings
	 * @return void
	 */
	protected function header_css() {
		//Logo CSS
		$logo_width = '';

		$logo_dimension     = wtbigshop_option( 'rt_logo_width_height' );
		$menu_border_bottom = wtbigshop_option( 'rt_menu_border_color' );
		$label_color        = wtbigshop_option( 'rt_menu_label_color' );
		$menu_icon_color    = wtbigshop_option( 'rt_menu_icon_color' );

		if ( strpos( $logo_dimension, ',' ) ) {
			$logo_width = explode( ',', $logo_dimension );
		}

		//Default Menu
		$_menu_color        = wtbigshop_option( 'rt_menu_color' );
		$_menu_active_color = wtbigshop_option( 'rt_menu_active_color' );
		$_submenu_bg_color  = wtbigshop_option( 'rt_submenu_bg_color' );


		$_header_border     = wtbigshop_option( 'rt_header_border' );
		$_breadcrumb_border = wtbigshop_option( 'rt_breadcrumb_border' );
		?>

		<?php //Header Logo CSS ?>
		<?php if ( Opt::$header_width == 'full' ) :
			$h_width = '100%';
			if ( ( $header_width = wtbigshop_option( 'rt_header_max_width' ) ) > 768 ) {
				$h_width = $header_width . 'px';
			}
			?>
			.header-container, .topbar-container {width: <?php echo esc_attr($h_width); ?>;max-width: 100%;}
		<?php endif; ?>

		<?php if ( ! empty( $logo_width ) ) : ?>
			.site-header .site-branding img {
			max-width: <?php echo esc_attr( $logo_width[0] ?? '100%' ) ?>;
			max-height: <?php echo esc_attr( $logo_width[1] ?? 'auto' ) ?>;
			object-fit: contain;
			}
		<?php endif; ?>

		<?php //Default Header ?>
		<?php if ( ! empty( $_menu_color ) ) : ?>
			body .main-header-section .wtbigshop-navigation ul li a {color: <?php echo esc_attr( $_menu_color ) ?>;}
			body .main-header-section svg {fill: <?php echo esc_attr( $_menu_color ) ?>;}
			body .main-header-section .menu-icon-wrapper .menu-bar span,
			body .menu-icon-wrapper .has-separator li:not(:last-child):after {background-color: <?php echo esc_attr( $_menu_color ) ?>;}
		<?php endif; ?>

		<?php if ( ! empty( $_menu_active_color ) ) : ?>
			body .main-header-section .wtbigshop-navigation ul li a:hover,
			body .main-header-section .wtbigshop-navigation ul li.current-menu-item > a,
			body .main-header-section .wtbigshop-navigation ul li.current-menu-ancestor > a {color: <?php echo esc_attr( $_menu_active_color ) ?>;}
			body .main-header-section .wtbigshop-navigation ul li.current-menu-item > a svg,body .main-header-section .wtbigshop-navigation ul li.current-menu-ancestor > a svg {fill: <?php echo esc_attr( $_menu_active_color ) ?>;}
			body .main-header-section .menu-icon-wrapper .menu-bar:hover span {background-color: <?php echo esc_attr( $_menu_active_color ) ?>;}
			body .main-header-section a:hover [class*=rticon] svg {fill: <?php echo esc_attr( $_menu_active_color ) ?>;}
		<?php endif; ?>

		<?php if ( ! empty( $_submenu_bg_color ) ) : ?>
			.wtbigshop-navigation ul > li > ul {background-color: <?php echo esc_attr( $_submenu_bg_color ) ?>;}
		<?php endif; ?>

		<?php if ( ! empty( $menu_border_bottom ) ) : ?>
			body .wtbigshop-topbar {
			border-bottom-color: <?php echo esc_attr( $menu_border_bottom ); ?>;
			}
		<?php endif; ?>

		<?php if ( ! $_header_border ) : ?>
			body .main-header-section {border-bottom: none;}
		<?php endif; ?>
		<?php if ( ! $_breadcrumb_border ) : ?>
			body .wtbigshop-breadcrumb-wrapper {border-bottom: none;}
		<?php endif; ?>
		<?php if (!empty($label_color)): ?>
			.wtbigshop-header-2 .icon-item .text .label,
			.wtbigshop-header-1 .icon-item .text .label{
				color:<?php echo esc_attr( $label_color ); ?>
			}
		<?php endif; ?>
		<?php if (!empty($menu_icon_color)): ?>
			.wtbigshop-header-2 .menu-icon-wrapper .item-icon i,
			.wtbigshop-header-2 .icon-item .icon i,
			.site-header .menu-icon-wrapper i{
			color:<?php echo esc_attr( $menu_icon_color ); ?>
			}
		<?php endif; ?>
		<?php
	}

	/**
	 * Breadcrumb Settings
	 * @return void
	 */
	protected function breadcrumb_css() {
		$banner_bg                 = wtbigshop_option( 'rt_banner_bg' );
		$breadcrumb_color          = wtbigshop_option( 'rt_breadcrumb_color' );
		$breadcrumb_active         = wtbigshop_option( 'rt_breadcrumb_active' );
		$rt_breadcrumb_title_color = wtbigshop_option( 'rt_breadcrumb_title_color' );
		if ( ! empty( $rt_breadcrumb_title_color ) ) : ?>
			.wtbigshop-breadcrumb-wrapper .entry-title {color: <?php echo esc_attr( $rt_breadcrumb_title_color ) ?> !important;}
		<?php endif; ?>
		<?php if ( ! empty( $banner_bg ) ) : ?>
			body .wtbigshop-breadcrumb-wrapper,
			.wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper {background-color: <?php echo esc_attr( $banner_bg ) ?>;}
		<?php endif; ?>
		<?php if ( ! empty( $breadcrumb_color ) ) : ?>
			.wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .breadcrumb a,
			body .wtbigshop-breadcrumb-wrapper .breadcrumb a,
			.has-trheader .wtbigshop-breadcrumb-wrapper .breadcrumb a {color: <?php echo esc_attr( $breadcrumb_color ) ?>;}
			body .wtbigshop-breadcrumb-wrapper .breadcrumb li::after {border-color: <?php echo esc_attr( $breadcrumb_color ) ?>;}
			.wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .breadcrumb .raquo path{
				stroke:<?php echo esc_attr( $breadcrumb_color ); ?>
			}
		<?php endif; ?>
		<?php if ( ! empty( $breadcrumb_active ) ) : ?>
			.wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .breadcrumb li.active .title,
			body .wtbigshop-breadcrumb-wrapper .breadcrumb li.active .title,
			body .wtbigshop-breadcrumb-wrapper .breadcrumb a:hover,
			.has-trheader .wtbigshop-breadcrumb-wrapper .breadcrumb li.active .title,
			.has-trheader .wtbigshop-breadcrumb-wrapper .breadcrumb a:hover {color: <?php echo esc_attr( $breadcrumb_active ) ?>;}
		<?php endif;
	}

	/**
	 * Content Padding
	 * @return void
	 */
	protected function content_padding_css() {

		if ( ! empty( Opt::$padding_top ) && 'default' !== Opt::$padding_top ) { ?>
			.content-area {padding-top: <?php echo esc_attr( Opt::$padding_top ); ?>px;}
		<?php }

		if ( ! empty( Opt::$padding_bottom ) && 'default' !== Opt::$padding_bottom ) { ?>
			.content-area {padding-bottom: <?php echo esc_attr( Opt::$padding_bottom ); ?>px;}
		<?php }

	}

	/**
	 * Footer CSS
	 * @return void
	 */
	protected
	function footer_css() {
		if ( wtbigshop_option( 'rt_footer_width' ) && wtbigshop_option( 'rt_footer_max_width' ) > 1400 ) {
			echo self::css( '.site-footer .footer-container', 'width', 'rt_footer_max_width', 'px;max-width: 100%' );
		}

		echo self::css( 'body .site-footer *:not(a)', 'color', 'rt_footer_text_color' );
		echo self::css( 'body .site-footer a, .wtbigshop-footer-1 .site-footer .widget a', 'color', 'rt_footer_link_color' );
		echo self::css( 'body .site-footer a:hover, .wtbigshop-footer-1 .footer-sidebar a:hover', 'color', 'rt_footer_link_hover_color' );
		echo self::css( '.wtbigshop-footer-1 .site-footer .footer-widgets-wrapper', 'background-color', 'rt_footer_bg' );
		echo self::css( '.wtbigshop-footer-1 .footer-copyright-wrapper', 'border-color', 'rt_footer_input_border_color' );
		echo self::css( 'body .site-footer .widget-title, .wtbigshop-footer-1 .footer-widgets .widget-title', 'color', 'rt_footer_widget_title_color' );
		echo self::css( 'body .footer-copyright-wrapper .copyright-text', 'color', 'rt_copyright_text_color' );
		echo self::css( 'body .site-footer .footer-copyright-wrapper a', 'color', 'rt_copyright_link_color' );
		echo self::css( 'body .site-footer .footer-copyright-wrapper a:hover', 'color', 'rt_copyright_link_hover_color' );
		echo self::css( 'body .site-footer .footer-copyright-wrapper', 'background-color', 'rt_copyright_bg' );

		echo self::css( '.footer-copyright-wrapper .social-icon a', 'background', 'rt_copyright_social_bg_color' );
	}


	/**
	 * Load site fonts
	 * @return void
	 */
	protected
	function site_fonts() {

		$typo_body           = json_decode( wtbigshop_option( 'rt_body_typo' ), true );
		$typo_menu           = json_decode( wtbigshop_option( 'rt_menu_typo' ), true );
		$typo_heading        = json_decode( wtbigshop_option( 'rt_all_heading_typo' ), true );
		$body_font_family    = $typo_body['font'] ?? 'Inter';
		$heading_font_family = $typo_heading['font'] ?? $body_font_family;
		?>
		:root{
		--rt-body-font: '<?php echo esc_html( $typo_body['font'] ); ?>', sans-serif;;
		--rt-heading-font: '<?php echo esc_html( $heading_font_family ); ?>', sans-serif;
		--rt-menu-font: '<?php echo esc_html( $typo_body['font'] ); ?>', sans-serif;
		}

		<?php
		echo self::font_css( 'body', $typo_body );
		echo self::font_css( '.site-header', [ 'font' => $typo_menu['font'] ] );
		echo self::font_css( '.wtbigshop-navigation ul li a', [
				'size'          => $typo_menu['size'],
				'regularweight' => $typo_menu['regularweight'],
				'lineheight'    => $typo_menu['lineheight']
		] );
		echo self::font_css( '.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6', [
				'font'          => $typo_heading['font'],
				'regularweight' => $typo_heading['regularweight']
		] );

		$heading_fonts = [ 'h1', 'h2', 'h3', 'h4', 'h5', 'h6' ];
		foreach ( $heading_fonts as $heading ) {
			$font = json_decode( wtbigshop_option( "rt_heading_{$heading}_typo" ), true );
			if ( ! empty( $font['font'] ) ) {
				$selector = "$heading, .$heading";
				echo self::font_css( $selector, $font );
			}
		}
	}


	/**
	 * Generate CSS
	 *
	 * @param $selector
	 * @param $property
	 * @param $theme_mod
	 *
	 * @return string|void
	 */
	public
	static function css(
			$selector, $property, $theme_mod, $after_css = ''
	) {
		$theme_mod = wtbigshop_option( $theme_mod );

		if ( ! empty( $theme_mod ) ) {
			return sprintf( '%s { %s:%s%s; }', $selector, $property, $theme_mod, $after_css );
		}
	}

	/**
	 * Font CSS
	 *
	 * @param $selector
	 * @param $property
	 * @param $theme_mod
	 * @param $after_css
	 *
	 * @return string
	 */
	public
	static function font_css(
			$selector, $font
	) {
		$css = '';
		$css .= $selector . '{'; //Start CSS
		$css .= ! empty( $font['font'] ) ? "font-family: '" . $font['font'] . "', sans-serif;" : '';
		$css .= ! empty( $font['size'] ) ? "font-size: {$font['size']}px;" : '';
		$css .= ! empty( $font['lineheight'] ) ? "line-height: {$font['lineheight']}px;" : '';
		$css .= ! empty( $font['regularweight'] ) ? "font-weight: {$font['regularweight']};" : '';
		$css .= '}'; //End CSS

		return $css;
	}

	/**
	 * Site background
	 *
	 * @return string
	 */

	function site_background() {
		if ( ! empty( Opt::$pagebgimg ) ) {
			$bg = wp_get_attachment_image_src( Opt::$pagebgimg, 'full' );
			if ( ! empty( $bg[0] ) ) { ?>
				body {
				background-image: url(<?php echo esc_url( $bg[0] ) ?>);
				background-repeat: repeat;
				background-position: top center;
				background-size: cover;
				}
				<?php
			}
		}
		if ( ! empty( Opt::$pagebgcolor ) && 'default' !== Opt::$pagebgcolor ) { ?>
			body {
			background-color: <?php echo esc_attr( Opt::$pagebgcolor ); ?>;
			}
		<?php }
	}
}