<?php


$resource = Wpw::inst()->resource();
$formatter = Wpw::inst()->formatter();
$icon_font = Wpw::inst()->storage()->get('default_icon_font');

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

$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,
    ],
];

$secondary_color =  'rgba(0,0,0,0.6)';
$disabled_color = 'rgba(0,0,0,.3)';

/**
 * Form defaults
 */

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

// border
$form_default_border_style = 'solid';
$form_default_border_model =  $default_border;
$form_default_border_radius = [];

$form_default_border_style_hover =  'solid';
$form_default_border_model_hover =  $default_border;
$form_default_border_radius_hover =  [];

$form_default_border_style_focus =  'solid';
$form_default_border_model_focus = $default_border;
$form_default_border_radius_focus = [];

// colors
$form_default_border_color = $divider_color;
$form_default_text_color = $secondary_color;

$form_default_border_color_hover =  $divider_color;
$form_default_text_color_hover =  $secondary_color;

$form_default_border_color_focus =  $divider_color;
$form_default_text_color_focus = $secondary_color;

// shadow
$form_default_bs_hl ='';
$form_default_bs_vl =  '';
$form_default_bs_br =  '';
$form_default_bs_sr =  '';
$form_default_bs_color =  '';

$form_default_bs_hl_hover =  '';
$form_default_bs_vl_hover =  '';
$form_default_bs_br_hover =  '';
$form_default_bs_sr_hover =  '';
$form_default_bs_color_hover =  '';

$form_default_bs_hl_focus =  '';
$form_default_bs_vl_focus =  '';
$form_default_bs_br_focus =  '';
$form_default_bs_sr_focus =  '';
$form_default_bs_color_focus =  '';

/**
 * Tabs handler
 */


$tabs_handler_padding = !empty($config['tabs_handler_padding'])
    ? $config['tabs_handler_padding']
    : $form_default_padding;
$tabs_handler_padding = $formatter->css_spacing($tabs_handler_padding);
$tabs_handler_margin = !empty($config['tabs_handler_margin'])
    ? $config['tabs_handler_margin']
    : $form_default_margins;
$tabs_handler_margin = $formatter->css_spacing($tabs_handler_margin);

$tabs_handler_use_icon_glyph = !empty($config['tabs_handler_use_icon_glyph'])
    ? $config['tabs_handler_use_icon_glyph']
    : 'on';
$tabs_handler_glyph = $tabs_handler_hover_glyph = $tabs_handler_focus_glyph = '';

$tabs_handler_typography = !empty($config['tabs_handler_typography'])
    ? $config['tabs_handler_typography']
    : 'main';
$tabs_handler_typography = $formatter->dynamic_typography($tabs_handler_typography, '.wpw .project-tabs__title ');


// default ===========================================
// border
$tabs_handler_border_style = !empty($config['tabs_handler_border_style'])
    ? $config['tabs_handler_border_style']
    : $form_default_border_style;
$tabs_handler_border_model = !empty($config['tabs_handler_border_model'])
    ? $config['tabs_handler_border_model']
    : $form_default_border_model;
$border_model_alter = $formatter->from_spacing($tabs_handler_border_model);
$tabs_handler_border_model = $formatter->css_spacing($tabs_handler_border_model);
$tabs_handler_border_radius = !empty($config['tabs_handler_border_radius'])
    ? $config['tabs_handler_border_radius']
    : $form_default_border_radius;
$tabs_handler_border_radius = $formatter->css_spacing($tabs_handler_border_radius);
// color
$tabs_handler_use_default_color = !empty($config['tabs_handler_use_default_color'])
    ? $config['tabs_handler_use_default_color']
    : 'on';
$tabs_handler_border_color = !empty($config['tabs_handler_border_color'])
    ? $config['tabs_handler_border_color']
    : '';
$tabs_handler_border_color = Wpw::inst()->storage()->get($tabs_handler_border_color);
$tabs_handler_text_color = !empty($config['tabs_handler_text_color'])
    ? $config['tabs_handler_text_color']
    : '';
$tabs_handler_text_color = Wpw::inst()->storage()->get($tabs_handler_text_color);
// bg
$tabs_handler_bg = !empty($config['tabs_handler_bg'])
    ? $config['tabs_handler_bg']
    : '';
$tabs_handler_bg = $formatter->from_bg($tabs_handler_bg);
// shadow
$tabs_handler_bs_hl = !empty($config['tabs_handler_bs_hl'])
    ? $config['tabs_handler_bs_hl']
    : $form_default_bs_hl;
$tabs_handler_bs_hl = $formatter->css_scalar($tabs_handler_bs_hl);
$tabs_handler_bs_vl = !empty($config['tabs_handler_bs_vl'])
    ? $config['tabs_handler_bs_vl']
    : $form_default_bs_vl;
$tabs_handler_bs_vl = $formatter->css_scalar($tabs_handler_bs_vl);
$tabs_handler_bs_br = !empty($config['tabs_handler_bs_br'])
    ? $config['tabs_handler_bs_br']
    : $form_default_bs_br;
$tabs_handler_bs_br = $formatter->css_scalar($tabs_handler_bs_br);
$tabs_handler_bs_sr = !empty($config['tabs_handler_bs_sr'])
    ? $config['tabs_handler_bs_sr']
    : $form_default_bs_sr;
$tabs_handler_bs_sr = $formatter->css_scalar($tabs_handler_bs_sr);
$tabs_handler_bs_color = !empty($config['tabs_handler_bs_color'])
    ? $config['tabs_handler_bs_color']
    : '';
$tabs_handler_bs_color = Wpw::inst()->storage()->get($tabs_handler_bs_color);
$tabs_handler_bs = " box-shadow: {$tabs_handler_bs_hl} {$tabs_handler_bs_vl} {$tabs_handler_bs_br} {$tabs_handler_bs_sr} {$tabs_handler_bs_color}; ";

// hover ===========================================
// border
$tabs_handler_hover_border_style = !empty($config['tabs_handler_hover_border_style'])
    ? $config['tabs_handler_hover_border_style']
    : $form_default_border_style_hover;
$tabs_handler_hover_border_model = !empty($config['tabs_handler_hover_border_model'])
    ? $config['tabs_handler_hover_border_model']
    : $form_default_border_model_hover;
$border_model_hover_alter = $formatter->from_spacing($tabs_handler_hover_border_model);
$tabs_handler_hover_border_model = $formatter->css_spacing($tabs_handler_hover_border_model);
$tabs_handler_hover_border_radius = !empty($config['tabs_handler_hover_border_radius'])
    ? $config['tabs_handler_hover_border_radius']
    : $form_default_border_radius_hover;
$tabs_handler_hover_border_radius = $formatter->css_spacing($tabs_handler_hover_border_radius);
// color
$tabs_handler_hover_use_default_color = !empty($config['tabs_handler_hover_use_default_color'])
    ? $config['tabs_handler_hover_use_default_color']
    : 'on';
$tabs_handler_hover_border_color = !empty($config['tabs_handler_hover_border_color'])
    ? $config['tabs_handler_hover_border_color']
    : '';
$tabs_handler_hover_border_color = Wpw::inst()->storage()->get($tabs_handler_hover_border_color);
$tabs_handler_hover_text_color = !empty($config['tabs_handler_hover_text_color'])
    ? $config['tabs_handler_hover_text_color']
    : '';
$tabs_handler_hover_text_color = Wpw::inst()->storage()->get($tabs_handler_hover_text_color);
// bg
$tabs_handler_hover_bg = !empty($config['tabs_handler_hover_bg'])
    ? $config['tabs_handler_hover_bg']
    : '';
$tabs_handler_hover_bg = $formatter->from_bg($tabs_handler_hover_bg);
// shadow
$tabs_handler_hover_bs_hl = !empty($config['tabs_handler_hover_bs_hl'])
    ? $config['tabs_handler_hover_bs_hl']
    : $form_default_bs_hl_hover;
$tabs_handler_hover_bs_hl = $formatter->css_scalar($tabs_handler_hover_bs_hl);
$tabs_handler_hover_bs_vl = !empty($config['tabs_handler_hover_bs_vl'])
    ? $config['tabs_handler_hover_bs_vl']
    : $form_default_bs_vl_hover;
$tabs_handler_hover_bs_vl = $formatter->css_scalar($tabs_handler_hover_bs_vl);
$tabs_handler_hover_bs_br = !empty($config['tabs_handler_hover_bs_br'])
    ? $config['tabs_handler_hover_bs_br']
    : $form_default_bs_br_hover;
$tabs_handler_hover_bs_br = $formatter->css_scalar($tabs_handler_hover_bs_br);
$tabs_handler_hover_bs_sr = !empty($config['tabs_handler_hover_bs_sr'])
    ? $config['tabs_handler_hover_bs_sr']
    : $form_default_bs_sr_hover;
$tabs_handler_hover_bs_sr = $formatter->css_scalar($tabs_handler_hover_bs_sr);
$tabs_handler_hover_bs_color = !empty($config['tabs_handler_hover_bs_color'])
    ? $config['tabs_handler_hover_bs_color']
    : '';
$tabs_handler_hover_bs_color = Wpw::inst()->storage()->get($tabs_handler_hover_bs_color);
$tabs_handler_hover_bs = " box-shadow: {$tabs_handler_hover_bs_hl} {$tabs_handler_hover_bs_vl} {$tabs_handler_hover_bs_br} {$tabs_handler_hover_bs_sr} {$tabs_handler_hover_bs_color}; ";

// focus ===========================================
// border
$tabs_handler_focus_border_style = !empty($config['tabs_handler_focus_border_style'])
    ? $config['tabs_handler_focus_border_style']
    : $form_default_border_style_focus;
$tabs_handler_focus_border_model = !empty($config['tabs_handler_focus_border_model'])
    ? $config['tabs_handler_focus_border_model']
    : $form_default_border_model_focus;
$border_model_focus_alter = $formatter->from_spacing($tabs_handler_focus_border_model);
$tabs_handler_focus_border_model = $formatter->css_spacing($tabs_handler_focus_border_model);
$tabs_handler_focus_border_radius = !empty($config['tabs_handler_focus_border_radius'])
    ? $config['tabs_handler_focus_border_radius']
    : $form_default_border_radius_focus;
$tabs_handler_focus_border_radius = $formatter->css_spacing($tabs_handler_focus_border_radius);
// color
$tabs_handler_focus_use_default_color = !empty($config['tabs_handler_focus_use_default_color'])
    ? $config['tabs_handler_focus_use_default_color']
    : 'on';
$tabs_handler_focus_border_color = !empty($config['tabs_handler_focus_border_color'])
    ? $config['tabs_handler_focus_border_color']
    : '';
$tabs_handler_focus_border_color = Wpw::inst()->storage()->get($tabs_handler_focus_border_color);
$tabs_handler_focus_text_color = !empty($config['tabs_handler_focus_text_color'])
    ? $config['tabs_handler_focus_text_color']
    : '';
$tabs_handler_focus_text_color = Wpw::inst()->storage()->get($tabs_handler_focus_text_color);
// bg
$tabs_handler_focus_bg = !empty($config['tabs_handler_focus_bg'])
    ? $config['tabs_handler_focus_bg']
    : '';
$tabs_handler_focus_bg = $formatter->from_bg($tabs_handler_focus_bg);
// shadow
$tabs_handler_focus_bs_hl = !empty($config['tabs_handler_focus_bs_hl'])
    ? $config['tabs_handler_focus_bs_hl']
    : $form_default_bs_hl_focus;
$tabs_handler_focus_bs_hl = $formatter->css_scalar($tabs_handler_focus_bs_hl);
$tabs_handler_focus_bs_vl = !empty($config['tabs_handler_focus_bs_vl'])
    ? $config['tabs_handler_focus_bs_vl']
    : $form_default_bs_vl_focus;
$tabs_handler_focus_bs_vl = $formatter->css_scalar($tabs_handler_focus_bs_vl);
$tabs_handler_focus_bs_br = !empty($config['tabs_handler_focus_bs_br'])
    ? $config['tabs_handler_focus_bs_br']
    : $form_default_bs_br_focus;
$tabs_handler_focus_bs_br = $formatter->css_scalar($tabs_handler_focus_bs_br);
$tabs_handler_focus_bs_sr = !empty($config['tabs_handler_focus_bs_sr'])
    ? $config['tabs_handler_focus_bs_sr']
    : $form_default_bs_sr_focus;
$tabs_handler_focus_bs_sr = $formatter->css_scalar($tabs_handler_focus_bs_sr);
$tabs_handler_focus_bs_color = !empty($config['tabs_handler_focus_bs_color'])
    ? $config['tabs_handler_focus_bs_color']
    : '';
$tabs_handler_focus_bs_color = Wpw::inst()->storage()->get($tabs_handler_focus_bs_color);
$tabs_handler_focus_bs = " box-shadow: {$tabs_handler_focus_bs_hl} {$tabs_handler_focus_bs_vl} {$tabs_handler_focus_bs_br} {$tabs_handler_focus_bs_sr} {$tabs_handler_focus_bs_color}; ";


// $tabs_handler_glyph = !empty($config['tabs_handler_glyph'])
//     ? $config['tabs_handler_glyph']
//     : '';
// $tabs_handler_glyph = $formatter->get_media_url($tabs_handler_glyph);
// $tabs_handler_hover_glyph = $formatter->prepare_svg_bg($tabs_handler_glyph, $tabs_handler_hover_text_color);
// $tabs_handler_focus_glyph = $formatter->prepare_svg_bg($tabs_handler_glyph, $tabs_handler_focus_text_color);
// $tabs_handler_glyph = $formatter->prepare_svg_bg($tabs_handler_glyph, $tabs_handler_text_color);


/**
 * Tabs content
 */
$tabs_content_border_style = !empty($config['tabs_content_border_style'])
    ? $config['tabs_content_border_style']
    : $form_default_border_style;
$tabs_content_border_model = !empty($config['tabs_content_border_model'])
    ? $config['tabs_content_border_model']
    : $form_default_border_model;
$tabs_content_border_color = !empty($config['tabs_content_border_color'])
    ? $config['tabs_content_border_color']
    : '';
$tabs_content_border_color = Wpw::inst()->storage()->get($tabs_content_border_color);
$tabs_content_border = $formatter->css_border_simplify(
    $tabs_content_border_style,
    $tabs_content_border_model,
    $tabs_content_border_color
);
$tabs_content_border_radius = !empty($config['tabs_content_border_radius'])
    ? $config['tabs_content_border_radius']
    : $form_default_border_radius;
$tabs_content_border_radius = $formatter->css_spacing($tabs_content_border_radius);
// bg
$tabs_content_bg = !empty($config['tabs_content_bg'])
    ? $config['tabs_content_bg']
    : '';
$tabs_content_bg = $formatter->from_bg($tabs_content_bg);
// indents
$tabs_content_padding = !empty($config['tabs_content_padding'])
    ? $config['tabs_content_padding']
    : $form_default_padding;
$tabs_content_padding = $formatter->css_spacing($tabs_content_padding);
$tabs_content_margin = !empty($config['tabs_content_margin'])
    ? $config['tabs_content_margin']
    : $form_default_margins;
$tabs_content_margin = $formatter->css_spacing($tabs_content_margin);
// shadow
$tabs_content_bs_hl = !empty($config['tabs_content_bs_hl'])
    ? $config['tabs_content_bs_hl']
    : $form_default_bs_hl;
$tabs_content_bs_hl = $formatter->css_scalar($tabs_content_bs_hl);
$tabs_content_bs_vl = !empty($config['tabs_content_bs_vl'])
    ? $config['tabs_content_bs_vl']
    : $form_default_bs_vl;
$tabs_content_bs_vl = $formatter->css_scalar($tabs_content_bs_vl);
$tabs_content_bs_br = !empty($config['tabs_content_bs_br'])
    ? $config['tabs_content_bs_br']
    : $form_default_bs_br;
$tabs_content_bs_br = $formatter->css_scalar($tabs_content_bs_br);
$tabs_content_bs_sr = !empty($config['tabs_content_bs_sr'])
    ? $config['tabs_content_bs_sr']
    : $form_default_bs_sr;
$tabs_content_bs_sr = $formatter->css_scalar($tabs_content_bs_sr);
$tabs_content_bs_color = !empty($config['tabs_content_bs_color'])
    ? $config['tabs_content_bs_color']
    : '';
$tabs_content_bs_color = Wpw::inst()->storage()->get($tabs_content_bs_color);
$tabs_content_bs = " box-shadow: {$tabs_content_bs_hl} {$tabs_content_bs_vl} {$tabs_content_bs_br} {$tabs_content_bs_sr} {$tabs_content_bs_color}; ";

echo /** @lang CSS */
    '
'.$tabs_handler_typography.'


.wpw .tabs.wc-tabs > li > a,
.wpw .project-tabs__title {

    color: ' . $tabs_handler_text_color . ';

    padding: ' . $tabs_handler_padding . ';
    margin: ' . $tabs_handler_margin . ';

    border-style: ' . $tabs_handler_border_style . ';
    border-width: ' . $tabs_handler_border_model . ';
    border-color: ' . $tabs_handler_border_color . ';
    border-radius: ' . $tabs_handler_border_radius . ';
    background-image: url(' . $tabs_handler_bg['image'] . ');

    ' . $tabs_handler_bs . '
}

.wpw .tabs.wc-tabs > li > a .project-input__tab-bg,
.wpw .project-tabs__title .project-input__tab-bg {

    ' . $tabs_handler_bg['fill'] . '
}

.wpw .tabs.wc-tabs > li:hover > a,
.wpw .project-tabs__title:hover {
    color: ' . $tabs_handler_hover_text_color . ';

    border-style: ' . $tabs_handler_hover_border_style . ';
    border-width: ' . $tabs_handler_hover_border_model . ';
    border-color: ' . $tabs_handler_hover_border_color . ';
    border-radius: ' . $tabs_handler_hover_border_radius . ';
    background-image: url(' . $tabs_handler_hover_bg['image'] . ');

    ' . $tabs_handler_hover_bs . '

}

.wpw .tabs.wc-tabs > li:hover > a .project-input__tab-bg,
.wpw .project-tabs__title:hover .project-input__tab-bg {

    ' . $tabs_handler_hover_bg['fill'] . '
}

.wpw .tabs.wc-tabs > li.active > a,
.wpw .project-tabs__title.project-tabs__title_active {
    color: ' . $tabs_handler_focus_text_color . ';

    border-style: ' . $tabs_handler_focus_border_style . ';
    border-width: ' . $tabs_handler_focus_border_model . ';
    border-color: ' . $tabs_handler_focus_border_color . ';
    border-radius: ' . $tabs_handler_focus_border_radius . ';
    background-image: url(' . $tabs_handler_focus_bg['image'] . ');


    ' . $tabs_handler_focus_bs . '

}

.wpw .tabs.wc-tabs > li.active > a .project-input__tab-bg,
.wpw .project-tabs__title.project-tabs__title_active .project-input__tab-bg {

    ' . $tabs_handler_focus_bg['fill'] . '
}


.wpw .wc-tab,
.wpw .project-tabs__item-content-inner {
    border-radius: ' . $tabs_content_border_radius . ';

    margin: ' . $tabs_content_margin . ';

    background-image: url(' . $tabs_content_bg['image'] . ');

    ' . $tabs_content_bs . '
    ' . $tabs_content_border . '
}

.wpw .wc-tab,
.wpw .project-tabs__item-content {
    padding: ' . $tabs_content_padding . ';


}

.wpw .wc-tab .project-input__tab-bg,
.wpw .project-tabs__item-content-inner .project-input__tab-bg {

    border-radius: ' . $tabs_content_border_radius . ';
    ' . $tabs_content_bg['fill'] . '
}
';