WooNooW/includes/Branding.php

<?php
/**
 * Branding Handler
 * 
 * Handles logo, favicon, colors, and login page customization.
 * 
 * @package WooNooW
 */

namespace WooNooW;

class Branding {
    
    /**
     * Initialize branding
     */
    public static function init() {
        // Apply colors to admin
        add_action('admin_head', [__CLASS__, 'inject_colors']);
        
        // Apply favicon
        add_action('wp_head', [__CLASS__, 'inject_favicon']);
        add_action('admin_head', [__CLASS__, 'inject_favicon']);
        add_action('login_head', [__CLASS__, 'inject_favicon']);
        
        // Customize login page
        add_action('login_enqueue_scripts', [__CLASS__, 'customize_login_page']);
        add_filter('login_headerurl', [__CLASS__, 'login_logo_url']);
        add_filter('login_headertext', [__CLASS__, 'login_logo_title']);
    }
    
    /**
     * Inject brand colors as CSS variables
     */
    public static function inject_colors() {
        $primary = get_option('woonoow_primary_color', '#3b82f6');
        $accent = get_option('woonoow_accent_color', '#10b981');
        $error = get_option('woonoow_error_color', '#ef4444');
        
        ?>
        <style id="woonoow-brand-colors">
            :root {
                --woonoow-primary: <?php echo esc_attr($primary); ?>;
                --woonoow-accent: <?php echo esc_attr($accent); ?>;
                --woonoow-error: <?php echo esc_attr($error); ?>;
            }
        </style>
        <?php
    }
    
    /**
     * Inject favicon
     */
    public static function inject_favicon() {
        $icon = get_option('woonoow_store_icon', '');
        
        if (!empty($icon)) {
            ?>
            <link rel="icon" type="image/png" href="<?php echo esc_url($icon); ?>" />
            <link rel="apple-touch-icon" href="<?php echo esc_url($icon); ?>" />
            <?php
        }
    }
    
    /**
     * Customize login page
     */
    public static function customize_login_page() {
        $logo = get_option('woonoow_store_logo', '');
        $store_name = get_option('blogname', 'WooNooW');
        $tagline = get_option('blogdescription', '');
        $primary = get_option('woonoow_primary_color', '#3b82f6');
        
        ?>
        <style type="text/css">
            /* Brand colors */
            :root {
                --woonoow-primary: <?php echo esc_attr($primary); ?>;
            }
            
            /* Logo */
            #login h1 a {
                <?php if (!empty($logo)): ?>
                background-image: url(<?php echo esc_url($logo); ?>);
                background-size: contain;
                background-position: center;
                width: 100%;
                height: 80px;
                <?php else: ?>
                /* Text logo fallback */
                background: none !important;
                width: auto !important;
                height: auto !important;
                font-size: 32px;
                font-weight: 700;
                color: var(--woonoow-primary);
                text-indent: 0 !important;
                <?php endif; ?>
            }
            
            <?php if (empty($logo)): ?>
            #login h1 a::after {
                content: '<?php echo esc_js($store_name); ?>';
                display: block;
            }
            <?php endif; ?>
            
            /* Tagline */
            <?php if (!empty($tagline)): ?>
            #login h1::after {
                content: '<?php echo esc_js($tagline); ?>';
                display: block;
                text-align: center;
                margin-top: 10px;
                font-size: 14px;
                color: #666;
                font-weight: normal;
            }
            <?php endif; ?>
            
            /* Primary button color */
            .wp-core-ui .button-primary {
                background: var(--woonoow-primary);
                border-color: var(--woonoow-primary);
                box-shadow: none;
                text-shadow: none;
            }
            
            .wp-core-ui .button-primary:hover,
            .wp-core-ui .button-primary:focus {
                background: var(--woonoow-primary);
                border-color: var(--woonoow-primary);
                opacity: 0.9;
            }
            
            /* Link color */
            #login a {
                color: var(--woonoow-primary);
            }
            
            #login a:hover,
            #login a:focus {
                color: var(--woonoow-primary);
                opacity: 0.8;
            }
            
            /* Input focus */
            input[type="text"]:focus,
            input[type="password"]:focus,
            input[type="email"]:focus {
                border-color: var(--woonoow-primary);
                box-shadow: 0 0 0 1px var(--woonoow-primary);
            }
        </style>
        <?php
    }
    
    /**
     * Change login logo URL
     */
    public static function login_logo_url() {
        return home_url();
    }
    
    /**
     * Change login logo title
     */
    public static function login_logo_title() {
        return get_option('blogname', 'WooNooW');
    }
    
    /**
     * Get logo URL or fallback to text
     * 
     * @return array ['type' => 'image'|'text', 'value' => string]
     */
    public static function get_logo() {
        $logo = get_option('woonoow_store_logo', '');
        
        if (!empty($logo)) {
            return [
                'type' => 'image',
                'value' => $logo,
            ];
        }
        
        return [
            'type' => 'text',
            'value' => get_option('blogname', 'WooNooW'),
        ];
    }
}