<?php
//Enable
$config = !empty($config)
    ? $config
    : [];
if (!(isset($config['enable_table']) && $config['enable_table'])) {
    return;
}

$formatter = Wpw::inst()->formatter();

$default_box_shadow = get_theme_mod('wpw_lightbox_shadow_size');
$default_color = get_theme_mod('wpw_shadow_color');

// primary text color
$primary_text_color = get_theme_mod('wpw_primary_text_color');
$primary_text_color = (!empty($primary_text_color) && is_string($primary_text_color))
    ? json_decode(urldecode($primary_text_color), true)
    : null;
$primary_text_color = (isset($primary_text_color[0]) && !empty($primary_text_color[0]))
    ? $primary_text_color[0]
    : '#555';

$subtitle_config = $formatter->parse_mod('wpw_typography_element');


// colors
$subtitle_default_color = !empty($subtitle_config['subtitle_default_color'])
    ? $subtitle_config['subtitle_default_color']
    : 'on';
$subtitle_text_color = !empty($subtitle_config['subtitle_text_color'])
    ? $subtitle_config['subtitle_text_color']
    : $primary_text_color;

$subtitle_text_color = $primary_text_color;

// primary text color
$primary_text_color = get_theme_mod('wpw_primary_text_color');
$primary_text_color = (!empty($primary_text_color) && is_string($primary_text_color))
    ? json_decode(urldecode($primary_text_color), true)
    : null;
$primary_text_color = (isset($primary_text_color[0]) && !empty($primary_text_color[0]))
    ? $primary_text_color[0]
    : '#555';

// primary text color
$primary_text_color_invert = get_theme_mod('wpw_primary_text_color_invert');
$primary_text_color_invert = (!empty($primary_text_color_invert) && is_string($primary_text_color_invert))
    ? json_decode(urldecode($primary_text_color_invert), true)
    : null;
$primary_text_color_invert = (isset($primary_text_color_invert[0]) && !empty($primary_text_color_invert[0]))
    ? $primary_text_color_invert[0]
    : '#aaaaaa';

// indents ==============================================================
$default_paddings = [
    'top' => [
        'number' => 20,
    ],
    'bottom' => [
        'number' => 20,
    ],
    'right' => [
        'number' => 20,
    ],
    'left' => [
        'number' => 20,
    ],
];
$formatter = Wpw::inst()->formatter();
$lumeric_form_indents = $formatter->parse_mod('wpw_form_indents');
$paddings = !empty($lumeric_form_indents['paddings'])
    ? $lumeric_form_indents['paddings']
    : $default_paddings;

//********************************************************************************************************************
//********************************************************************************************************************
//********************************************************************************************************************
//********************************************************************************************************************

// $config[]

// Border
$table_border_style = !empty($config['table_border_style'])
    ? $config['table_border_style']
    : 'none';
$table_border_model = !empty($config['table_border_model'])
    ? $config['table_border_model']
    : '';
$table_border_color = !empty($config['table_border_color'])
    ? $config['table_border_color']
    : '';
$table_border_color = Wpw::inst()->storage()->get($table_border_color);
$table_border_color_invert = !empty($config['table_border_color_invert'])
    ? $config['table_border_color_invert']
    : '';
$table_border = $formatter->css_border_simplify($table_border_style, $table_border_model, $table_border_color);

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

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

// Alternating Colors
$table_alternating_rows_bg_color = !empty($config['table_alternating_rows_bg_color'])
    ? $config['table_alternating_rows_bg_color']
    : '';
$table_alternating_rows_bg_color = Wpw::inst()->storage()->get($table_alternating_rows_bg_color);
$table_alternating_columns_bg_color = !empty($config['table_alternating_columns_bg_color'])
    ? $config['table_alternating_columns_bg_color']
    : '';
$table_alternating_columns_bg_color = Wpw::inst()->storage()->get($table_alternating_columns_bg_color);
// invert
$table_alternating_rows_bg_color_invert =
$table_alternating_columns_bg_color_invert = '';

// Box shadow
$table_box_shadow_h_len = !empty($config['table_box_shadow_h_len'])
    ? $config['table_box_shadow_h_len']
    : $default_box_shadow;
$table_box_shadow_h_len = $formatter->css_scalar($table_box_shadow_h_len);

$table_box_shadow_v_len = !empty($config['table_box_shadow_v_len'])
    ? $config['table_box_shadow_v_len']
    : $default_box_shadow;
$table_box_shadow_v_len = $formatter->css_scalar($table_box_shadow_v_len);

$table_box_shadow_blur_radius = !empty($config['table_box_shadow_blur_radius'])
    ? $config['table_box_shadow_blur_radius']
    : $default_box_shadow;
$table_box_shadow_blur_radius = $formatter->css_scalar($table_box_shadow_blur_radius);

$table_box_shadow_spread_radius = !empty($config['table_box_shadow_spread_radius'])
    ? $config['table_box_shadow_spread_radius']
    : $default_box_shadow;
$table_box_shadow_spread_radius = $formatter->css_scalar($table_box_shadow_spread_radius);

$table_box_shadow_color = !empty($config['table_box_shadow_color'])
    ? $config['table_box_shadow_color']
    : '';
$table_box_shadow_color = Wpw::inst()->storage()->get($table_box_shadow_color);

$table_box_shadow_style = !empty($config['table_box_shadow_style']) && $config['table_box_shadow_style'] == 'inset'
    ? $config['table_box_shadow_style']
    : '';

$table_box_shadow = "box-shadow: {$table_box_shadow_style} {$table_box_shadow_h_len} {$table_box_shadow_v_len} {$table_box_shadow_blur_radius} {$table_box_shadow_spread_radius} {$table_box_shadow_color};";

//============================================================================================
//======================================Caption cell==========================================
//============================================================================================
// Typography caption cell
$table_caption_typography = !empty($config['table_caption_typography'])
    ? $config['table_caption_typography']
    : 'main';
$table_caption_typography = $formatter->dynamic_typography($table_caption_typography, '.wpw table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar) th');

// Color caption cell
$table_caption_default_color = !empty($config['table_caption_default_color'])
    ? $config['table_caption_default_color']
    : 'on';
$table_caption_text_color = !empty($config['table_caption_text_color'])
    ? $config['table_caption_text_color']
    : '';
$table_caption_text_color = Wpw::inst()->storage()->get($table_caption_text_color);
$table_caption_bg_color = !empty($config['table_caption_bg_color'])
    ? $config['table_caption_bg_color']
    : '';
$table_caption_bg_color = Wpw::inst()->storage()->get($table_caption_bg_color);

$table_caption_text_color_invert = '';
$table_caption_bg_color_invert = '';


// Padding caption cell
$table_caption_paddings = !empty($config['table_caption_paddings'])
    ? $config['table_caption_paddings']
    : $paddings;
$table_caption_paddings = $formatter->css_spacing($table_caption_paddings);

// Border caption cell
$table_caption_border_style = !empty($config['table_caption_border_style'])
    ? $config['table_caption_border_style']
    : 'none';
//$table_caption_border_model = !empty($config['table_caption_border_model']) ? $config['table_caption_border_model'] : '';
$table_caption_row_border = !empty($config['table_caption_row_border'])
    ? $config['table_caption_row_border']
    : '';
$table_caption_row_border = $formatter->css_scalar($table_caption_row_border);
$table_caption_column_border = !empty($config['table_caption_column_border'])
    ? $config['table_caption_column_border']
    : '';
$table_caption_column_border = $formatter->css_scalar($table_caption_column_border);
$table_caption_border_color = !empty($config['table_caption_border_color'])
    ? $config['table_caption_border_color']
    : '';
$table_caption_border_color = Wpw::inst()->storage()->get($table_caption_border_color);
//$table_caption_border = $formatter->css_border_simplify($table_caption_border_style, $table_caption_border_model, $table_caption_border_color);

//============================================================================================
//======================================Caption data==========================================
//============================================================================================
// Typography data cell
$table_data_typography = !empty($config['table_data_typography'])
    ? $config['table_data_typography']
    : 'main';
$table_data_typography = $formatter->dynamic_typography($table_data_typography, 'table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar) td');

// Color data cell
$table_data_default_color = !empty($config['table_data_default_color'])
    ? $config['table_data_default_color']
    : 'on';
$table_data_text_color = !empty($config['table_data_text_color'])
    ? $config['table_data_text_color']
    : '';
$table_data_text_color = Wpw::inst()->storage()->get($table_data_text_color);
$table_data_bg_color = !empty($config['table_data_bg_color'])
    ? $config['table_data_bg_color']
    : '';
$table_data_bg_color = Wpw::inst()->storage()->get($table_data_bg_color);

$table_data_text_color_invert = '';
$table_data_bg_color_invert = '';


// Padding data cell
$table_data_paddings = !empty($config['table_data_paddings'])
    ? $config['table_data_paddings']
    : $paddings;
$table_data_paddings = $formatter->css_spacing($table_data_paddings);

// Border data cell
$table_data_border_style = !empty($config['table_data_border_style'])
    ? $config['table_data_border_style']
    : 'none';
//$table_data_border_model = !empty($config['table_data_border_model']) ? $config['table_data_border_model'] : '';
$table_data_row_border = !empty($config['table_data_row_border'])
    ? $config['table_data_row_border']
    : '';
$table_data_row_border = $formatter->css_scalar($table_data_row_border);
$table_data_column_border = !empty($config['table_data_column_border'])
    ? $config['table_data_column_border']
    : '';
$table_data_column_border = $formatter->css_scalar($table_data_column_border);
$table_data_border_color = !empty($config['table_data_border_color'])
    ? $config['table_data_border_color']
    : '';
$table_data_border_color = Wpw::inst()->storage()->get($table_data_border_color);


$alter_row_selector = 'table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar):not(.plain-rows) tr:nth-child(2n) th,
    table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar):not(.plain-rows) tr:nth-child(2n) td';
$alter_col_selector = 'table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar):not(.plain-cols) th:nth-child(2n),
    table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar):not(.plain-cols) td:nth-child(2n)';
$alter_row_selector_invert = '.invert-colors table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar):not(.plain-rows) tr:nth-child(2n) th,
    .invert-colors table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar):not(.plain-rows) tr:nth-child(2n) td';
$alter_col_selector_invert = '.invert-colors table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar):not(.plain-cols) th:nth-child(2n),
    .invert-colors table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar):not(.plain-cols) td:nth-child(2n)';
if (!empty($config['table_alternating_enable']) && $config['table_alternating_enable'] == 'on') {
    $alter_row_selector = 'table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar).alter-rows tr:nth-child(2n) th,
    table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar).alter-rows tr:nth-child(2n) td';
    $alter_col_selector = 'table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar).alter-cols th:nth-child(2n),
    table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar).alter-cols td:nth-child(2n)';
    $alter_row_selector_invert = '.invert-colors table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar).alter-rows tr:nth-child(2n) th,
    .invert-colors table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar).alter-rows tr:nth-child(2n) td';
    $alter_col_selector_invert = '.invert-colors table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar).alter-cols th:nth-child(2n),
    .invert-colors table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar).alter-cols td:nth-child(2n)';
}


echo /** @lang CSS */
    '

    table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar) {
        border-collapse: separate;
        border-radius: ' . $table_border_radius . ';
        ' . $table_bg['fill'] . '
        ' . $table_box_shadow . '
        ' . $table_border . '
    }

    table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar):before {
        background-image: url(' . $table_bg['image'] . ');
    }

    ' . $table_caption_typography . '

    .wpw table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar) th {
       color: ' . $table_caption_text_color . ';
       background-color: ' . $table_caption_bg_color . ';
       padding: ' . $table_caption_paddings . ';
       border-style: ' . $table_caption_border_style . ';
       border-color: ' . $table_caption_border_color . ';
       border-bottom-width: ' . $table_caption_row_border . ';
       border-right-width: ' . $table_caption_column_border . ';
    }


    ' . $table_data_typography . '

    table:not(#wp-calendar):not(.gfield_list):not(.ui-datepicker-calendar) td {
       color: ' . $table_data_text_color . ';
       background-color: ' . $table_data_bg_color . ';
       padding: ' . $table_data_paddings . ';
       border-style: ' . $table_data_border_style . ';
       border-color: ' . $table_data_border_color . ';
       border-bottom-width: ' . $table_data_row_border . ';
       border-right-width: ' . $table_data_column_border . ';
    }


    ' . $alter_row_selector . ' {
        background-color: ' . $table_alternating_rows_bg_color . ';
    }


    ' . $alter_col_selector . ' {
        background-color: ' . $table_alternating_columns_bg_color . ';
    }

    ' . $alter_row_selector_invert . ' {
        background-color: ' . $table_alternating_rows_bg_color_invert . ';
    }


    ' . $alter_col_selector_invert . ' {
        background-color: ' . $table_alternating_columns_bg_color_invert . ';
    }
';