<?php
$wpw = Wpw::inst();
$storage = $wpw->storage();
$formatter = $wpw->formatter();
unset($wpw);

$class_name = !empty($config['class_name'])
    ? '.' . $config['class_name']
    : '.wpw-icons-primary';

// General ===================
$icons_size = !empty($config['icons_size'])
    ? $formatter->css_scalar($config['icons_size'])
    : '';

// Indents ===================
$icons_paddings = !empty($config['icons_paddings'])
    ? $formatter->css_spacing($config['icons_paddings'])
    : '';
$icons_margins = !empty($config['icons_margins'])
    ? $formatter->css_spacing($config['icons_margins'])
    : '';


/**
 * Default state
 */
// Color =====================
$icons_text_color = !empty($config['icons_text_color'])
    ? $storage->get($config['icons_text_color'])
    : '';
$icons_border_color = !empty($config['icons_border_color'])
    ? $storage->get($config['icons_border_color'])
    : '';

// Border ====================
$icons_border_style = !empty($config['icons_border_style'])
    ? $config['icons_border_style']
    : 'none';
$icons_border_model = !empty($config['icons_border_model'])
    ? $formatter->css_spacing($config['icons_border_model'])
    : '';
$icons_border_radius = !empty($config['icons_border_radius'])
    ? $formatter->css_spacing($config['icons_border_radius'])
    : '';

// Background =================
$icons_bg = !empty($config['icons_bg'])
    ? $config['icons_bg']
    : '';
$icons_bg = $formatter->from_bg($icons_bg);

// Shadow =====================
$icons_bs_hl = !empty($config['icons_bs_hl'])
    ? $formatter->css_scalar($config['icons_bs_hl'])
    : '0';
$icons_bs_vl = !empty($config['icons_bs_vl'])
    ? $formatter->css_scalar($config['icons_bs_vl'])
    : '0';
$icons_bs_br = !empty($config['icons_bs_br'])
    ? $formatter->css_scalar($config['icons_bs_br'])
    : '0';
$icons_bs_sr = !empty($config['icons_bs_sr'])
    ? $formatter->css_scalar($config['icons_bs_sr'])
    : '0';
$icons_bs_color = !empty($config['icons_bs_color'])
    ? $storage->get($config['icons_bs_color'])
    : 'transparent';
$icons_bs = " box-shadow: {$icons_bs_hl}
                            {$icons_bs_vl}
                            {$icons_bs_br}
                            {$icons_bs_sr}
                            {$icons_bs_color}; ";


/**
 * Hover state
 */
// Color =========================
$icons_hover_text_color = !empty($config['icons_hover_text_color'])
    ? $storage->get($config['icons_hover_text_color'])
    : '';
$icons_hover_border_color = !empty($config['icons_hover_border_color'])
    ? $storage->get($config['icons_hover_border_color'])
    : '';

// Border =========================
$icons_hover_border_style = !empty($config['icons_hover_border_style'])
    ? $config['icons_hover_border_style']
    : 'none';
$icons_hover_border_model = !empty($config['icons_hover_border_model'])
    ? $formatter->css_spacing($config['icons_hover_border_model'])
    : '';
$icons_hover_border_radius = !empty($config['icons_hover_border_radius'])
    ? $formatter->css_spacing($config['icons_hover_border_radius'])
    : '';

// Background ======================
$icons_hover_bg = !empty($config['icons_hover_bg'])
    ? $config['icons_hover_bg']
    : '';
$icons_hover_bg = $formatter->from_bg($icons_hover_bg);

// Shadow ==========================
$icons_hover_bs_hl = !empty($config['icons_hover_bs_hl'])
    ? $formatter->css_scalar($config['icons_hover_bs_hl'])
    : '0';
$icons_hover_bs_vl = !empty($config['icons_hover_bs_vl'])
    ? $formatter->css_scalar($config['icons_hover_bs_vl'])
    : '0';
$icons_hover_bs_br = !empty($config['icons_hover_bs_br'])
    ? $formatter->css_scalar($config['icons_hover_bs_br'])
    : '0';
$icons_hover_bs_sr = !empty($config['icons_hover_bs_sr'])
    ? $formatter->css_scalar($config['icons_hover_bs_sr'])
    : '0';
$icons_hover_bs_color = !empty($config['icons_hover_bs_color'])
    ? $storage->get($config['icons_hover_bs_color'])
    : 'transparent';
$icons_hover_bs = " box-shadow: {$icons_hover_bs_hl}
                                {$icons_hover_bs_vl}
                                {$icons_hover_bs_br}
                                {$icons_hover_bs_sr}
                                {$icons_hover_bs_color}; ";

echo '
'.$class_name.' i[class*="ib-"] {
    font-size: '.$icons_size.';
    height: '.$icons_size.';
    width: '.$icons_size.';

    padding: '.$icons_paddings.';
    margin: '.$icons_margins.';

    color: '.$icons_text_color.';

    border-color: '.$icons_border_color.';
    border-style: '.$icons_border_style.';
    border-width: '.$icons_border_model.';
    border-radius: '.$icons_border_radius.';

    '.$icons_bs.'
}

'.$class_name.' i[class*="ib-"] .background .image-layer {
    background-image: url("'.$icons_bg['image'].'");
}

'.$class_name.' i[class*="ib-"] .background .gradient-layer {
    '.$icons_bg['gradient'].';
}

'.$class_name.' i[class*="ib-"] .background .color-layer {
    background-color: '.$icons_bg['color'].';
}


'.$class_name.' i[class*="ib-"]:hover {
    color: '.$icons_hover_text_color.';

    border-color: '.$icons_hover_border_color.';
    border-style: '.$icons_hover_border_style.';
    border-width: '.$icons_hover_border_model.';
    border-radius: '.$icons_hover_border_radius.';

    '.$icons_hover_bs.'
}

'.$class_name.' i[class*="ib-"]:hover .background .image-layer {
    background-image: url("'.$icons_hover_bg['image'].'");
}

'.$class_name.' i[class*="ib-"]:hover .background .gradient-layer {
    '.$icons_hover_bg['gradient'].';
}

'.$class_name.' i[class*="ib-"]:hover .background .color-layer {
    background-color: '.$icons_hover_bg['color'].';
}


';