<?php

function my_files() 
{
    wp_enqueue_style('my_responsive_style', get_template_directory_uri() . '/assets/css/responsiveStyle.css');
    wp_enqueue_script('my_responsive_style', get_template_directory_uri() . '/assets/js/responsiveScript.js');    
    wp_enqueue_style('googleFonts', 'https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Raleway&family=Shippori+Mincho&display=swap', array(), null );
    wp_enqueue_style('main_styles', get_stylesheet_uri());
}
add_action('wp_enqueue_scripts', 'my_files');

function my_features()
{
    add_theme_support('title-tag');
    register_nav_menu('headerMenuLocation', 'Header Menu');
    add_theme_support('custom-background');   
    
    add_theme_support(
        'custom-logo',
            array(
                'height' => $logo_height,
                'width' => $logo_width,
                'flex-height' => true,
                'flex-width' => true,
            )
    );
    add_theme_support('custom-logo');

    register_sidebar( array(
        'name' => __( 'Footer Sidebar Left',
        'theme_name' ),
        'id' => 'sidebar-1',
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h3 class="widget-title">',
        'after_title' => '</h3>',
     ) );
     register_sidebar( array(
        'name' => __( 'Footer Sidebar Right',
        'theme_name' ),
        'id' => 'sidebar-2',
        'before_widget' => '<aside id="%2$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h3 class="widget-title">',
        'after_title' => '</h3>',
     ) );

}
add_action('after_setup_theme', 'my_features');

function my_customizer_colorPicker( $wp_customize ){
    // Add Settings
    $wp_customize->add_setting( 'my_primary_color', array(
        'default' => '#888888',
    ));
    $wp_customize->add_setting( 'my_secondary_color', array(
        'default' => '#cccccc',
    ));
    $wp_customize->add_setting( 'my_accent_color', array(
        'default' => '#444444',
    ));
    $wp_customize->add_setting( 'my_text_color', array(
        'default' => '#111111',
    ));

    // Add Controls
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'my_primary_color', array(
        'label' => 'Primary Color',
        'section' => 'colors',
        'settings' => 'my_primary_color'    
    )));    
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'my_secondary_color', array(
        'label' => 'Secondary Color',
        'section' => 'colors',
        'settings' => 'my_secondary_color'    
    )));  
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'my_accent_color', array(
        'label' => 'Accent Color',
        'section' => 'colors',
        'settings' => 'my_accent_color'    
    ))); 
    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'my_text_color', array(
        'label' => 'Text Color',
        'section' => 'colors',
        'settings' => 'my_text_color'    
    )));
}
add_action( 'customize_register', 'my_customizer_colorPicker' );

function myTheme_generate_css() { 
    $primaryColor = get_theme_mod( 'my_primary_color' );
    $secondaryColor = get_theme_mod( 'my_secondary_color' ); 
    $accentColor = get_theme_mod( 'my_accent_color' );
    $theTextColor = get_theme_mod( 'my_text_color' );
    ?>
    <style type="text/css" id="my-theme-option-css">        
        body, p, li, h1, h2, h3, h4, h5, h6 {
            color: <?php echo esc_html($theTextColor); ?>;}
        q, em, {
            color: <?php echo esc_html($theTextColor); ?>;}
        .themeHeader, .themeFooter {
            background-color: <?php echo esc_html($primaryColor); ?>;}
        a:link, a:hover {
            color: <?php echo esc_html($accentColor); ?>;}
        .themeTitle {
            color: <?php echo esc_html($secondaryColor); ?>;} 
    </style>    
    <?php
}
add_action( 'wp_head', 'myTheme_generate_css' ); 
?>