<?php
$formatter = Wpw::inst()->formatter();
$config = (isset($config) && !empty($config))
    ? $config
    : [];
// accent color
$accent_color = get_theme_mod('wpw_accent_colors');
$accent_color = json_decode(urldecode($accent_color), true);
$accent_color = (isset($accent_color[0]) && !empty($accent_color[0]))
    ? $accent_color[0]
    : 'rgb(25, 87, 243)';
// accent color
$secondary_color = get_theme_mod('wpw_secondary_text_color');
$secondary_color = json_decode(urldecode($secondary_color), true);
$secondary_color = (isset($secondary_color[0]) && !empty($secondary_color[0]))
    ? $secondary_color[0]
    : 'rgb(0,0,0,.6)';

// main color
$main_color = get_theme_mod('wpw_accent_colors');
$main_color = (!empty($main_color) && is_string($main_color))
    ? json_decode(urldecode_deep($main_color))
    : null;
$main_color = (isset($main_color[0]) && !empty($main_color[0]))
    ? $main_color[0]
    : '#ffab00';
// container type
$lg_container_type = get_theme_mod('wpw_container_type', 'container-fluid');
$md_container_type = get_theme_mod('wpw_middle_container_type', 'container-fluid');
$sm_container_type = get_theme_mod('wpw_small_container_type', 'container-fluid');
// container width
$default_container_width = '%7B%22number%22%3A%2275%22%2C%22unit%22%3A%22%25%22%7D';
$md_container_width = get_theme_mod('wpw_middle_max_width');
if (empty($md_container_width)) {
    $md_container_width = $default_container_width;
}
$sm_container_width = get_theme_mod('wpw_small_max_width');
if (empty($sm_container_width)) {
    $sm_container_width = $default_container_width;
}
$lg_container_width = get_theme_mod('wpw_max_width');
if (empty($lg_container_width)) {
    $lg_container_width = $default_container_width;
}
$default_width = [
    'number' => 100,
    'unit' => '%',
];
$default_indents = [];
$default_content_indents = [
    'top' => [
        'number' => 40,
    ],
    'bottom' => [
        'number' => 40,
    ],
];


/**
 *-------------------------------- Main-----------------------------------------------
 */
// color

// typography
$header_v2_typography = !empty($config['header_v2_typography'])
    ? $config['header_v2_typography']
    : 'main';
$header_v2_typography = $formatter->dynamic_typography($header_v2_typography, '.variate-header_variant-2 .variate-header__text_post > h1');
// title_divider_color
$title_divider = (isset($config['header_v2_title_divider']) && $config['header_v2_title_divider'])
    ? 'block'
    : 'none';
$title_divider_color = (isset($config['header_v2_title_divider_color']) && !empty($config['header_v2_title_divider_color']))
    ? $config['header_v2_title_divider_color']
    : $main_color;
$height_type = (isset($config['header_v2_height_type']) && !empty($config['header_v2_height_type']))
    ? $config['header_v2_height_type']
    : 'full';

/**
 * ------------------------------- Panel ----------------------------------
 * Panel lg
 */
// width
$lg_width_type = (isset($config['header_v2_layout']) && !empty($config['header_v2_layout']))
    ? $config['header_v2_layout']
    : 'full';
$lg_width = (isset($config['header_v2__width']) && !empty($config['header_v2__width']))
    ? $config['header_v2__width']
    : null;
if ($lg_width_type == 'full') {
    $lg_width = $default_width;
} elseif ($lg_width_type == 'container') {
    $lg_width = $lg_container_width;
}
$lg_width = $formatter->css_scalar($lg_width);
// margins 
$lg_margins = (isset($config['header_v2_outer_indent']) && !empty($config['header_v2_outer_indent']))
    ? $config['header_v2_outer_indent']
    : null;
$lg_margins = $formatter->css_spacing($lg_margins, $default_indents);
// border
$lg_border_style = (isset($config['header_v2_border']) && !empty($config['header_v2_border']))
    ? $config['header_v2_border']
    : 'none';
$lg_border_model = (isset($config['header_v2_border_model']) && !empty($config['header_v2_border_model']))
    ? $config['header_v2_border_model']
    : null;
$lg_border_color = (isset($config['header_v2_border_color']) && !empty($config['header_v2_border_color']))
    ? $config['header_v2_border_color']
    : null;
$lg_border_color = Wpw::inst()->storage()->get($lg_border_color);
$lg_border = $formatter->css_border_simplify($lg_border_style, $lg_border_model, $lg_border_color);
// border radius
$lg_border_radius = (isset($config['header_v2_border_radius']) && !empty($config['header_v2_border_radius']))
    ? $config['header_v2_border_radius']
    : null;
$lg_border_radius = $formatter->css_spacing($lg_border_radius);
/**
 * Panel md
 */
// width
$md_width_type = (isset($config['header_v2_middle_layout']) && !empty($config['header_v2_middle_layout']))
    ? $config['header_v2_middle_layout']
    : 'full';
$md_width = (isset($config['header_v2_middle_width']) && !empty($config['header_v2_middle_width']))
    ? $config['header_v2_middle_width']
    : null;
if ($md_width_type == 'full') {
    $md_width = $default_width;
} elseif ($md_width_type == 'container') {
    $md_width = $md_container_width;
}
$md_width = $formatter->css_scalar($md_width);
// margins 
$md_margins = (isset($config['header_v2_middle_outer_indent']) && !empty($config['header_v2_middle_outer_indent']))
    ? $config['header_v2_middle_outer_indent']
    : null;
$md_margins = $formatter->css_spacing($md_margins, $default_indents);
// border
$md_border_style = (isset($config['header_v2_middle_border']) && !empty($config['header_v2_middle_border']))
    ? $config['header_v2_middle_border']
    : 'none';
$md_border_model = (isset($config['header_v2_middle_border_model']) && !empty($config['header_v2_middle_border_model']))
    ? $config['header_v2_middle_border_model']
    : null;
$md_border_color = (isset($config['header_v2_middle_border_color']) && !empty($config['header_v2_middle_border_color']))
    ? $config['header_v2_middle_border_color']
    : null;
$md_border_color = Wpw::inst()->storage()->get($md_border_color);
$md_border = $formatter->css_border_simplify($md_border_style, $md_border_model, $md_border_color);
// border radius
$md_border_radius = (isset($config['header_v2_middle_border_radius']) && !empty($config['header_v2_middle_border_radius']))
    ? $config['header_v2_middle_border_radius']
    : null;
$md_border_radius = $formatter->css_spacing($md_border_radius);
/**
 * Panel sm
 */
// width
$sm_width_type = (isset($config['header_v2_small_layout']) && !empty($config['header_v2_small_layout']))
    ? $config['header_v2_small_layout']
    : 'full';
$sm_width = (isset($config['header_v2_small_width']) && !empty($config['header_v2_small_width']))
    ? $config['header_v2_small_width']
    : null;
if ($sm_width_type == 'full') {
    $sm_width = $default_width;
} elseif ($sm_width_type == 'container') {
    $sm_width = $sm_container_width;
}
$sm_width = $formatter->css_scalar($sm_width);
// margins
$sm_margins = (isset($config['header_v2_small_outer_indent']) && !empty($config['header_v2_small_outer_indent']))
    ? $config['header_v2_small_outer_indent']
    : null;
$sm_margins = $formatter->css_spacing($sm_margins, $default_indents);
// border
$sm_border_style = (isset($config['header_v2_small_border']) && !empty($config['header_v2_small_border']))
    ? $config['header_v2_small_border']
    : 'none';
$sm_border_model = (isset($config['header_v2_small_border_model']) && !empty($config['header_v2_small_border_model']))
    ? $config['header_v2_small_border_model']
    : null;
$sm_border_color = (isset($config['header_v2_small_border_color']) && !empty($config['header_v2_small_border_color']))
    ? $config['header_v2_small_border_color']
    : null;
$sm_border_color = Wpw::inst()->storage()->get($sm_border_color);
$sm_border = $formatter->css_border_simplify($sm_border_style, $sm_border_model, $sm_border_color);
// border radius
$sm_border_radius = (isset($config['header_v2_small_border_radius']) && !empty($config['header_v2_small_border_radius']))
    ? $config['header_v2_small_border_radius']
    : null;
$sm_border_radius = $formatter->css_spacing($sm_border_radius);

/**
 * ------------------------------- Content -------------------------------------------
 * Content lg
 */
// width
$lg_content_width_type = (isset($config['header_v2_container_width_type']) && !empty($config['header_v2_container_width_type']))
    ? $config['header_v2_container_width_type']
    : 'full';
$lg_content_width = (isset($config['header_v2_container_width']) && !empty($config['header_v2_container_width']))
    ? $config['header_v2_container_width']
    : null;
if ($lg_content_width_type == 'full') {
    $lg_content_width = $default_width;
} elseif ($lg_content_width_type == 'container') {
    $lg_content_width = $lg_width_type == $lg_content_width_type
        ? $default_width
        : $lg_container_width;
}
$lg_content_width = $formatter->css_scalar($lg_content_width);
// paddings
$lg_paddings = (isset($config['header_v2_inner_indent']) && !empty($config['header_v2_inner_indent']))
    ? $config['header_v2_inner_indent']
    : null;
$lg_paddings = $formatter->css_spacing($lg_paddings, $default_content_indents);
/**
 * Content md
 */
// width
$md_content_width_type = (isset($config['header_v2_middle_container_width_type']) && !empty($config['header_v2_middle_container_width_type']))
    ? $config['header_v2_middle_container_width_type']
    : 'full';
$md_content_width = (isset($config['header_v2_middle_container_width']) && !empty($config['header_v2_middle_container_width']))
    ? $config['header_v2_middle_container_width']
    : null;
if ($md_content_width_type == 'full') {
    $md_content_width = $default_width;
} elseif ($md_content_width_type == 'container') {
    $md_content_width = $md_width_type == $md_content_width_type
        ? $default_width
        : $md_container_width;
}
$md_content_width = $formatter->css_scalar($md_content_width);
// paddings
$md_paddings = (isset($config['header_v2_middle_inner_indent']) && !empty($config['header_v2_middle_inner_indent']))
    ? $config['header_v2_middle_inner_indent']
    : null;
$md_paddings = $formatter->css_spacing($md_paddings, $default_content_indents);

/**
 * Content sm
 */
// width
$sm_content_width_type = (isset($config['header_v2_small_container_width_type']) && !empty($config['header_v2_small_container_width_type']))
    ? $config['header_v2_small_container_width_type']
    : 'full';
$sm_content_width = (isset($config['header_v2_small_container_width']) && !empty($config['header_v2_small_container_width']))
    ? $config['header_v2_small_container_width']
    : null;
if ($sm_content_width_type == 'full') {
    $sm_content_width = $default_width;
} elseif ($sm_content_width_type == 'container') {
    $sm_content_width = $sm_width_type == $sm_content_width_type
        ? $default_width
        : $sm_container_width;
}
$sm_content_width = $formatter->css_scalar($sm_content_width);
// paddings
$sm_paddings = (isset($config['header_v2_small_inner_indent']) && !empty($config['header_v2_small_inner_indent']))
    ? $config['header_v2_small_inner_indent']
    : null;
$sm_paddings = $formatter->css_spacing($sm_paddings, $default_content_indents);

/**
 * Bg
 */
$_bg = !empty($config['header_v2_background'])
    ? $config['header_v2_background']
    : null;
$bg = $formatter->from_bg($_bg);

$out_style = /** @lang CSS */
    '
/*VARIANT-2 STYLE*/
' . $header_v2_typography . '


@media (min-width: 0px) and (max-width: 767px) {
    .variate-header_variant-2  .variate-header__panel {
        width: ' . $sm_width . ';
    }
    
    .variate-header_variant-2 {
        padding: ' . $sm_margins . ';
    }
    
    .variate-header_variant-2 .panels-bg {
        border-radius: ' . $sm_border_radius . ';
        ' . $sm_border . '
    }
    
    .variate-header_variant-2 .variate-header__content {
        width: ' . $sm_content_width . ';
        padding: ' . $sm_paddings . ';
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .variate-header_variant-2  .variate-header__panel {
        width: ' . $md_width . ';
    }
    
    .variate-header_variant-2 {
        padding: ' . $md_margins . ';
    }
    
    .variate-header_variant-2 .panels-bg {
        border-radius: ' . $md_border_radius . ';
        ' . $md_border . '
    }
    
    .variate-header_variant-2 .variate-header__content {
        width: ' . $md_content_width . ';
        padding: ' . $md_paddings . ';
    }
}

@media (min-width: 992px) {
    .variate-header_variant-2  .variate-header__panel {
        width: ' . $lg_width . ';
    }
    
    .variate-header_variant-2 {
        padding: ' . $lg_margins . ';
    }
    
    .variate-header_variant-2 .panels-bg {
        border-radius: ' . $lg_border_radius . ';
        ' . $lg_border . '
    }
    
    .variate-header_variant-2 .variate-header__content {
        width: ' . $lg_content_width . ';
        padding: ' . $lg_paddings . ';
    }
}


';


if (!$formatter->is_empty_bg($_bg)) {
    $out_style .= '
        .variate-header_variant-2 .panels-bg > .image-layer {
    background-image: url("' . $bg['image'] . '");
}

.variate-header_variant-2 .panels-bg > .pattern-layer {
    background-image: url("' . $bg['pattern'] . '");
    background-repeat: repeat;
    opacity: ' . $bg['pattern_opacity'] . '
}

.variate-header_variant-2 .panels-bg > .gradient-layer{
     ' . $bg['gradient'] . '
}

.variate-header_variant-2 .panels-bg > div.color-layer {
    background-color: ' . $bg['color'] . ';
}
    ';
}


print($out_style);