<?php
function theme_customize_register( $wp_customize ) {
    $text_colour = '#000000';
    $primary = '#e63946';
    $footer = '#000000';

    // Text Colour
    $wp_customize->add_setting( 'text_colour', array(
        'default'   => $text_colour,
        'transport' => 'refresh',
        'sanitize_callback' => 'sanitize_hex_color'
    ) );

    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'text_colour', array(
        'section' => 'colors',
        'label'   => esc_html__( 'Text Colour', 'calico' ),
    ) ) );

    // Primary Colour
    $wp_customize->add_setting( 'primary', array(
        'default'   => $primary,
        'transport' => 'refresh',
        'sanitize_callback' => 'sanitize_hex_color',

    ) );

    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'primary', array(
        'section' => 'colors',
        'label'   => esc_html__( 'Primary Colour', 'calico' ),
    ) ) );

    // Footer Background Colour
    $wp_customize->add_setting( 'footer', array(
        'default'   => $footer,
        'transport' => 'refresh',
        'sanitize_callback' => 'sanitize_hex_color',
    ) );

    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'footer', array(
        'section' => 'colors',
        'label'   => esc_html__( 'Footer Background Colour', 'calico' ),
    ) ) );


}

add_action( 'customize_register', 'theme_customize_register' );

function theme_get_customizer_css() {
    ob_start();

    $primary = get_theme_mod( 'primary', '' );
    if ( ! empty( $primary ) ) {
        ?>
        a, a:hover {
        color: <?php echo $primary; ?>;
        }
        .btn-primary, .wp-block-button__link, .wp-block-search .wp-block-search__button {
            background-color: <?php echo $primary; ?>;
            border-color:  <?php echo $primary; ?>;
        }
        #btn-back-to-top, .one-pagination span.current, h4.masonry-title a:hover, a.page-numbers:hover, .tags a:hover, .post-categories a:hover  {
            color: <?php echo $primary; ?>;
        }
        @media (max-width: 991.98px) {
            nav.one-top-nav {
            background-color: <?php echo $primary; ?>;
        }
        .sub-menu {
                background-color: <?php echo $primary; ?>;
                color: white;
            }
        .menu-item a {
            color: white;
        }
        }
        <?php
    }


    $footer= get_theme_mod( 'footer', '' );
    if ( ! empty( $footer ) ) {
        ?>
        .one-footer {
        background-color: <?php echo $footer; ?>;
        }
        <?php
    }

    $text_colour = get_theme_mod( 'text_colour', '' );
    if ( ! empty( $text_colour) ) {
        ?>
        body, p, li, a.page-numbers, h4.masonry-title a, .tags a, .post-categories a,  a.page-numbers, .one-comments a {
        color: <?php echo $text_colour; ?>;
        }
    

        footer p{
            color: white;
        }
        <?php
    }

    $css = ob_get_clean();
    return $css;
}

// Modify our styles registration like so:
function theme_enqueue_styles() {
    wp_enqueue_style( 'theme-styles', get_stylesheet_uri()); // This is where you enqueue your theme's main stylesheet
    $custom_css = theme_get_customizer_css();
    wp_add_inline_style( 'theme-styles', $custom_css );
}

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );