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

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

$divider_color = 'rgba(0,0,0,.3)';
$primary_text_color = '#555';

// general
$divider_width = !empty($config['divider_width'])
    ? $config['divider_width']
    : '%7B%22number%22%3A%22100%22%2C%22unit%22%3A%22%25%22%7D';
$divider_width = $formatter->css_scalar($divider_width);
$divider_element_alignment = !empty($config['divider_element_alignment'])
    ? $config['divider_element_alignment']
    : 'left';
switch ($divider_element_alignment) {
    case 'center': {
        $divider_element_alignment = 'margin-left: auto; margin-right: auto; ';
    }
        break;
    case 'right': {
        $divider_element_alignment = 'margin-left: auto; margin-right: initial; ';
    }
        break;
    default: {
        $divider_element_alignment = 'margin-left: initial; margin-right: auto; ';
    }
        break;
}


// typography

$divider_typography = !empty($config['divider_typography'])
    ? $config['divider_typography']
    : 'main';
$divider_typography = $formatter->dynamic_typography($divider_typography, '.gfield_label.gfield_label_before_complex,
.wpb_content_element.vc_separator h4, .gfield_label.gfield_label_before_complex,
.gfield.gsection > .gsection_title,
.divider__text ');


// color
$divider_default_color = !empty($config['divider_default_color'])
    ? $config['divider_default_color']
    : 'on';
$divider_text_color = !empty($config['divider_text_color'])
    ? $config['divider_text_color']
    : '';
$divider_text_color = $storage->get($divider_text_color);
$divider_line_color = !empty($config['divider_line_color'])
    ? $config['divider_line_color']
    : '';
$divider_line_color = $storage->get($divider_line_color);


// background
$divider_bg = !empty($config['divider_bg'])
    ? $config['divider_bg']
    : '';
$divider_bg = $formatter->from_bg($divider_bg);


// indents
$divider_line_margins = !empty($config['divider_line_margins'])
    ? $config['divider_line_margins']
    : '';
$divider_line_margins = $formatter->css_spacing($divider_line_margins);
$divider_object_margins = !empty($config['divider_object_margins'])
    ? $config['divider_object_margins']
    : '';
$divider_object_margins = $formatter->css_scalar($divider_object_margins);
$divider_structure = !empty($config['divider_structure'])
    ? $config['divider_structure']
    : 'before';
$before_style = $after_style = '';
if ($divider_structure == 'before') {
    $before_style = ' display: none; ';
} elseif ($divider_structure == 'after') {
    $after_style = ' display: none; ';
}


$divider_caption_box_margins = !empty($config['divider_caption_box_margins'])
    ? $config['divider_caption_box_margins']
    : '';
$divider_caption_box_margins = $formatter->css_spacing($divider_caption_box_margins);
$divider_caption_box_paddings = !empty($config['divider_caption_box_paddings'])
    ? $config['divider_caption_box_paddings']
    : '';
$divider_caption_box_paddings = $formatter->css_spacing($divider_caption_box_paddings);

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

// border
$divider_border_height = '';
$divider_border_style = !empty($config['divider_border_style'])
    ? $config['divider_border_style']
    : 'solid';
$divider_border_model = !empty($config['divider_border_model'])
    ? $config['divider_border_model']
    : '%7B%22number%22%3A%221%22%2C%22unit%22%3A%22%22%7D';
$divider_border_model = $formatter->css_scalar($divider_border_model);
$divider_border_custom = !empty($config['divider_border_custom'])
    ? $config['divider_border_custom']
    : '';
$divider_border_custom = $formatter->get_media_url($divider_border_custom);
if (!empty($divider_border_custom)) {
    $divider_border_height = $divider_border_model;
    $divider_border_style = 'none';
}

// text wrapper border
$divider_text_wrapper_border_style = !empty($config['divider_text_wrapper_border_style'])
    ? $config['divider_text_wrapper_border_style']
    : '';
$divider_text_wrapper_border_model = !empty($config['divider_text_wrapper_border_model'])
    ? $config['divider_text_wrapper_border_model']
    : '';
$divider_text_wrapper_border_color = !empty($config['divider_text_wrapper_border_color'])
    ? $config['divider_text_wrapper_border_color']
    : '';
$divider_text_wrapper_border_color = $storage->get($divider_text_wrapper_border_color );
$divider_text_wrapper_border = $formatter->css_border_simplify(
    $divider_text_wrapper_border_style,
    $divider_text_wrapper_border_model,
    $divider_text_wrapper_border_color
);
$divider_text_wrapper_border_radius = !empty($config['divider_text_wrapper_border_radius'])
    ? $config['divider_text_wrapper_border_radius']
    : '';
$divider_text_wrapper_border_radius = $formatter->css_spacing($divider_text_wrapper_border_radius);

// shadow
$divider_bs_hl = !empty($config['divider_bs_hl'])
    ? $config['divider_bs_hl']
    : '';
$divider_bs_hl = $formatter->css_scalar($divider_bs_hl);
$divider_bs_vl = !empty($config['divider_bs_vl'])
    ? $config['divider_bs_vl']
    : '';
$divider_bs_vl = $formatter->css_scalar($divider_bs_vl);
$divider_bs_br = !empty($config['divider_bs_br'])
    ? $config['divider_bs_br']
    : '';
$divider_bs_br = $formatter->css_scalar($divider_bs_br);
$divider_bs_sr = !empty($config['divider_bs_sr'])
    ? $config['divider_bs_sr']
    : '';
$divider_bs_sr = $formatter->css_scalar($divider_bs_sr);
$divider_bs_color = !empty($config['divider_bs_color'])
    ? $config['divider_bs_color']
    : '';
$divider_bs_color = $storage->get($divider_bs_color);
$divider_bs = " box-shadow: {$divider_bs_hl} {$divider_bs_vl} {$divider_bs_br} {$divider_bs_sr} {$divider_bs_color}; ";


echo /** @lang CSS */
    '
/*VC*/
.gfield_label.gfield_label_before_complex,
.wpb_content_element.vc_separator h4 {
    color: ' . $divider_text_color . ';

}
    ' . $divider_typography . '

.wpw .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-md .vc_icon_element-icon {
    color: ' . $divider_text_color . ' !important;
}


.wpw .vc_separator .vc_sep_holder .vc_sep_line {
    border-color: ' . $divider_line_color . ';
}


/*Custom*/
.gfield_label.gfield_label_before_complex:before,
.gfield_label.gfield_label_before_complex:after,
.divider__wrapper .divider__text-wrapper > .background .image-layer {
    background-image: url(' . $divider_bg['image'] . ');
}

.divider__wrapper .divider__text-wrapper > .background .pattern-layer {
    opacity: ' . $divider_bg['pattern_opacity'] . ';
    background-image: url(' . $divider_bg['pattern'] . ');
    background-repeat: repeat;
}

.gfield_label.gfield_label_before_complex:before,
.gfield_label.gfield_label_before_complex:after,
.divider__wrapper .divider__text-wrapper > .background .color-layer {
    background-color: ' . $divider_bg['color'] . ';
}


.divider__wrapper .divider__text-wrapper > .background .gradient-layer {
    background: ' . $divider_bg['gradient'] . ';
}

.gfield_label.gfield_label_before_complex,
.gfield.gsection > .gsection_title,
.divider__text {
    color: ' . $divider_text_color . ';

    margin: 0;

}

.structure-before .divider__text {
    margin-left: ' . $divider_object_margins . ';
}

.structure-after .divider__text {
    margin-right: ' . $divider_object_margins . ';
}

.structure-over .divider__text {
    margin-top: ' . $divider_object_margins . ';
}

.structure-under .divider__text {
    margin-bottom: ' . $divider_object_margins . ';
}

.divider__container .divider__image > img {
    width: ' . $divider_icon_size . ';
}

.divider__container .divider__icon > i[class*="ib-"]:hover,
.divider__container .divider__icon > i[class*="ib-"] {
    color: ' . $divider_text_color . ';
    font-size: ' . $divider_icon_size . ';
}

.gfield_label.gfield_label_before_complex,
.gfield.gsection > .gsection_title,
.divider__container {
     max-width: ' . $divider_width . ';
    ' . $divider_element_alignment . '
}

.gfield_label.gfield_label_before_complex:before,
.gfield.gsection > .gsection_title:before {
    ' . $before_style . '
}

.gfield_label.gfield_label_before_complex:after,
.gfield.gsection > .gsection_title:after {
    ' . $after_style . '
}


.gfield.field_sublabel_below.field_description_below.gfield_visibility_visible,
.gfield.gsection,
.divider__wrapper {
    margin: ' . $divider_line_margins . ';

}

.wpw .divider__text-wrapper {
    border-radius: ' . $divider_text_wrapper_border_radius . ';

    padding: ' . $divider_caption_box_paddings . ';
    margin: ' . $divider_caption_box_margins . ';

    ' . $divider_text_wrapper_border . '
    ' . $divider_bs . '
}

.gfield_label.gfield_label_before_complex:before,
.gfield_label.gfield_label_before_complex:after,
.gfield.gsection > .gsection_title:before,
.gfield.gsection > .gsection_title:after,
.wpw .divider__line {
    border-bottom: ' . $divider_border_style . ' ' . $divider_border_model . ' ' . $divider_line_color . ';
    background-image: url("' . $divider_border_custom . '");
    background-repeat: repeat-x;
    height: ' . $divider_border_height . ';
}


';