<?php

$default_paddings = [
    'top' => [
        'number' => 60,
    ],
    'bottom' => [
        'number' => 60,
    ],
    'left' => [
        'number' => 60,
    ],
    'right' => [
        'number' => 60,
    ],
];
$default_paddings_md = [
    'top' => [
        'number' => 30,
    ],
    'bottom' => [
        'number' => 30,
    ],
    'left' => [
        'number' => 30,
    ],
    'right' => [
        'number' => 30,
    ],
];
$default_paddings_sm = [
    'top' => [
        'number' => 15,
    ],
    'bottom' => [
        'number' => 15,
    ],
    'left' => [
        'number' => 15,
    ],
    'right' => [
        'number' => 15,
    ],
];

$default_box_shadow = get_theme_mod('wpw_lightbox_shadow_size');
$default_color = get_theme_mod('wpw_shadow_color');
// params
$config = (isset($config) && !empty($config))
    ? $config
    : null;
$formatter = Wpw::inst()->formatter();
// paddings lg
$paddings = (isset($config['post_item_paddings']) && !empty($config['post_item_paddings']))
    ? $config['post_item_paddings']
    : null;
$left = $formatter->from_spacing($paddings, $default_paddings);
$paddings = $formatter->css_spacing($paddings, $default_paddings);
// paddings md
$paddings_md = (isset($config['post_item_paddings_md']) && !empty($config['post_item_paddings_md']))
    ? $config['post_item_paddings_md']
    : null;
$left_md = $formatter->from_spacing($paddings_md, $default_paddings_md);
$paddings_md = $formatter->css_spacing($paddings_md, $default_paddings_md);
// paddings sm
$paddings_sm = (isset($config['post_item_paddings_sm']) && !empty($config['post_item_paddings_sm']))
    ? $config['post_item_paddings_sm']
    : null;
$left_sm = $formatter->from_spacing($paddings_sm, $default_paddings_sm);
$paddings_sm = $formatter->css_spacing($paddings_sm, $default_paddings_sm);
// box shadow
$h_length = (isset($config['post_item_box_shadow_h_len']) && !empty($config['post_item_box_shadow_h_len']))
    ? $config['post_item_box_shadow_h_len']
    : null;
$h_length = $formatter->css_scalar($h_length, $default_box_shadow);
$v_length = (isset($config['post_item_box_shadow_v_len']) && !empty($config['post_item_box_shadow_v_len']))
    ? $config['post_item_box_shadow_v_len']
    : null;
$v_length = $formatter->css_scalar($v_length);
$blur_radius = (isset($config['post_item_box_shadow_blur_radius']) && !empty($config['post_item_box_shadow_blur_radius']))
    ? $config['post_item_box_shadow_blur_radius']
    : null;
$blur_radius = $formatter->css_scalar($blur_radius, $default_box_shadow);
$spread_radius = (isset($config['post_item_box_shadow_spread_radius']) && !empty($config['post_item_box_shadow_spread_radius']))
    ? $config['post_item_box_shadow_spread_radius']
    : null;
$spread_radius = $formatter->css_scalar($spread_radius, $default_box_shadow);
$bs_color = (isset($config['post_item_box_shadow_color']) && !empty($config['post_item_box_shadow_color']))
    ? $config['post_item_box_shadow_color']
    : '';
$bs_color = Wpw::inst()->storage()->get($bs_color);

$type = (isset($config['post_item_box_shadow_style']) && !empty($config['post_item_box_shadow_style']))
    ? $config['post_item_box_shadow_style']
    : '';
/**
 * background
 */
$background = (isset($config['post_item_bg']) && !empty($config['post_item_bg']))
    ? $config['post_item_bg']
    : '';
$data = (!empty($background) && is_string($background))
    ? json_decode(str_replace('\\', '', urldecode($background)), true)
    : [];
// image
$_image = (isset($data['image']) && !empty($data['image']))
    ? $data['image']
    : null;
$img = (isset($_image) && !empty($_image))
    ? json_decode(urldecode($_image), true)
    : null;
$bg_image = (isset($img['id']) && !empty($img['id']))
    ? wp_get_attachment_image_url($img['id'], false)
    : null;
// pattern
$_pattern = (isset($data['pattern']) && !empty($data['pattern']))
    ? $data['pattern']
    : null;
$pattern_img = (isset($_pattern) && !empty($_pattern))
    ? json_decode(urldecode($_pattern), true)
    : null;
$bg_pattern = (isset($pattern_img['id']) && !empty($pattern_img['id']))
    ? wp_get_attachment_image_url($pattern_img['id'], false)
    : null;
$_opacity = (isset($data['opacity']) && !empty($data['opacity']))
    ? $data['opacity']
    : null;
$pattern_opacity = (isset($_opacity) && !empty($_opacity))
    ? json_decode(urldecode($_opacity), true)
    : 1;
$pattern_opacity = (isset($pattern_opacity['number']) && !empty($pattern_opacity['number']))
    ? $pattern_opacity['number']
    : 1;
$pattern_is_svg = preg_match('/\.svg$/i', $bg_pattern);
$pattern_color = (isset($data['pattern_color']) && !empty($data['pattern_color']))
    ? $data['pattern_color']
    : null;
// color
$fill_style = (isset($data['fill_style']) && !empty($data['fill_style']))
    ? $data['fill_style']
    : 'color';
$color = (isset($data['color']) && !empty($data['color']))
    ? $data['color']
    : null;
$gradient = (isset($data['gradient']) && !empty($data['gradient']))
    ? $data['gradient']
    : null;

if ($fill_style == 'color') {
    $gradient = 'transparent';
} else {
    $color = 'transparent';
};
if ($pattern_is_svg) {
    $bg_pattern = $formatter->prepare_svg_bg($bg_pattern, $pattern_color);
}
$style = /** @lang CSS */
    '
/*PANEL STYLE*/

@media (min-width: 0px) and (max-width: 767px) {
    .custom-panel__paddings,
    .product-wrap .product-desc {
        padding: ' . $paddings_sm . ';
    }

    .post-article__content .post-article__date {
        left: ' . $left_sm['left']['number'] . $left_sm['left']['units'] . '
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .custom-panel__paddings,
     .product-wrap .product-desc  {
        padding: ' . $paddings_md . ';
    }

    .post-article__content .post-article__date {
        left: ' . $left_md['left']['number'] . $left_md['left']['units'] . '
    }
}

@media (min-width: 992px) {
    .custom-panel__paddings,
     .product-wrap .product-desc {
        padding: ' . $paddings . ';
    }

    .post-article__content .post-article__date {
        left: ' . $left['left']['number'] . $left['left']['units'] . '
    }
}


.custom-panel__shadow,
 .product-wrap {
    box-shadow: ' . $type . ' ' . $h_length . ' ' . $v_length . ' ' . $blur_radius . ' ' . $spread_radius . ' ' . $bs_color . ';
}

';

if (!empty($bg_image)) {
    $style .= ' .panels-bg > .image-layer,
    .products .product-category a,
     .product-wrap {
        background-image: url("' . $bg_image . '");
    }';
}
if (!empty($bg_pattern)) {
    $style .= ' .panels-bg  > .pattern-layer,
    .products .product-category a,
      .product-wrap {
        background-image: url("' . $bg_pattern . '");
        background-repeat: repeat;
        opacity: ' . $pattern_opacity . '
    }';
}
if (!empty($gradient)) {
    $style .= ' .panels-bg > .gradient-layer,
    .products .product-category a,
     .product-wrap {
         ' . $gradient . '
    }';
}
if (!empty($color)) {
    $style .= ' .panels-bg > .color-layer,
    .products .product-category a,
     .product-wrap {
        background-color: ' . $color . ';
    }
    ';
}

printf('%s', $style);