<?php
// Button customization settings in the WordPress Customizer
function customize_button_settings($wp_customize) {
    // Add section for button customization
    $wp_customize->add_section('button_customization_section', array(
        'title' => __('Button Customization', 'arcs'),
        'priority' => 35,
    ));

    // Button Background Color
    $wp_customize->add_setting('button_background_color', array(
        'default' => '#3498db',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'button_background_color', array(
        'label' => __('Background Color', 'arcs'),
        'section' => 'button_customization_section',
    )));

    // Button Text Color
    $wp_customize->add_setting('button_text_color', array(
        'default' => '#ffffff',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'button_text_color', array(
        'label' => __('Text Color', 'arcs'),
        'section' => 'button_customization_section',
    )));

    // Button Padding
    $wp_customize->add_setting('button_padding', array(
        'default' => '10px 20px',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('button_padding', array(
        'label' => __('Padding', 'arcs'),
        'section' => 'button_customization_section',
        'type' => 'text',
    ));

    // Button Border Radius
    $wp_customize->add_setting('button_border_radius', array(
        'default' => '5px',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('button_border_radius', array(
        'label' => __('Border Radius', 'arcs'),
        'section' => 'button_customization_section',
        'type' => 'text',
    ));

    // Button Border Color
    $wp_customize->add_setting('button_border_color', array(
        'default' => '#000000',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'button_border_color', array(
        'label' => __('Border Color', 'arcs'),
        'section' => 'button_customization_section',
    )));

    // Button Border Width (Top, Right, Bottom, Left)
    $wp_customize->add_setting('button_border_top_width', array(
        'default' => '2px',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('button_border_top_width', array(
        'label' => __('Border Top Width', 'arcs'),
        'section' => 'button_customization_section',
        'type' => 'text',
    ));

    $wp_customize->add_setting('button_border_right_width', array(
        'default' => '2px',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('button_border_right_width', array(
        'label' => __('Border Right Width', 'arcs'),
        'section' => 'button_customization_section',
        'type' => 'text',
    ));

    $wp_customize->add_setting('button_border_bottom_width', array(
        'default' => '2px',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('button_border_bottom_width', array(
        'label' => __('Border Bottom Width', 'arcs'),
        'section' => 'button_customization_section',
        'type' => 'text',
    ));

    $wp_customize->add_setting('button_border_left_width', array(
        'default' => '2px',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('button_border_left_width', array(
        'label' => __('Border Left Width', 'arcs'),
        'section' => 'button_customization_section',
        'type' => 'text',
    ));

    // Button Hover Background Color
    $wp_customize->add_setting('button_hover_background_color', array(
        'default' => '#2980b9',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'button_hover_background_color', array(
        'label' => __('Hover Background Color', 'arcs'),
        'section' => 'button_customization_section',
    )));

    // Button Hover Text Color
    $wp_customize->add_setting('button_hover_text_color', array(
        'default' => '#ffffff',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'button_hover_text_color', array(
        'label' => __('Hover Text Color', 'arcs'),
        'section' => 'button_customization_section',
    )));

    // Button Hover Border Color
    $wp_customize->add_setting('button_hover_border_color', array(
        'default' => '#ffffff',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'button_hover_border_color', array(
        'label' => __('Hover Border Color', 'arcs'),
        'section' => 'button_customization_section',
    )));
}

add_action('customize_register', 'customize_button_settings');

// Output dynamic button styles in the head
function arcs_button_dynamic_styles() {
    $button_bg_color = get_theme_mod('button_background_color', '#3498db');
    $button_text_color = get_theme_mod('button_text_color', '#ffffff');
    $button_padding = get_theme_mod('button_padding', '10px 20px');
    $button_border_radius = get_theme_mod('button_border_radius', '5px');
    $button_border_color = get_theme_mod('button_border_color', '#000000');
    $button_border_top_width = get_theme_mod('button_border_top_width', '2px');
    $button_border_right_width = get_theme_mod('button_border_right_width', '2px');
    $button_border_bottom_width = get_theme_mod('button_border_bottom_width', '2px');
    $button_border_left_width = get_theme_mod('button_border_left_width', '2px');
    $button_hover_bg_color = get_theme_mod('button_hover_background_color', '#2980b9');
    $button_hover_text_color = get_theme_mod('button_hover_text_color', '#ffffff');
    $button_hover_border_color = get_theme_mod('button_hover_border_color', '#ffffff');

    $custom_styles = "
    .custom-button, input.search-submit, [type='submit'], [type='button'] {
        background-color: " . esc_attr($button_bg_color) . ";
        color: " . esc_attr($button_text_color) . ";
        padding: " . esc_attr($button_padding) . ";
        border-radius: " . esc_attr($button_border_radius) . ";
        border-top: " . esc_attr($button_border_top_width) . " solid " . esc_attr($button_border_color) . ";
        border-right: " . esc_attr($button_border_right_width) . " solid " . esc_attr($button_border_color) . ";
        border-bottom: " . esc_attr($button_border_bottom_width) . " solid " . esc_attr($button_border_color) . ";
        border-left: " . esc_attr($button_border_left_width) . " solid " . esc_attr($button_border_color) . ";
    }
    .custom-button:hover, input.search-submit:hover, [type='submit']:hover,[type='button']:hover {
        background-color: " . esc_attr($button_hover_bg_color) . ";
        color: " . esc_attr($button_hover_text_color) . ";
        border-color: " . esc_attr($button_hover_border_color) . ";
    }";

    echo '<style type="text/css">' . $custom_styles . '</style>';
}

add_action('wp_head', 'arcs_button_dynamic_styles');
?>