<?php
// Input customization settings in the WordPress Customizer
function customize_input_settings($wp_customize) {
    // Add section for input customization
    $wp_customize->add_section('input_customization_section', array(
        'title' => __('Input Customization', 'arcs'),
        'priority' => 37,
    ));

    // Input Background Color
    $wp_customize->add_setting('input_background_color', array(
        'default' => '#ffffff',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'input_background_color', array(
        'label' => __('Background Color', 'arcs'),
        'section' => 'input_customization_section',
    )));

    // Input Text Color
    $wp_customize->add_setting('input_text_color', array(
        'default' => '#000000',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'input_text_color', array(
        'label' => __('Text Color', 'arcs'),
        'section' => 'input_customization_section',
    )));

    // Input Padding
    $wp_customize->add_setting('input_padding', array(
        'default' => '10px',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('input_padding', array(
        'label' => __('Padding', 'arcs'),
        'section' => 'input_customization_section',
        'type' => 'text',
    ));

    // Input Border Radius
    $wp_customize->add_setting('input_border_radius', array(
        'default' => '4px',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('input_border_radius', array(
        'label' => __('Border Radius', 'arcs'),
        'section' => 'input_customization_section',
        'type' => 'text',
    ));

    // Input Border Color
    $wp_customize->add_setting('input_border_color', array(
        'default' => '#cccccc',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'input_border_color', array(
        'label' => __('Border Color', 'arcs'),
        'section' => 'input_customization_section',
    )));

    // Input Hover Background Color
    $wp_customize->add_setting('input_hover_background_color', array(
        'default' => '#f0f0f0',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'input_hover_background_color', array(
        'label' => __('Hover Background Color', 'arcs'),
        'section' => 'input_customization_section',
    )));

    // Input Hover Text Color
    $wp_customize->add_setting('input_hover_text_color', array(
        'default' => '#000000',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'input_hover_text_color', array(
        'label' => __('Hover Text Color', 'arcs'),
        'section' => 'input_customization_section',
    )));

    // Input Focus Border Color
    $wp_customize->add_setting('input_focus_border_color', array(
        'default' => '#3498db',
        'sanitize_callback' => 'sanitize_hex_color',
    ));
    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'input_focus_border_color', array(
        'label' => __('Focus Border Color', 'arcs'),
        'section' => 'input_customization_section',
    )));

    // Input Border Width (Top, Right, Bottom, Left)
    $wp_customize->add_setting('input_border_top_width', array(
        'default' => '1px',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('input_border_top_width', array(
        'label' => __('Border Top Width', 'arcs'),
        'section' => 'input_customization_section',
        'type' => 'text',
    ));

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

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

    $wp_customize->add_setting('input_border_left_width', array(
        'default' => '1px',
        'sanitize_callback' => 'sanitize_text_field',
    ));
    $wp_customize->add_control('input_border_left_width', array(
        'label' => __('Border Left Width', 'arcs'),
        'section' => 'input_customization_section',
        'type' => 'text',
    ));
}

add_action('customize_register', 'customize_input_settings');

// Output dynamic input styles in the head
function arcs_input_dynamic_styles() {
    $input_bg_color = get_theme_mod('input_background_color', '#ffffff');
    $input_text_color = get_theme_mod('input_text_color', '#000000');
    $input_padding = get_theme_mod('input_padding', '10px');
    $input_border_radius = get_theme_mod('input_border_radius', '4px');
    $input_border_color = get_theme_mod('input_border_color', '#cccccc');
    $input_border_top_width = get_theme_mod('input_border_top_width', '1px');
    $input_border_right_width = get_theme_mod('input_border_right_width', '1px');
    $input_border_bottom_width = get_theme_mod('input_border_bottom_width', '1px');
    $input_border_left_width = get_theme_mod('input_border_left_width', '1px');
    $input_hover_bg_color = get_theme_mod('input_hover_background_color', '#f0f0f0');
    $input_hover_text_color = get_theme_mod('input_hover_text_color', '#000000');
    $input_focus_border_color = get_theme_mod('input_focus_border_color', '#3498db');

    $custom_styles = "
    input[type='text'], input[type='email'], input[type='password'], input[type='search'] {
        background-color: " . esc_attr($input_bg_color) . ";
        color: " . esc_attr($input_text_color) . ";
        padding: " . esc_attr($input_padding) . ";
        border-radius: " . esc_attr($input_border_radius) . ";
        border-top: " . esc_attr($input_border_top_width) . " solid " . esc_attr($input_border_color) . ";
        border-right: " . esc_attr($input_border_right_width) . " solid " . esc_attr($input_border_color) . ";
        border-bottom: " . esc_attr($input_border_bottom_width) . " solid " . esc_attr($input_border_color) . ";
        border-left: " . esc_attr($input_border_left_width) . " solid " . esc_attr($input_border_color) . ";
    }
    input[type='text']:hover, input[type='email']:hover, input[type='password']:hover, input[type='search']:hover {
        background-color: " . esc_attr($input_hover_bg_color) . ";
        color: " . esc_attr($input_hover_text_color) . ";
    }
    input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, input[type='search']:focus {
        border-color: " . esc_attr($input_focus_border_color) . ";
    }";

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

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