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

// divider color
$divider_color = 'rgba(0,0,0,.3)';
$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,
    ],
];


$default_border_style = 'solid';
$form_default_border_model = $default_border;
$form_default_border_radius =  [];
// indents

$form_default_padding = $default_paddings;
$form_default_margins = [];

// shadow
$form_default_shadow = $formatter->parse_mod('wpw_form_shadow');

$form_default_bs_hl = !empty($form_default_shadow['bs_hl'])
    ? $form_default_shadow['bs_hl']
    : '';
$form_default_bs_vl = !empty($form_default_shadow['bs_vl'])
    ? $form_default_shadow['bs_vl']
    : '';
$form_default_bs_br = !empty($form_default_shadow['bs_br'])
    ? $form_default_shadow['bs_br']
    : '';
$form_default_bs_sr = !empty($form_default_shadow['bs_sr'])
    ? $form_default_shadow['bs_sr']
    : '';
$form_default_bs_color = !empty($form_default_shadow['bs_color'])
    ? $form_default_shadow['bs_color']
    : '';


// ------------- values ---------------- //
/**
 * Default state
 */
$image_default_border_style = !empty($config['image_default_border_style'])
    ? $config['image_default_border_style']
    : $default_border_style;
$image_default_border_model = !empty($config['image_default_border_model'])
    ? $config['image_default_border_model']
    : $form_default_border_model;
$image_default_border_color = !empty($config['image_default_border_color'])
    ? $config['image_default_border_color']
    : '';
$image_default_border_color = $storage->get($image_default_border_color);
$image_default_border = $formatter->css_border_simplify(
    $image_default_border_style,
    $image_default_border_model,
    $image_default_border_color
);
$image_default_border_radius = !empty($config['image_default_border_radius'])
    ? $config['image_default_border_radius']
    : $form_default_border_radius;
$image_default_border_radius = $formatter->css_spacing($image_default_border_radius);
// indents
$image_default_padding = !empty($config['image_default_padding'])
    ? $config['image_default_padding']
    : $form_default_padding;
$image_default_padding = $formatter->css_spacing($image_default_padding);
$image_default_margin = !empty($config['image_default_margin'])
    ? $config['image_default_margin']
    : $form_default_margins;
$image_default_margin = $formatter->css_spacing($image_default_margin);
// shadow
$image_default_bs_hl = !empty($config['image_default_bs_hl'])
    ? $config['image_default_bs_hl']
    : $form_default_bs_hl;
$image_default_bs_hl = $formatter->css_scalar($image_default_bs_hl);
$image_default_bs_vl = !empty($config['image_default_bs_vl'])
    ? $config['image_default_bs_vl']
    : $form_default_bs_vl;
$image_default_bs_vl = $formatter->css_scalar($image_default_bs_vl);
$image_default_bs_br = !empty($config['image_default_bs_br'])
    ? $config['image_default_bs_br']
    : $form_default_bs_br;
$image_default_bs_br = $formatter->css_scalar($image_default_bs_br);
$image_default_bs_sr = !empty($config['image_default_bs_sr'])
    ? $config['image_default_bs_sr']
    : $form_default_bs_sr;
$image_default_bs_sr = $formatter->css_scalar($image_default_bs_sr);
$image_default_bs_color = !empty($config['image_default_bs_color'])
    ? $config['image_default_bs_color']
    : '';
$image_default_bs_color = $storage->get($image_default_bs_color);
$image_default_bs = " box-shadow: {$image_default_bs_hl} {$image_default_bs_vl} {$image_default_bs_br} {$image_default_bs_sr} {$image_default_bs_color}; ";


/**
 * Hover state
 */
$image_hover_transition = !empty($config['image_hover_transition'])
    ? $config['image_hover_transition']
    : '';
$image_hover_transition = $formatter->from_slider($image_hover_transition);
$image_hover_transition = $image_hover_transition['number'] / 1000;

$image_hover_border_style = !empty($config['image_hover_border_style'])
    ? $config['image_hover_border_style']
    : $default_border_style;
$image_hover_border_model = !empty($config['image_hover_border_model'])
    ? $config['image_hover_border_model']
    : $form_default_border_model;
$image_hover_border_color = !empty($config['image_hover_border_color'])
    ? $config['image_hover_border_color']
    : '';
$image_hover_border_color = $storage->get($image_hover_border_color);
$image_hover_border = $formatter->css_border_simplify(
    $image_hover_border_style,
    $image_hover_border_model,
    $image_hover_border_color
);
$image_hover_border_radius = !empty($config['image_hover_border_radius'])
    ? $config['image_hover_border_radius']
    : $form_default_border_radius;
$image_hover_border_radius = $formatter->css_spacing($image_hover_border_radius);
// indents
$image_hover_padding = !empty($config['image_hover_padding'])
    ? $config['image_hover_padding']
    : $form_default_padding;
$image_hover_padding = $formatter->css_spacing($image_hover_padding);
$image_hover_margin = !empty($config['image_hover_margin'])
    ? $config['image_hover_margin']
    : $form_default_margins;
$image_hover_margin = $formatter->css_spacing($image_hover_margin);
// shadow
$image_hover_bs_hl = !empty($config['image_hover_bs_hl'])
    ? $config['image_hover_bs_hl']
    : $form_default_bs_hl;
$image_hover_bs_hl = $formatter->css_scalar($image_hover_bs_hl);
$image_hover_bs_vl = !empty($config['image_hover_bs_vl'])
    ? $config['image_hover_bs_vl']
    : $form_default_bs_vl;
$image_hover_bs_vl = $formatter->css_scalar($image_hover_bs_vl);
$image_hover_bs_br = !empty($config['image_hover_bs_br'])
    ? $config['image_hover_bs_br']
    : $form_default_bs_br;
$image_hover_bs_br = $formatter->css_scalar($image_hover_bs_br);
$image_hover_bs_sr = !empty($config['image_hover_bs_sr'])
    ? $config['image_hover_bs_sr']
    : $form_default_bs_sr;
$image_hover_bs_sr = $formatter->css_scalar($image_hover_bs_sr);
$image_hover_bs_color = !empty($config['image_hover_bs_color'])
    ? $config['image_hover_bs_color']
    : '';
$image_hover_bs_color = $storage->get($image_hover_bs_color);
$image_hover_bs = " box-shadow: {$image_hover_bs_hl} {$image_hover_bs_vl} {$image_hover_bs_br} {$image_hover_bs_sr} {$image_hover_bs_color}; ";

echo /** @lang CSS */
    '

.image-figure {
    -webkit-transition-duration: ' . $image_hover_transition . 's;
    transition-duration: ' . $image_hover_transition . 's;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;


    border-radius: ' . $image_default_border_radius . ';
    padding: ' . $image_default_padding . ';
    margin: ' . $image_default_margin . ';

    ' . $image_default_bs . '
    ' . $image_default_border . '
}

.image-figure:hover {
    border-radius: ' . $image_hover_border_radius . ';
    padding: ' . $image_hover_padding . ';
    margin: ' . $image_hover_margin . ';

    ' . $image_hover_bs . '
    ' . $image_hover_border . '
}

';