<?php
/**
 *  Background
 */
$body_bg_config = get_theme_mod('wpw_bg_body');
$body_bg_config = Wpw::inst()->formatter()->from_bg($body_bg_config);
/**
 * Content Background
 */

$content_bg_config = get_theme_mod('wpw_content_bg');
$content_bg_config = Wpw::inst()->formatter()->from_bg($content_bg_config);

/**
 * Footer Background
 */
//image
$footer_image_bg = get_theme_mod('wpw_footer_bg_image');
$footer_image_bg = !empty($footer_image_bg)
    ? json_decode(urldecode($footer_image_bg))
    : null;
$footer_image_bg = (isset($footer_image_bg->id) && !empty($footer_image_bg->id))
    ? wp_get_attachment_image_url($footer_image_bg->id, false, false)
    : '#';
//pattern
$footer_pattern_img = get_theme_mod('wpw_footer_bg_pattern');
$footer_pattern_img = !empty($footer_pattern_img)
    ? json_decode(urldecode($footer_pattern_img))
    : null;
$footer_pattern_img = (isset($footer_pattern_img->id) && !empty($footer_pattern_img->id))
    ? wp_get_attachment_image_url($footer_pattern_img->id, false, false)
    : '#';
$footer_pattern_opacity = get_theme_mod('wpw_footer_bg_pattern_opacity');
$footer_pattern_opacity = !empty($footer_pattern_opacity)
    ? json_decode(urldecode($footer_pattern_opacity))
    : null;
$footer_pattern_opacity = (isset($footer_pattern_opacity->number) && !empty($footer_pattern_opacity->number))
    ? $footer_pattern_opacity->number
    : 1;
// gradient
$footer_bg_gradient = get_theme_mod('wpw_footer_bg_gradient');
//color
$footer_bg_color = get_theme_mod('wpw_footer_bg_color');
$footer_bg_color = (isset($footer_bg_color) && !empty($footer_bg_color) && !is_numeric($footer_bg_color))
    ? $footer_bg_color
    : 'transparent';
/**
 * Panels Background
 */
$panels_bg_config = get_theme_mod('wpw_panels_bg');
$panels_bg_config = Wpw::inst()->formatter()->from_bg($panels_bg_config);


/**
 * Overlay color
 */
// primary color
$primary_color = get_theme_mod('wpw_primary_colors');
$primary_color = (!empty($primary_color) && is_string($primary_color))
    ? json_decode(urldecode($primary_color), true)
    : null;
$primary_color = (isset($primary_color[0]) && !empty($primary_color[0]))
    ? $primary_color[0]
    : '#000';
$overlay_color = Wpw::inst()->color()->set_alpha($primary_color, '.7');

//=============================================Style==============================================================//
$style = '';
//image
$style
    .= /** @lang CSS */
    '

/*Modal window*/
.project-modal > .background .color-layer {
    background-color: ' . $overlay_color . ';
}

.project-modal__content-wrapper > .background .color-layer {
    background-color: ' . $panels_bg_config['color'] . ';
}


/*Default menu*/
.menu-no-navbars .navbar-content,
.menu-no-navbars .nav-list li ul.sub-menu,
.menu-no-navbars .nav-list li ol.sub-menu {
    background-color: ' . $body_bg_config['color'] . ';
}

/*Body*/
body > .background .image-layer {
    background-image: url(' . $body_bg_config['image'] . ');
}

body > .background .pattern-layer {
    opacity: ' . $body_bg_config['pattern_opacity'] . ';
    background-image: url(' . $body_bg_config['pattern'] . ');
    background-repeat: repeat;
}

body > .background .color-layer {
    background-color: ' . $body_bg_config['color'] . ';
}

body > .background .gradient-layer {
    background: ' . $body_bg_config['gradient'] . ';
}

/*Content*/
.content-background .content-image-layer {
    background-image: url(' . $content_bg_config['image'] . ');
}

.content-background .content-pattern-layer {
    opacity: ' . $content_bg_config['pattern_opacity'] . ';
    background-image: url(' . $content_bg_config['pattern'] . ');
    background-repeat: repeat;
}

.content-background .content-gradient-layer {
    background: ' . $content_bg_config['gradient'] . ';
}

.content-background .content-color-layer {
    background-color: ' . $content_bg_config['color'] . ';
}

/*Panels*/
.cs-options,
 .select2-drop,
 .select2-results,
 select,
.select2-container a.select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-container.select2-drop-above .select2-choice,
.cs-placeholder,
.type-product > .product-wrap,
 .panels-bg .image-layer {
    background-image: url(' . $panels_bg_config['image'] . ');
}

.cs-options,
.select2-drop,
.select2-results,
select,
.type-product > .product-wrap,
.select2-container a.select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-container.select2-drop-above .select2-choice,
.cs-placeholder,
.panels-bg .pattern-layer {
    opacity: ' . $panels_bg_config['pattern_opacity'] . ';
    background-image: url(' . $panels_bg_config['pattern'] . ');
    background-repeat: repeat;
}

.cs-options,
.select2-drop,
.select2-results,
 select,
 .type-product > .product-wrap,
.select2-container a.select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-container.select2-drop-above .select2-choice,
.cs-placeholder,
.panels-bg .gradient-layer {
    background: ' . $panels_bg_config['gradient'] . ';
}

.cs-options,
 .select2-drop,
 .select2-results,
 select,
 .type-product > .product-wrap,
.select2-container a.select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-container.select2-drop-above .select2-choice,
.cs-placeholder,
.panels-bg .color-layer {
    background-color: ' . $panels_bg_config['color'] . ';
}


';
return $style;

/*Navbar
 .navbar-bg .image-layer {
    background-image: url(' . $navbar_bg_config['image'] . ');
}

.navbar-bg .pattern-layer {
    opacity: ' . $navbar_bg_config['pattern_opacity'] . ';
    background: url(' . $navbar_bg_config['pattern'] . ') repeat;
}

.navbar-bg .gradient-layer {
    background: ' . $navbar_bg_config['gradient'] . ';
}

.navbar-bg .color-layer {
    background-color: ' . $navbar_bg_config['color'] . ';
} */