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

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

$divider_color =  'rgba(0,0,0,.3)';
$accent_color =  '#ffab00';

$default_paddings = [
    'top' => [
        'number' => 10,
    ],
    'bottom' => [
        'number' => 10,
    ],
    'right' => [
        'number' => 10,
    ],
    'left' => [
        'number' => 10,
    ],
];

$default_border = [
    'top' => [
        'number' => 1,
    ],
    'bottom' => [
        'number' => 1,
    ],
    'right' => [
        'number' => 1,
    ],
    'left' => [
        'number' => 1,
    ],
];

// font size
$size = '%7B%22number%22%3A%2214%22%2C%22unit%22%3A%22%22%7D';

$checkbox_padding = !empty($config['checkbox_padding'])
    ? $config['checkbox_padding']
    : $default_paddings;
$checkbox_padding = $formatter->css_spacing($checkbox_padding);
$checkbox_margin = !empty($config['checkbox_margin'])
    ? $config['checkbox_margin']
    : [];

$checkbox_icon_size = !empty($config['checkbox_icon_size'])
    ? $config['checkbox_icon_size']
    : $size;
$checkbox_icon_size = $formatter->css_scalar($checkbox_icon_size);


$checkbox_margin = $formatter->css_spacing($checkbox_margin);

$checkbox_use_icon_glyph = !empty($config['checkbox_use_icon_glyph'])
    ? $config['checkbox_use_icon_glyph']
    : 'on';
$checkbox_glyph = $checkbox_hover_glyph = $checkbox_focus_glyph = '';


// default ===========================================
// border
$checkbox_border_style = !empty($config['checkbox_border_style'])
    ? $config['checkbox_border_style']
    : 'solid';
$checkbox_border_model = !empty($config['checkbox_border_model'])
    ? $config['checkbox_border_model']
    : $default_border;
$border_model_alter = $formatter->from_spacing($checkbox_border_model);
$checkbox_border_model = $formatter->css_spacing($checkbox_border_model);
$checkbox_border_radius = !empty($config['checkbox_border_radius'])
    ? $config['checkbox_border_radius']
    : [];
$checkbox_border_radius = $formatter->css_spacing($checkbox_border_radius);
// color
$checkbox_use_default_color = !empty($config['checkbox_use_default_color'])
    ? $config['checkbox_use_default_color']
    : 'on';
$checkbox_border_color = !empty($config['checkbox_border_color'])
    ? $config['checkbox_border_color']
    : '';
$checkbox_border_color = $storage->get($checkbox_border_color);
$checkbox_control_color = !empty($config['checkbox_control_color'])
    ? $config['checkbox_control_color']
    : '';
$checkbox_control_color = $storage->get($checkbox_control_color);
// bg
$checkbox_bg = !empty($config['checkbox_bg'])
    ? $config['checkbox_bg']
    : '';
$checkbox_bg = $formatter->from_bg($checkbox_bg);
// shadow
$checkbox_bs_hl = !empty($config['checkbox_bs_hl'])
    ? $config['checkbox_bs_hl']
    : '';
$checkbox_bs_hl = $formatter->css_scalar($checkbox_bs_hl);
$checkbox_bs_vl = !empty($config['checkbox_bs_vl'])
    ? $config['checkbox_bs_vl']
    : '';
$checkbox_bs_vl = $formatter->css_scalar($checkbox_bs_vl);
$checkbox_bs_br = !empty($config['checkbox_bs_br'])
    ? $config['checkbox_bs_br']
    : '';
$checkbox_bs_br = $formatter->css_scalar($checkbox_bs_br);
$checkbox_bs_sr = !empty($config['checkbox_bs_sr'])
    ? $config['checkbox_bs_sr']
    : '';
$checkbox_bs_sr = $formatter->css_scalar($checkbox_bs_sr);
$checkbox_bs_color = !empty($config['checkbox_bs_color'])
    ? $config['checkbox_bs_color']
    : '';
$checkbox_bs_color = $storage->get($checkbox_bs_color);
$checkbox_bs = " box-shadow: {$checkbox_bs_hl} {$checkbox_bs_vl} {$checkbox_bs_br} {$checkbox_bs_sr} {$checkbox_bs_color}; ";

// hover ===========================================
// border
$checkbox_hover_border_style = !empty($config['checkbox_hover_border_style'])
    ? $config['checkbox_hover_border_style']
    : 'solid';
$checkbox_hover_border_model = !empty($config['checkbox_hover_border_model'])
    ? $config['checkbox_hover_border_model']
    : $default_border;
$border_model_hover_alter = $formatter->from_spacing($checkbox_hover_border_model);
$checkbox_hover_border_model = $formatter->css_spacing($checkbox_hover_border_model);
$checkbox_hover_border_radius = !empty($config['checkbox_hover_border_radius'])
    ? $config['checkbox_hover_border_radius']
    : [];
$checkbox_hover_border_radius = $formatter->css_spacing($checkbox_hover_border_radius);
// color
$checkbox_hover_use_default_color = !empty($config['checkbox_hover_use_default_color'])
    ? $config['checkbox_hover_use_default_color']
    : 'on';
$checkbox_hover_border_color = !empty($config['checkbox_hover_border_color'])
    ? $config['checkbox_hover_border_color']
    : '';
$checkbox_hover_border_color = $storage->get($checkbox_hover_border_color);
$checkbox_hover_control_color = !empty($config['checkbox_hover_control_color'])
    ? $config['checkbox_hover_control_color']
    : '';
$checkbox_hover_control_color = $storage->get($checkbox_hover_control_color);
// bg
$checkbox_hover_bg = !empty($config['checkbox_hover_bg'])
    ? $config['checkbox_hover_bg']
    : '';
$checkbox_hover_bg = $formatter->from_bg($checkbox_hover_bg);
// shadow
$checkbox_hover_bs_hl = !empty($config['checkbox_hover_bs_hl'])
    ? $config['checkbox_hover_bs_hl']
    : '';
$checkbox_hover_bs_hl = $formatter->css_scalar($checkbox_hover_bs_hl);
$checkbox_hover_bs_vl = !empty($config['checkbox_hover_bs_vl'])
    ? $config['checkbox_hover_bs_vl']
    : '';
$checkbox_hover_bs_vl = $formatter->css_scalar($checkbox_hover_bs_vl);
$checkbox_hover_bs_br = !empty($config['checkbox_hover_bs_br'])
    ? $config['checkbox_hover_bs_br']
    : '';
$checkbox_hover_bs_br = $formatter->css_scalar($checkbox_hover_bs_br);
$checkbox_hover_bs_sr = !empty($config['checkbox_hover_bs_sr'])
    ? $config['checkbox_hover_bs_sr']
    : '';
$checkbox_hover_bs_sr = $formatter->css_scalar($checkbox_hover_bs_sr);
$checkbox_hover_bs_color = !empty($config['checkbox_hover_bs_color'])
    ? $config['checkbox_hover_bs_color']
    : '';
$checkbox_hover_bs_color = $storage->get($checkbox_hover_bs_color);
$checkbox_hover_bs = " box-shadow: {$checkbox_hover_bs_hl} {$checkbox_hover_bs_vl} {$checkbox_hover_bs_br} {$checkbox_hover_bs_sr} {$checkbox_hover_bs_color}; ";

// focus ===========================================
// border
$checkbox_focus_border_style = !empty($config['checkbox_focus_border_style'])
    ? $config['checkbox_focus_border_style']
    : 'solid';
$checkbox_focus_border_model = !empty($config['checkbox_focus_border_model'])
    ? $config['checkbox_focus_border_model']
    : $default_border;
$border_model_focus_alter = $formatter->from_spacing($checkbox_focus_border_model);
$checkbox_focus_border_model = $formatter->css_spacing($checkbox_focus_border_model);
$checkbox_focus_border_radius = !empty($config['checkbox_focus_border_radius'])
    ? $config['checkbox_focus_border_radius']
    : [];
$checkbox_focus_border_radius = $formatter->css_spacing($checkbox_focus_border_radius);
// color
$checkbox_focus_use_default_color = !empty($config['checkbox_focus_use_default_color'])
    ? $config['checkbox_focus_use_default_color']
    : 'on';
$checkbox_focus_border_color = !empty($config['checkbox_focus_border_color'])
    ? $config['checkbox_focus_border_color']
    : '';
$checkbox_focus_border_color = $storage->get($checkbox_focus_border_color);
$checkbox_focus_control_color = !empty($config['checkbox_focus_control_color'])
    ? $config['checkbox_focus_control_color']
    : '';
$checkbox_focus_control_color = $storage->get($checkbox_focus_control_color);
// bg
$checkbox_focus_bg = !empty($config['checkbox_focus_bg'])
    ? $config['checkbox_focus_bg']
    : '';
$checkbox_focus_bg = $formatter->from_bg($checkbox_focus_bg);
// shadow
$checkbox_focus_bs_hl = !empty($config['checkbox_focus_bs_hl'])
    ? $config['checkbox_focus_bs_hl']
    : '';
$checkbox_focus_bs_hl = $formatter->css_scalar($checkbox_focus_bs_hl);
$checkbox_focus_bs_vl = !empty($config['checkbox_focus_bs_vl'])
    ? $config['checkbox_focus_bs_vl']
    : '';
$checkbox_focus_bs_vl = $formatter->css_scalar($checkbox_focus_bs_vl);
$checkbox_focus_bs_br = !empty($config['checkbox_focus_bs_br'])
    ? $config['checkbox_focus_bs_br']
    : '';
$checkbox_focus_bs_br = $formatter->css_scalar($checkbox_focus_bs_br);
$checkbox_focus_bs_sr = !empty($config['checkbox_focus_bs_sr'])
    ? $config['checkbox_focus_bs_sr']
    : '';
$checkbox_focus_bs_sr = $formatter->css_scalar($checkbox_focus_bs_sr);
$checkbox_focus_bs_color = !empty($config['checkbox_focus_bs_color'])
    ? $config['checkbox_focus_bs_color']
    : '';
$checkbox_focus_bs_color = $storage->get($checkbox_focus_bs_color);
$checkbox_focus_bs = " box-shadow: {$checkbox_focus_bs_hl} {$checkbox_focus_bs_vl} {$checkbox_focus_bs_br} {$checkbox_focus_bs_sr} {$checkbox_focus_bs_color}; ";


$checkbox_glyph = !empty($config['checkbox_glyph'])
    ? $config['checkbox_glyph']
    : '';
$checkbox_glyph = $formatter->get_media_url($checkbox_glyph);
$checkbox_hover_glyph = $formatter->prepare_svg_bg($checkbox_glyph, $checkbox_hover_control_color);
$checkbox_focus_glyph = $formatter->prepare_svg_bg($checkbox_glyph, $checkbox_focus_control_color);
$checkbox_glyph = $formatter->prepare_svg_bg($checkbox_glyph, $checkbox_control_color);


echo /** @lang CSS */
    '
'.$class_name.'.project-input.project-input_checkbox .project-input__checkbox  {
    height: ' . $checkbox_icon_size . ';
    width: ' . $checkbox_icon_size . ';
}

'.$class_name.'.project-input.project-input_checkbox {
    padding: ' . $checkbox_padding . ';
    margin: ' . $checkbox_margin . ';

}

'.$class_name.'.project-input.project-input_checkbox .background {
    border-style: ' . $checkbox_border_style . ';
    border-width: ' . $checkbox_border_model . ';
    border-color: ' . $checkbox_border_color . ';
    border-radius: ' . $checkbox_border_radius . ';
    ' . $checkbox_bs . '
}

'.$class_name.'.project-input.project-input_checkbox .background > .color-layer {
    ' . $checkbox_bg['fill'] . '
}

'.$class_name.'.project-input.project-input_checkbox .background > .image-layer {
    background-image: url("' . $checkbox_bg['image'] . '");
}

'.$class_name.'.project-input.project-input_checkbox .project-input__checkbox {
    color:' . $checkbox_control_color . ';
    fill: ' . $checkbox_control_color . ';
    font-size: ' . $checkbox_icon_size . ';
}

'.$class_name.'.project-input.project-input_checkbox .default-checkbox {
    color:' . $checkbox_control_color . ';
    fill: ' . $checkbox_control_color . ';
    background-image: url("' . $checkbox_glyph . '");
    height: ' . $checkbox_icon_size . ';
    width: ' . $checkbox_icon_size . ';
}


'.$class_name.'.project-input.project-input_checkbox:hover {
    padding: ' . $checkbox_padding . ';
    margin: ' . $checkbox_margin . ';

}

'.$class_name.'.project-input.project-input_checkbox:hover .background {
    border-style: ' . $checkbox_hover_border_style . ';
    border-width: ' . $checkbox_hover_border_model . ';
    border-color: ' . $checkbox_hover_border_color . ';
    border-radius: ' . $checkbox_hover_border_radius . ';
    ' . $checkbox_hover_bs . '
}

'.$class_name.'.project-input.project-input_checkbox:hover .background > .color-layer {
    ' . $checkbox_hover_bg['fill'] . '
}

'.$class_name.'.project-input.project-input_checkbox:hover .background > .image-layer {
    background-image: url("' . $checkbox_hover_bg['image'] . '");
}

'.$class_name.'.project-input.project-input_checkbox:hover .project-input__checkbox {
    color:' . $checkbox_hover_control_color . ';
    fill: ' . $checkbox_hover_control_color . ';
}

'.$class_name.'.project-input.project-input_checkbox:hover .hover-checkbox {
    color:' . $checkbox_hover_control_color . ';
    fill: ' . $checkbox_hover_control_color . ';

}

'.$class_name.'.project-input.project-input_checkbox .hover-checkbox {
    background-image: url("' . $checkbox_hover_glyph . '");
    height: ' . $checkbox_icon_size . ';
    width: ' . $checkbox_icon_size . ';
}

'.$class_name.'.project-input.project-input_checkbox.project-input_focused {
    padding: ' . $checkbox_padding . ';
    margin: ' . $checkbox_margin . ';
}

'.$class_name.'.project-input.project-input_checkbox.project-input_focused .background {
    border-style: ' . $checkbox_focus_border_style . ';
    border-width: ' . $checkbox_focus_border_model . ';
    border-color: ' . $checkbox_focus_border_color . ';
    border-radius: ' . $checkbox_focus_border_radius . ';
    ' . $checkbox_focus_bs . '
}

'.$class_name.'.project-input.project-input_checkbox.project-input_focused .background > .color-layer {
    ' . $checkbox_focus_bg['fill'] . '
}

'.$class_name.'.project-input.project-input_checkbox.project-input_focused .background > .image-layer {
    background-image: url("' . $checkbox_focus_bg['image'] . '");
}

'.$class_name.'.project-input.project-input_checkbox:focus .project-input__checkbox {
    color:' . $checkbox_focus_control_color . ';
    fill: ' . $checkbox_focus_control_color . ';
}

'.$class_name.'.project-input.project-input_checkbox.project-input_checkbox .focused-checkbox {
    color:' . $checkbox_focus_control_color . ';
    fill: ' . $checkbox_focus_control_color . ';
    background-image: url("' . $checkbox_focus_glyph . '");
    height: ' . $checkbox_icon_size . ';
    width: ' . $checkbox_icon_size . ';
}

'.$class_name.'.project-input.project-input_checkbox + *,
'.$class_name.'.project-input.project-input_checkbox + *:last-child {
    margin: ' . $checkbox_margin . ';
    display: inline-block;
   vertical-align: middle;
}

'.$class_name.'.project-input.project-input_checkbox .project-input__icon i[class*="ib-"],
'.$class_name.'.project-input.project-input_checkbox .project-input__checkbox i[class*="ib-"],
'.$class_name.'.project-input.project-input_checkbox .project-input__checkbox:before {
    color: ' . $checkbox_control_color . ';
    font-size: ' . $checkbox_icon_size . ';
}

'.$class_name.'.project-input.project-input_checkbox:hover .project-input__icon i[class*="ib-"],
'.$class_name.'.project-input.project-input_checkbox:hover .project-input__checkbox i[class*="ib-"],
'.$class_name.'.project-input.project-input_checkbox:hover .project-input__checkbox:before {
    color: ' . $checkbox_hover_control_color . ';
    font-size: ' . $checkbox_icon_size . ';
}

'.$class_name.'.project-input.project-input_checkbox.project-input_active .project-input__icon i[class*="ib-"],
'.$class_name.'.project-input.project-input_checkbox.project-input_active .project-input__checkbox i[class*="ib-"],
'.$class_name.'.project-input.project-input_checkbox.project-input_active .project-input__checkbox:before {
    color: ' . $checkbox_focus_control_color . ';
    font-size: ' . $checkbox_icon_size . ';
}


';