<?php
/**
 * Astrologer Theme Customizer.
 *
 * @package astrologer
 */
// Theme customization options
function AstrologerCustomizeRegister( $wp_customize ) {
   //All our sections, settings, and controls will be added here
	$wp_customize->add_section( 'socialIconsSection' , array(
	    'title'      => __( 'Social Icons', 'astrologer' ),
	    'priority'   => 30,
	) );

	// Social Account 1
	$wp_customize->add_setting( 'socialIcon1' , array(
	    'default'     => 'fa-facebook',
	    'transport'   => 'refresh',
	    'sanitize_callback' => 'sanitize_text_field'
	) );
	$wp_customize->add_control( 'socialIcon1', array(
		'label'        => __( 'Enter Social Icon 1', 'astrologer' ),
		'section'    => 'socialIconsSection',
	) );
	$wp_customize->add_setting( 'socialLink1' , array(
	    'transport'   => 'refresh',
	    'sanitize_callback' => 'esc_url_raw'
	) );
	$wp_customize->add_control( 'socialLink1', array(
		'label'        => __( 'Enter Link 1', 'astrologer' ),
		'section'    => 'socialIconsSection',
	) );

	// Social Account 2
	$wp_customize->add_setting( 'socialIcon2' , array(
	    'default'     => 'fa fa-twitter',
	    'transport'   => 'refresh',
	    'sanitize_callback' => 'sanitize_text_field'
	) );
	$wp_customize->add_control( 'socialIcon2', array(
		'label'        => __( 'Enter Social Icon 2', 'astrologer' ),
		'section'    => 'socialIconsSection',
	) );
	$wp_customize->add_setting( 'socialLink2' , array(
	    'transport'   => 'refresh',
	    'sanitize_callback' => 'esc_url_raw'
	) );
	$wp_customize->add_control( 'socialLink2', array(
		'label'        => __( 'Enter Link 2', 'astrologer' ),
		'section'    => 'socialIconsSection',
	) );

	// Social Account 3
	$wp_customize->add_setting( 'socialIcon3' , array(
	    'default'     => 'fa fa-instagram',
	    'transport'   => 'refresh',
	    'sanitize_callback' => 'sanitize_text_field'
	) );
	$wp_customize->add_control( 'socialIcon3', array(
		'label'        => __( 'Enter Social Icon 2', 'astrologer' ),
		'section'    => 'socialIconsSection',
	) );
	$wp_customize->add_setting( 'socialLink3' , array(
	    'transport'   => 'refresh',
	    'sanitize_callback' => 'esc_url_raw'
	) );
	$wp_customize->add_control( 'socialLink3', array(
		'label'        => __( 'Enter Link 3', 'astrologer' ),
		'section'    => 'socialIconsSection',
	) );

	// Social Account 4
	$wp_customize->add_setting( 'socialIcon4' , array(
	    'default'     => 'fa fa-pinterest-p',
	    'transport'   => 'refresh',
	    'sanitize_callback' => 'sanitize_text_field'
	) );
	$wp_customize->add_control( 'socialIcon4', array(
		'label'        => __( 'Enter Social Icon 4', 'astrologer' ),
		'section'    => 'socialIconsSection',
	) );
	$wp_customize->add_setting( 'socialLink4' , array(
	    'transport'   => 'refresh',
	    'sanitize_callback' => 'esc_url_raw'
	) );
	$wp_customize->add_control( 'socialLink4', array(
		'label'        => __( 'Enter Link 4', 'astrologer' ),
		'section'    => 'socialIconsSection',
	) );

	// Social Account 5
	$wp_customize->add_setting( 'socialIcon5' , array(
	    'default'     => 'fa fa-skype',
	    'transport'   => 'refresh',
	    'sanitize_callback' => 'sanitize_text_field'
	) );
	$wp_customize->add_control( 'socialIcon5', array(
		'label'        => __( 'Enter Social Icon 5', 'astrologer' ),
		'section'    => 'socialIconsSection',
	) );
	$wp_customize->add_setting( 'socialLink5' , array(
	    'transport'   => 'refresh',
	    'sanitize_callback' => 'esc_url_raw'
	) );
	$wp_customize->add_control( 'socialLink5', array(
		'label'        => __( 'Enter Link 5', 'astrologer' ),
		'section'    => 'socialIconsSection',
	) );

	$wp_customize->add_setting(
		      'astrologerColorSectionPrimaryColor',
		      array(
		          'default' => '#ad2737',
		          'capability'     => 'edit_theme_options',
		          'sanitize_callback' => 'sanitize_text_field',
		      )
		);
	$wp_customize->add_control(
	    new WP_Customize_Color_Control(
	        $wp_customize,
	        'astrologerColorSectionPrimaryColor',
	        array(
	            'label'      => __('Theme Color','astrologer'),
	            'section' => 'colors',
	            'settings' => 'astrologerColorSectionPrimaryColor',
	        )
	    )
	);

	$wp_customize->add_setting(
		      'astrologerColorSectionSecondaryColor',
		      array(
		          'default' => '#e1e1e1',
		          'capability'     => 'edit_theme_options',
		          'sanitize_callback' => 'sanitize_text_field',
		      )
		);
	$wp_customize->add_control(
	    new WP_Customize_Color_Control(
	        $wp_customize,
	        'astrologerColorSectionSecondaryColor',
	        array(
	            'label'      => __('Secondary Color','astrologer'),
	            'section' => 'colors',
	            'settings' => 'astrologerColorSectionSecondaryColor',
	        )
	    )
	);

}
add_action( 'customize_register', 'AstrologerCustomizeRegister' );

function AstrologerCustomCss(){ 
	if(get_theme_mod('astrologerColorSectionPrimaryColor') == '') { $astrologerColorSectionPrimaryColor = '#ad2737'; }
	else { $astrologerColorSectionPrimaryColor = esc_attr(get_theme_mod('astrologerColorSectionPrimaryColor')); }

	if(get_theme_mod('astrologerColorSectionSecondaryColor') == '') { $astrologerColorSectionSecondaryColor = '#E1E1E1'; }
	else { $astrologerColorSectionSecondaryColor = esc_attr(get_theme_mod('astrologerColorSectionSecondaryColor')); } ?>
	<style type="text/css">
		/* Primary Color*/
		.blog-sidebar h2{ color: <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.logo a{ color: <?php echo $astrologerColorSectionPrimaryColor; ?>;	}
		.header-top{ border-bottom: 1px solid <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.menu-global{ border-top: 3px solid <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.footer-socail-icon span:hover { background: <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.postBtn{ background : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.comment-info a{ color : <?php echo $astrologerColorSectionPrimaryColor; ?>;	}
		.blog-sidebar .widget ul li a:hover{ color : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.footer-copyrights a:hover, .footer-copyrights a:focus{	color : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.bloginner-content-part ul li a:hover{ color : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.footer-menu ul li a:hover{	color : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.meta-nav-next:hover, .meta-nav-prev:hover{	background : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.bar:before, .bar:after{ background : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		textarea:focus ~ label{	color : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		input:focus ~ label, input:valid ~ label{ color : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.footer-menu ul li:before{ border-top: 3px solid <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.footer-menu ul li:after{  border-bottom: 3px solid <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.blog-content-left h2:hover{ color : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.blog-content-left a:hover{ color : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		.page-numbers.current, a.page-numbers:hover{ background : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		#cssmenu > ul > li:hover > a, #cssmenu ul li.active a{ color : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{ color : <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		#cssmenu ul ul:after{ background : <?php echo $astrologerColorSectionPrimaryColor; ?>; border-bottom: 1px solid <?php echo $astrologerColorSectionPrimaryColor; ?>; border-right: 1px solid <?php echo $astrologerColorSectionPrimaryColor; ?>;}
		#cssmenu ul ul{ border: 1px solid <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		#blog-innerpage-content .bloginner-content-part blockquote{ border-left : 5px solid <?php echo $astrologerColorSectionPrimaryColor; ?>; }
		/* Secondary Color*/
		#main-footer{ background: <?php echo $astrologerColorSectionSecondaryColor; ?>; }
	   .blog-content-left:hover:after{ box-shadow: 0 0 0 15px <?php echo $astrologerColorSectionSecondaryColor; ?> inset; }
	   .blog-content-left:hover .blog-img a:after {
    		box-shadow: inset -20px 0 0px -6px <?php echo $astrologerColorSectionSecondaryColor; ?>, inset 20px 0 0px -6px <?php echo $astrologerColorSectionSecondaryColor; ?>, inset 0 -15px 0px -6px <?php echo $astrologerColorSectionSecondaryColor; ?>;
		}
		#blog-title-top{ border-bottom: 1px solid <?php echo $astrologerColorSectionSecondaryColor; ?>; }
	</style>
<?php }
add_action('wp_head','AstrologerCustomCss');