<?php
function logo_customizer_settings($wp_customize) {
  // add a setting for the site logo
  $wp_customize->add_setting('site_logo', array(
    'default' => '',
    'transport' => 'refresh',
    'sanitize_callback' => 'esc_attr'
  ));
  // Add a control to upload the logo
  $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'site_logo',
  array(
  'label' => 'Upload Site Logo',
  'section' => 'title_tagline',
  'settings' => 'site_logo',
  ) ) );

  $wp_customize->add_setting( 'site_color', array(
    'default'   => '#29b28d',
    'transport' => 'refresh',
    'sanitize_callback' => 'sanitize_hex_color',
  ) );
  $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'site_color', array(
    'section' => 'colors',
    'priority' => '10',
    'label'   => 'Site Primary Color'
  ) ) );
}
add_action('customize_register', 'logo_customizer_settings');

  // Widget for google analytics code

function google_analytics_customizer($wp_customize){
  $wp_customize->remove_control('header_textcolor');
  $wp_customize->remove_control("background_color");
  $wp_customize->add_section( 'google_analytics_section' , array(
  'title'       => 'Google analytics code',
  'priority'   => 110,
  'description' => 'You can place your google analytics code here within the script tag',
  ) );
  $wp_customize->add_setting( 'google_analytics_code', array(
      'default'   => '',
      'transport' => 'refresh',
      'sanitize_callback' => 'sanitize_text_field'
  ) );
  $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'google_analytics_code',
  array(
  'label' => 'Google Analytics Code', 
  'section' => 'google_analytics_section',
  'type' => 'textarea',
  ) ) );
}
add_action('customize_register', 'google_analytics_customizer');
  
  // End widget for google analytics code

 // Widget for color options
function theme_customize_register( $wp_customize ) {
	  // Body background color
    $wp_customize->add_setting( 'body_bg_color', array(
      'default'   => '#ffffff',
      'transport' => 'refresh',
      'sanitize_callback' => 'sanitize_hex_color',
    ) );
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'body_bg_color', array(
      'section' => 'colors',
      'label'   => 'Body Background color'
    ) ) );
  // Text color
    $wp_customize->add_setting( 'text_color', array(
      'default'   => '#333333',
      'transport' => 'refresh',
      'sanitize_callback' => 'sanitize_hex_color',
    ) );
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'text_color', array(
      'section' => 'colors',
      'label'   => 'Text color'
    ) ) );
    // Link color
    $wp_customize->add_setting( 'link_color', array(
      'default'   => '#29b28d',
      'transport' => 'refresh',
      'sanitize_callback' => 'sanitize_hex_color',
    ) );
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'link_color', array(
      'section' => 'colors',
      'label'   => 'Link color'
    ) ) );
    // Accent color
    $wp_customize->add_setting( 'accent_color', array(
      'default'   => '#00bf59',
      'transport' => 'refresh',
      'sanitize_callback' => 'sanitize_hex_color',
    ) );
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'accent_color', array(
      'section' => 'colors',
      'label'   => 'Accent color'
    ) ) );
}
add_action( 'customize_register', 'theme_customize_register' );
// End widget for color options

// Widget for header color section
function header_customizer_settings($wp_customize) {
  $wp_customize->remove_section('header_image');
	$wp_customize->add_section( 'header_section' , array(
	'title'       => 'Header',
	'priority'   => 50,
	'description' => 'Update the colors for header',
	) );
	$wp_customize->add_setting( 'header_background', array(
      'default'   => '#ffffff',
      'transport' => 'refresh',
      'sanitize_callback' => 'sanitize_hex_color',
  ) );
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'header_background',
	array(
	'label' => 'Header Background',
	'section' => 'header_section',
	) ) );
	$wp_customize->add_setting( 'header_text_color', array(
      'default'   => '#333333',
      'transport' => 'refresh',
      'sanitize_callback' => 'sanitize_hex_color',
  ) );
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'header_text_color',
	array(
	'label' => 'Header Text Color',
	'section' => 'header_section',
	) ) );
  $wp_customize->add_setting( 'header_bg_img', array(
      'default'   => '',
      'transport' => 'refresh',
      'sanitize_callback' => 'esc_attr'
  ) );
  $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'header_bg_img',
  array(
  'label' => 'Header Background Image',
  'section' => 'header_section',
  ) ) );
}

add_action('customize_register', 'header_customizer_settings');
// End widget for header color options

// Widget for footer color options
function footer_customizer_settings($wp_customize) {
	$wp_customize->add_section( 'footer_section' , array(
	'title'       => 'Footer',
	'priority'   => 50,
	'description' => 'Update the colors for header',
	) );
	$wp_customize->add_setting( 'footer_background', array(
      'default'   => '#2c2c2c',
      'transport' => 'refresh',
      'sanitize_callback' => 'sanitize_hex_color',
  ) );
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'footer_background',
	array(
	'label' => 'Footer Background',
	'section' => 'footer_section',
	) ) );
	$wp_customize->add_setting( 'footer_text_color', array(
      'default'   => '#777',
      'transport' => 'refresh',
      'sanitize_callback' => 'sanitize_hex_color',
  ) );
	$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'footer_text_color',
	array(
	'label' => 'Footer Text Color',
	'section' => 'footer_section',
	) ) );
}
add_action('customize_register', 'footer_customizer_settings');
// End widget for footer color options

// Widget for button color options
function button_customizer($wp_customize){
  $wp_customize->add_section( 'button_section' , array(
  'title'       => 'Button',
  'priority'   => 50,
  'description' => 'Update the colors for buttons',
  ) );
  $wp_customize->add_setting( 'primary_button_background_color', array(
      'default'   => '#29b28d',
      'transport' => 'refresh',
      'sanitize_callback' => 'sanitize_hex_color',
  ) );
  $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'primary_button_background_color',  array(
  'label' => 'Primary button background color',
  'section' => 'button_section',
  ) ) );
  $wp_customize->add_setting( 'primary_button_text_color', array(
      'default'   => '#ffffff',
      'transport' => 'refresh',
      'sanitize_callback' => 'sanitize_hex_color',
  ) );
  $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'primary_button_text_color',
  array(
  'label' => 'Primary button text color',
  'section' => 'button_section',
  ) ) );
}

add_action('customize_register', 'button_customizer');
// End widget for button color options

// Widget for typography section.
function typography_customizer($wp_customize){
$n=100;
$font_size = [''];
for($i = 0; $i<=$n ; $i++){
array_push($font_size, $i);
}
$wp_customize->add_section( 'typography_section' , array(
  'title'       => 'Typography',
  'priority'   => 41,
  'description' => 'Update the fonts size',
) );
$wp_customize->add_setting( 'body_font_size', array(
  'default'   => '15',
  'transport' => 'refresh',
  'sanitize_callback' => 'sanitize_text_field',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'body_font_size',
array(
  'type' => 'select',
  'label' => 'Body font size',
  'section' => 'typography_section',
  'choices' => $font_size
) ) ); 
$wp_customize->add_setting( 'header_font_size', array(
  'default'   => '15',
  'transport' => 'refresh',
  'sanitize_callback' => 'sanitize_text_field',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'header_font_size',
array(
  'label' => 'Header font size',
  'section' => 'typography_section',
  'type' => 'select',
  'choices' => $font_size
) ) ); 
$wp_customize->add_setting( 'footer_font_size', array(
  'default'   => '15',
  'transport' => 'refresh',
  'sanitize_callback' => 'sanitize_text_field',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'footer_font_size',
array(
  'label' => 'Footer font size',
  'section' => 'typography_section',
  'type' => 'select',
  'choices' => $font_size
) ) ); 
}
add_action('customize_register', 'typography_customizer');
// End widget for typography section

// Widget for google font section
function google_font_customizer($wp_customize){

$gfonts = array(
                '' => '- Select a font -',
                'Roboto:100,300,400,500,700,900'  => '"Roboto", sans-serif',
                'Noto+Sans:400,700'  => '"Noto Sans", sans-serif',
                'Open+Sans:300,400,600,700,800' => '"Open Sans", sans-serif',
                'Lato:100,300,400,700,900' => '"Lato", sans-serif',
                'Poppins:100,200,300,400,500,600,700,800,900' => '"Poppins", sans-serif',
                'Montserrat:100,200,300,400,500,600,700,800,900' => '"Montserrat", sans-serif',
                'Source+Sans+Pro:200,300,400,600,700,900' => '"Source Sans Pro", sans-serif',
                'PT+Sans:400,700' => '"PT Sans", sans-serif',
                'Roboto+Slab:100,400,700' => '"Roboto Slab", serif',
                'Nunito:200,300,400,600,700,800,900' => '"Nunito", sans-serif',
                'Oxygen:300,400,700' => '"Oxygen", sans-serif',
                'Nunito+Sans:200,300,400,600,700,800,900' => '"Nunito Sans", sans-serif',
                'Ropa+Sans' => '"Ropa Sans", sans-serif',
                'Fira+Sans+Condensed:100,200,300,400,500,600,700,800,900' => '"Fira Sans Condensed", sans-serif',
            );

$wp_customize->add_section( 'google_font_section' , array(
'title'       => 'Google Fonts',
'priority'   => 40,
) );
$wp_customize->add_setting( 'google_font', array(
  'default' => '',
  'transport' => 'refresh',
  'sanitize_callback' => 'sanitize_text_field',
));
$wp_customize->add_control(new WP_Customize_Control($wp_customize, 'google_font', array(
  'label' => 'Google font',
  'section' => 'google_font_section',
  'type' => 'select',
  'choices' => $gfonts
)));
$wp_customize->add_setting( 'google_heading_font', array(
  'default' => '',
  'transport' => 'refresh',
  'sanitize_callback' => 'sanitize_text_field',
));
$wp_customize->add_control(new WP_Customize_Control($wp_customize, 'google_heading_font', array(
  'label' => 'Google Heading font',
  'section' => 'google_font_section',
  'type' => 'select',
  'choices' => $gfonts
)));
}
add_action('customize_register', 'google_font_customizer');

// End widget for google font section

function theme_get_customizer_css() {

$gfonts = array(
                '' => '- Select a font -',
                'Roboto:100,300,400,500,700,900'  => '"Roboto", sans-serif',
                'Noto+Sans:400,700'  => '"Noto Sans", sans-serif',
                'Open+Sans:300,400,600,700,800' => '"Open Sans", sans-serif',
                'Lato:100,300,400,700,900' => '"Lato", sans-serif',
                'Poppins:100,200,300,400,500,600,700,800,900' => '"Poppins", sans-serif',
                'Montserrat:100,200,300,400,500,600,700,800,900' => '"Montserrat", sans-serif',
                'Source+Sans+Pro:200,300,400,600,700,900' => '"Source Sans Pro", sans-serif',
                'PT+Sans:400,700' => '"PT Sans", sans-serif',
                'Roboto+Slab:100,400,700' => '"Roboto Slab", serif',
                'Nunito:200,300,400,600,700,800,900' => '"Nunito", sans-serif',
                'Oxygen:300,400,700' => '"Oxygen", sans-serif',
                'Nunito+Sans:200,300,400,600,700,800,900' => '"Nunito Sans", sans-serif',
                'Ropa+Sans' => '"Ropa Sans", sans-serif',
                'Fira+Sans+Condensed:100,200,300,400,500,600,700,800,900' => '"Fira Sans Condensed", sans-serif',
            );

  $google_analytics_code = get_theme_mod( 'google_analytics_code','');
    if ( ! empty( $google_analytics_code ) ) {
      echo $google_analytics_code;
  }
  $google_font = get_theme_mod( 'google_font','');
    if ( ! empty( $google_font ) ) {
      echo "<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=".$google_font."' >";
  }
  $google_heading_font = get_theme_mod( 'google_heading_font','');
    if ( ! empty( $google_heading_font ) ) {
      echo "<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=".$google_heading_font."'>";
  }
  echo "<style type='text/css'>";

  $google_font = get_theme_mod( 'google_font','');
  if ( ! empty( $google_font ) ) {
    echo "body {
      font-family:".$gfonts[$google_font].";
    }";
  }
  $google_heading_font = get_theme_mod( 'google_heading_font','');
  if ( ! empty( $google_heading_font ) ) {
     echo "h1, h2, h3, h4, h5, h6 {
      font-family:".$gfonts[$google_heading_font].";
    }";
  }
  $body_bg_color = get_theme_mod( 'body_bg_color','');
  if ( ! empty( $body_bg_color ) ) {
    echo "body {
      background:".$body_bg_color.";
    }";
  }
  $site_color = get_theme_mod( 'site_color','');
  if ( ! empty( $site_color ) ) {
    echo "header#site-header .site-menu ul li.active a{
        border-bottom: 3px solid" .$site_color.";
        color:" .$site_color. ";
      }

      header#site-header .search-box form label input[type='search']:focus, .woocommerce nav.woocommerce-pagination ul.page-numbers li{
        border-color:".$site_color.";
      }

      .woocommerce form.checkout.woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_box, .woocommerce .cart-collaterals div.cart_totals .form-row .input-text:focus, .woocommerce form.woocommerce-cart-form table.shop_table tr:last-child .coupon input[type='text']:focus, .woocommerce form.checkout.woocommerce-checkout .form-row input.input-text:focus, .woocommerce form.checkout_coupon .form-row input.input-text:focus, .woocommerce .woocommerce-MyAccount-content .form-row input.input-text:focus, .woocommerce form.woocommerce-form-login .form-row input.input-text:focus, .woocommerce form.checkout.woocommerce-checkout .woocommerce-checkout-review-order #payment .payment_box, .container .woocommerce-additional-fields textarea:focus, .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond .comment-form-comment textarea:focus, .primary-area article footer .comment-respond p textarea:focus, .primary-area article footer .comment-respond p input:focus, .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond p input:focus, .content-area .container .secondary-area input[type='search']:focus, form.wpcf7-form textarea:focus, form.wpcf7-form input:focus, .woocommerce form.woocommerce-cart-form table.shop_table tr:last-child .coupon input[type='text']:focus{
        border:2px solid".$site_color.";
      }


      .woocommerce nav.woocommerce-pagination ul.page-numbers li span, .woocommerce nav.woocommerce-pagination ul.page-numbers li a, .woocommerce nav.woocommerce-pagination ul.page-numbers li span:hover, .woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover{
        background:".$site_color.";
      }

      .woocommerce nav.woocommerce-pagination ul.page-numbers li span.page-numbers.current, .container .woocommerce-message::before, .container .woocommerce-info::before, .container .woocommerce-info a, .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li.active a, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price, .blog-navigation ul li.active a{
        color:".$site_color.";
      }

      .container .woocommerce-message, .container .woocommerce-info{
        border-top-color:".$site_color.";
      }";
      
    echo ".btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus, form.wpcf7-form input.wpcf7-submit {
      background-color:".$site_color.";
      border-color:".$site_color.";
    }";
    echo ".container .woocommerce a.button, .container .woocommerce input.button, .container .woocommerce button.button, .container .woocommerce button.button.alt, .container .woocommerce a.button.alt, .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond p input#submit, .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond p input#submit:hover, .blog-navigation ul li{
      background-color:".$site_color.";
      border-color:".$site_color.";
    }";
    echo ".container .woocommerce a.button:hover, .container .woocommerce a.button:focus, .container .woocommerce a.button:active, .container .woocommerce input.button:hover, .container .woocommerce input.button:focus, .container .woocommerce input.button:active, .container .woocommerce button.button:hover, .container .woocommerce button.button:focus, .container .woocommerce button.button:active, .container .woocommerce button.button.alt:hover, .container .woocommerce button.button.alt:focus, .container .woocommerce button.button.alt:active, .container .woocommerce a.button.alt:hover, .container .woocommerce a.button.alt:focus, .container .woocommerce a.button.alt:active, .primary-area article footer .comment-respond p.form-submit .submit, .primary-area article footer .comment-respond p.form-submit .submit:hover, .primary-area article footer .comment-respond p.form-submit .submit:focus, .primary-area article footer .comment-respond p.form-submit .submit:active{
      background-color:".$site_color.";
      border-color:".$site_color.";
    }";
    echo ".container .woocommerce button.button.alt.disabled, .container .woocommerce button.button.alt.disabled:hover{
      background-color:".$site_color.";
      border-color:".$site_color.";
    }";
  }
  $text_color = get_theme_mod( 'text_color','');
  if ( ! empty( $text_color ) ) {
    echo "body {
      color:".$text_color.";
    }";
  }
  $link_color = get_theme_mod( 'link_color','');
  if ( ! empty( $link_color ) ) {
    echo ".container a {
      color:".$link_color.";
      border-bottom-color:".$link_color.";
    }";
  }
  $accent_color = get_theme_mod( 'accent_color','');
  if ( ! empty( $accent_color ) ) {
    echo "a:hover {
      color:".$accent_color.";
      border-bottom-color:".$accent_color.";
    }";
    echo "button, input[type='submit'] {
      background-color:".$accent_color.";
    }";
  }
  $header_background = get_theme_mod( 'header_background','');
  if ( ! empty( $header_background ) ) {
    echo "header#site-header {
      background-color:".$header_background.";
    }";
  }
  $header_text_color = get_theme_mod( 'header_text_color','');
  if ( ! empty( $header_text_color ) ) {
    echo "header#site-header .site-menu ul li a {
      color:".$header_text_color.";
    }";
    echo "header#site-header .site-logo .site-title {
      color:".$header_text_color.";
    }";
    echo "header#site-header .site-menu #cart {
      color:".$header_text_color.";
    }";
  }
  $header_bg_img = get_theme_mod( 'header_bg_img','');
  if ( ! empty( $header_bg_img ) ) {
    echo "header#site-header {
      background:url('".$header_bg_img."') center center no-repeat;
      background-size:cover;
    }";
  }
  $footer_background = get_theme_mod( 'footer_background','');
  if ( ! empty( $footer_background ) ) {
    echo "footer#site-footer {
      background-color:".$footer_background.";
    }";
  }
  $footer_text_color = get_theme_mod( 'footer_text_color','');
  if ( ! empty( $footer_text_color ) ) {
    echo "footer#site-footer .widget-area, footer#site-footer .widget-area a{
      color:".$footer_text_color.";
    }";
  }
  $primary_button_background_color = get_theme_mod( 'primary_button_background_color','');
  if ( ! empty( $primary_button_background_color ) ) {
    echo ".btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus, .content-area .container .secondary-area .widget-container form.woocommerce-product-search button:hover, .content-area .container .secondary-area .widget-container form.woocommerce-product-search button:focus, .content-area .container .secondary-area .widget-container form.woocommerce-product-search button:active, .content-area .container .secondary-area .widget-container form.woocommerce-product-search button {
      background-color:".$primary_button_background_color.";
      border-color:".$primary_button_background_color.";
    }";
    echo ".container .woocommerce a.button, .container .woocommerce input.button, .container .woocommerce button.button, .container .woocommerce button.button.alt, .container .woocommerce a.button.alt, .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond p input#submit, .woocommerce .single-product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel .comment-respond#respond p input#submit:hover{
      background-color:".$primary_button_background_color.";
      border-color:".$primary_button_background_color.";
    }";
    echo ".container .woocommerce a.button:hover, .container .woocommerce a.button:focus, .container .woocommerce a.button:active, .container .woocommerce input.button:hover, .container .woocommerce input.button:focus, .container .woocommerce input.button:active, .container .woocommerce button.button:hover, .container .woocommerce button.button:focus, .container .woocommerce button.button:active, .container .woocommerce button.button.alt:hover, .container .woocommerce button.button.alt:focus, .container .woocommerce button.button.alt:active, .container .woocommerce a.button.alt:hover, .container .woocommerce a.button.alt:focus, .container .woocommerce a.button.alt:active{
      background-color:".$primary_button_background_color.";
      border-color:".$primary_button_background_color.";
    }";
    echo ".container .woocommerce button.button.alt.disabled, .container .woocommerce button.button.alt.disabled:hover, .primary-area article footer .comment-respond p.form-submit .submit, .primary-area article footer .comment-respond p.form-submit .submit:hover, .primary-area article footer .comment-respond p.form-submit .submit:focus, .primary-area article footer .comment-respond p.form-submit .submit:active{
      background-color:".$primary_button_background_color.";
      border-color:".$primary_button_background_color.";
    }";
  }
  $primary_button_text_color = get_theme_mod( 'primary_button_text_color','');
  if ( ! empty( $primary_button_text_color ) ) {
    echo ".container a.btn-primary, .btn-primary, .btn-primary:hover, .btn-primary:focus {
      color:".$primary_button_text_color.";
    }";
  }
  $body_font_size = get_theme_mod( 'body_font_size','');
    if ( ! empty( $body_font_size ) ) {
    echo "body{
      font-size:".$body_font_size."px;
    }";
  }
  $header_font_size = get_theme_mod( 'header_font_size','');
    if ( ! empty( $header_font_size ) ) {
    echo "header#site-header .site-menu ul li a {
      font-size:".$header_font_size."px;
    }";
  }
  $footer_font_size = get_theme_mod( 'footer_font_size','');
    if ( ! empty( $footer_font_size ) ) {
    echo "footer#site-footer .widget-area {
      font-size:".$footer_font_size."px;
    }";
  }

  echo "</style>";
}
add_action( 'wp_head', 'theme_get_customizer_css' ); ?>