<?php
/**
 * Style - 8
 *
 * Button with icon
 *
 * @uses
 *  1. floating button
 *  2. shop page loop
 *
 *  woo-single-styles/woo-style-8 .php .. specific to the single product pages.
 * @package Click_To_Chat
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

$s8_options = HT_CTC_Utils::get_option( 'ht_ctc_s8' );
$s8_options = apply_filters( 'ht_ctc_fh_s8_options', $s8_options );

$s8_icon_color          = isset( $s8_options['s8_icon_color'] ) ? esc_attr( $s8_options['s8_icon_color'] ) : '#ffffff';
$s8_icon_color_on_hover = isset( $s8_options['s8_icon_color_on_hover'] ) ? esc_attr( $s8_options['s8_icon_color_on_hover'] ) : '#ffffff';
$s8_txt_color           = isset( $s8_options['s8_txt_color'] ) ? esc_attr( $s8_options['s8_txt_color'] ) : '#ffffff';
$s8_txt_color_on_hover  = isset( $s8_options['s8_txt_color_on_hover'] ) ? esc_attr( $s8_options['s8_txt_color_on_hover'] ) : '#ffffff';
$s8_bg_color            = isset( $s8_options['s8_bg_color'] ) ? esc_attr( $s8_options['s8_bg_color'] ) : '#26a69a';
$s8_bg_color_on_hover   = isset( $s8_options['s8_bg_color_on_hover'] ) ? esc_attr( $s8_options['s8_bg_color_on_hover'] ) : '#26a69a';

$s8_icon_position = isset( $s8_options['s8_icon_position'] ) ? esc_attr( $s8_options['s8_icon_position'] ) : 'left';
$s8_btn_size      = isset( $s8_options['s8_btn_size'] ) ? esc_attr( $s8_options['s8_btn_size'] ) : 'btn';

$s8_icon_size = ( isset( $s8_options['s8_icon_size'] ) && '' !== $s8_options['s8_icon_size'] ) ? esc_attr( $s8_options['s8_icon_size'] ) : '16px';

$s8_text_size     = isset( $s8_options['s8_text_size'] ) ? esc_attr( $s8_options['s8_text_size'] ) : '16px';
$s8_text_size_css = ( '' === $s8_text_size ) ? '' : "font-size: $s8_text_size;";

// $s8_text_size_css = ('' === $s8_text_size) ? "font-size: 16px;" : "font-size: $s8_text_size;";

$s8_height = '36px';
if ( 'btn-large' === $s8_btn_size ) {
	$s8_height = '54px';
}

$s8_svg_attrs = array(
	'color'          => "$s8_icon_color",
	'icon_size'      => "$s8_icon_size",
	'type'           => "$type",
	'ht_ctc_svg_css' => 'display:block;',
);

$s8_fullwidth_css = '';
if ( isset( $s8_options['s8_m_fullwidth'] ) ) {
	$s8_fullwidth_css = '@media(max-width:1201px){.ht-ctc.style-8{left:unset !important;right:0px !important;}.ht-ctc.style-8,.ht-ctc-style-8,.ht-ctc-style-8 .s_8{width: 100%;}}';
}

$rtl_css = '';
if ( function_exists( 'is_rtl' ) && is_rtl() ) {
	$rtl_css = 'flex-direction:row-reverse;';
}


$s8_icon_css = ( 'right' === $s8_icon_position ) ? 'order:1;margin-left:15px;' : 'order:0;margin-right:15px;';

$s8_text_css = "height: 100%; color:$s8_txt_color; $s8_text_size_css ";

$s8_main_span_css = "display: flex; $rtl_css padding: 0 2rem;letter-spacing: .5px;transition: .2s ease-out;text-align:center; justify-content: center;align-items: center;border-radius:4px;height:$s8_height;line-height:$s8_height;vertical-align:middle;box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);box-sizing:inherit;background-color:$s8_bg_color; overflow:hidden;";

// if ( isset( $calling_from ) && 'woo_page' === $calling_from ) {
// if its from woo pages..
// } else {}

?>

<style id="ht-ctc-s8">
.ht-ctc-style-8 .s_8 .s_8_icon{<?php echo esc_attr( $s8_icon_css ); ?>;}.ht-ctc .ht-ctc-style-8:hover .s_8 svg g path{fill:<?php echo esc_attr( $s8_icon_color_on_hover ); ?> !important;}.ht-ctc .ht-ctc-style-8:hover .s_8 .ht-ctc-s8-text{color:<?php echo esc_attr( $s8_txt_color_on_hover ); ?> !important;}.ht-ctc .ht-ctc-style-8:hover .s_8{box-shadow: 0 3px 3px 0 rgba(7,6,6,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2) !important; transition: .2s ease-out !important; background-color:<?php echo esc_attr( $s8_bg_color_on_hover ); ?> !important; }<?php echo esc_html( $s8_fullwidth_css ); ?>
</style>

<div class = "ht-ctc-style-8 ctc_s_8 ctc-analytics" >
	<span class="s_8 ctc-analytics" style="<?php echo esc_attr( $s8_main_span_css ); ?>">
	<span class="s_8_icon">
		<?php
		if ( 'hide' !== $s8_icon_position ) {
			include_once HT_CTC_PLUGIN_DIR . 'new/inc/assets/img/ht-ctc-svg-images.php';
		  // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- SVG markup is escaped in ht_ctc_singlecolor().
			echo ht_ctc_singlecolor( $s8_svg_attrs );
		}
		?>
	</span>
	<span class="ht-ctc-s8-text s8_span ctc-analytics ctc_cta" style="<?php echo esc_attr( $s8_text_css ); ?>">
		<?php echo esc_html( $call_to_action ); ?>
	</span>
	</span>
</div>
