<?php
// Title
$icon = $icon_size = $icon_position = '';
$title = $instance['title'];
$url = $instance['url'];
$new_window = $instance['new_window'];
$custom_style = isset( $instance['custom_style'] ) && $instance['custom_style'] != 'default' ? ' custom_style' : '';
if ( isset( $instance['icon'] ) && ! empty( $instance['icon']['icon'] ) ) {
$icon = $instance['icon']['icon'];
}
if ( isset( $instance['icon']['icon_size'] ) && ! empty( $instance['icon']['icon_size'] ) ) {
$icon_size = $instance['icon']['icon_size'];
}
if ( isset( $instance['icon']['icon_position'] ) && ! empty( $instance['icon']['icon_position'] ) ) {
$icon_position = $instance['icon']['icon_position'];
}
$button_size = $instance['layout']['button_size'];
$rounding = $instance['layout']['rounding'];
// Icon Size
if ( $icon_size ) {
$icon_size = ' style="font-size: ' . $icon_size . 'px;"';
}
// Open New Window
if ( $new_window ) {
$target = ' target="_blank"';
} else {
$target = '';
}
$style = $style_hover = '';
if ( ! empty( $custom_style ) ) {
if ( ! empty( $instance['style_options']['font_size'] ) ) {
$style .= "font-size: " . $instance['style_options']['font_size'] . "px;";
$style_hover .= "font-size: " . $instance['style_options']['font_size'] . "px;";
}
if ( ! empty( $instance['style_options']['font_weight'] ) ) {
$style .= "font-weight: " . $instance['style_options']['font_weight'] . ";";
$style_hover .= "font-weight: " . $instance['style_options']['font_weight'] . ";";
}
if ( ! empty( $instance['style_options']['border_width'] ) ) {
$style .= "border-width: " . $instance['style_options']['border_width'] . ";";
$style_hover .= "border-width: " . $instance['style_options']['border_width'] . ";";
} else {
$rounding .= ' no-border';
}
if ( ! empty( $instance['style_options']['color'] ) ) {
$style .= "color: " . $instance['style_options']['color'] . ";";
}
if ( ! empty( $instance['style_options']['border_color'] ) ) {
$style .= "border-color: " . $instance['style_options']['border_color'] . ";";
}
if ( ! empty( $instance['style_options']['bg_color'] ) ) {
$style .= "background-color: " . $instance['style_options']['bg_color'] . ";";
}
if ( ! empty( $instance['style_options']['hover_color'] ) ) {
$style_hover .= "color: " . $instance['style_options']['hover_color'] . ";";
}
if ( ! empty( $instance['style_options']['hover_border_color'] ) ) {
$style_hover .= "border-color: " . $instance['style_options']['hover_border_color'] . ";";
}
if ( ! empty( $instance['style_options']['hover_bg_color'] ) ) {
$style_hover .= "background-color: " . $instance['style_options']['hover_bg_color'] . ";";
}
}
// Icon
if ( $icon ) {
if ( strpos( $icon, 'fa' ) !== false ) {
$icon = '<i class="' . $icon . '"' . $icon_size . '></i> ';
} else {
$icon = '<i class="fa fa-' . $icon . '"' . $icon_size . '></i> ';
}
}
if ( $icon_position == 'after' ) {
$content_button = $title . $icon;
$custom_style .= ' position-after';
} else {
$content_button = $icon . $title;
}
echo '<a class="widget-button ' . $rounding . ' ' . $button_size . $custom_style . '" href="' . $url . '"' . $target . ' style="' . $style . '" data-hover="' . $style_hover . '">' . $content_button . '</a>';