<?php

if( $v_align_middle ) {
    $css_class .= ' middle';
}

if( $enable_hexagon ) {
    $css_class .= ' hexagon';
    if( $enable_hexagon_animation ) {
        $css_class .= ' hexanog_animation';
    }
}

if( !empty( $box_style ) ) {
    $css_class .= ' ' . $box_style;
}

$title_classes = array();
$title_class = '';

if( !empty( $title_color ) && $title_color != 'custom' ) {
    $title_classes[] = 'font-color_' . esc_attr( $title_color );
}

if( $hide_title_line || $hide_title_line === 'hide_title_line' ) {
    $title_classes[] = 'no_stripe';
}

if( !empty( $title_classes ) ) {
    $title_class = ' class="' . join( ' ', $title_classes ) . '"';
}

$title_style = '';
$title_styles = array();
if( !empty( $title_font_size ) ) {
    $title_styles[] = 'font-size:' . esc_attr( $title_font_size ) . 'px';
}

if( !empty( $title_line_height ) ) {
    $title_styles[] = 'line-height:' . esc_attr( $title_line_height ) . 'px';
}

if( $title_color == 'custom' && !empty( $title_color_custom ) ) {
    $title_styles[] = 'color:' . esc_attr( $title_color_custom );
}

if( !empty( $title_styles ) ) {
    $title_style = ' style="' . implode( ';', $title_styles ) . '"';
}

$icon_class = '';

if( !empty( $icon_color ) && $icon_class != 'custom' ) {
    $icon_class .= ' font-color_' . esc_attr( $icon_color );
}

if( !empty( $icon_bg_color ) && $icon_class != 'custom' ) {
    $icon_class .= ' font-color_' . esc_attr( $icon_bg_color );
}

$icon_styles = array();
$icon_style = '';

if( $icon_bg_color == 'custom' && !empty( $icon_bg_color_custom ) ) {
    $icon_styles[] = 'color:' . esc_attr( $icon_bg_color_custom );
}

if( !empty( $icon_width ) ) {
    if( $box_style == 'style_1' && $style != 'icon_top' ) {
        $icon_styles[] = 'width:' . esc_attr( $icon_width ) . 'px';
    }
}

if ( !empty( $icon_width ) && is_numeric( $icon_width ) && $box_style == 'style_1' && $style == 'icon_left' && !$enable_hexagon) {
    $icon_inner_width = $icon_width - 20;
}

if( !empty( $icon_height ) && $box_style == 'style_1' && $style == 'icon_top' ) {
    $icon_styles[] = 'height:' . esc_attr( $icon_height ) . 'px';
}

if( !empty( $icon_styles ) ) {
    $icon_style = ' style="' . join( ';', $icon_styles ) . '"';
}

?>

<?php if( !$link[ 'target' ] ) {
    $link[ 'target' ] = '_self';
} ?>


<?php if( $style == 'icon_left' ) { ?>
    <?php if( !empty( $link[ 'url' ] ) ): ?>
        <a href="<?php echo esc_url( $link[ 'url' ] ) ?>" target="<?php echo esc_attr( $link[ 'target' ] ); ?>" class="icon_box <?php echo esc_attr( $css_class ); ?> <?php echo esc_attr( $style ); ?> clearfix">
    <?php else: ?>
        <div onClick="return true" class="icon_box <?php echo esc_attr( $css_class ); ?> <?php echo esc_attr( $style ); ?> clearfix">
    <?php endif; ?>
    <?php if( $icon ) { ?>
        <div class="icon <?php echo esc_attr( $icon_class ); ?>" <?php echo sanitize_text_field( $icon_style ); ?>>
            <i style="font-size: <?php echo esc_attr( $icon_size ); ?>px;<?php if( isset( $icon_color_custom ) && $icon_color == 'custom' ) { ?>color: <?php echo esc_attr( $icon_color_custom ); ?>;<?php } ?> <?php if( isset( $icon_bg_color_custom ) && $icon_bg_color == 'custom' ) { ?>background-color: <?php echo esc_attr( $icon_bg_color_custom ); ?>;<?php } ?> <?php if ( isset( $icon_inner_width )) {?>width: <?php echo esc_attr( $icon_inner_width ) ?>px; height: <?php echo esc_attr( $icon_inner_width ) ?>px; display: flex; align-items: center; justify-content: center;<?php } ?>"
               class="<?php echo esc_attr( $icon ); ?>"></i></div>
    <?php } ?>
    <div class="icon_text">
        <?php if( $title ) { ?>
            <h5 <?php echo sanitize_text_field( $title_style ); ?> <?php echo sanitize_text_field( $title_class ); ?>><?php echo wp_kses( $title, array( 'br' => array() ) ); ?></h5>
        <?php } ?>
        <?php echo consulting_filtered_output( $content ); ?>
    </div>
    <?php if( !empty( $link[ 'url' ] ) ): ?>
        </a>
    <?php else: ?>
        </div>
    <?php endif; ?>
<?php } elseif( $style == 'icon_left_transparent' ) { ?>
    <?php if( !empty( $link[ 'url' ] ) ): ?>
        <a href="<?php echo esc_url( $link[ 'url' ] ) ?>" target="<?php echo esc_attr( $link[ 'target' ] ); ?>" class="icon_box <?php echo esc_attr( $css_class ); ?> <?php echo esc_attr( $style ); ?> clearfix">
    <?php else: ?>
        <div onClick="return true" class="icon_box <?php echo esc_attr( $css_class ); ?> <?php echo esc_attr( $style ); ?> clearfix">
    <?php endif; ?>
    <?php if( $icon ) { ?>
        <div class="icon <?php echo esc_attr( $icon_class ); ?>" <?php echo sanitize_text_field( $icon_style ); ?>>
            <i style="font-size:<?php echo esc_attr( $icon_size ); ?>px; <?php if( isset( $icon_color_custom ) && $icon_color == 'custom' ) { ?>color: <?php echo esc_attr( $icon_color_custom ); ?>;<?php } ?> <?php if( isset( $icon_bg_color_custom ) && $icon_bg_color == 'custom' ) { ?>background-color: <?php echo esc_attr( $icon_bg_color_custom ); ?>;<?php } ?>"
               class="<?php echo esc_attr( $icon ); ?>"></i></div>
    <?php } ?>
    <?php if( $title ) { ?>
        <h5 <?php echo sanitize_text_field( $title_style ); ?> <?php echo sanitize_text_field( $title_class ); ?>><?php echo wp_kses( $title, array( 'br' => array() ) ); ?></h5>
    <?php } ?>
    <div class="icon_text">
        <?php echo consulting_filtered_output( $content ); ?>
    </div>
    <?php if( !empty( $link[ 'url' ] ) ): ?>
        </a>
    <?php else: ?>
        </div>
    <?php endif; ?>
<?php } else { ?>
    <?php if( !empty( $link[ 'url' ] ) ): ?>
        <a href="<?php echo esc_url( $link[ 'url' ] ) ?>" target="<?php echo esc_attr( $link[ 'target' ] ); ?>" class="icon_box <?php echo esc_attr( $css_class ); ?> <?php echo esc_attr( $style ); ?> clearfix">
    <?php else: ?>
        <div onClick="return true" class="icon_box <?php echo esc_attr( $css_class ); ?> <?php echo esc_attr( $style ); ?> clearfix">
    <?php endif; ?>
    <?php if( $icon ) { ?>
        <?php if( !stm_check_layout( 'layout_ankara' ) ): ?>
            <div class="icon <?php echo esc_attr( $icon_class ); ?>" <?php echo sanitize_text_field( $icon_style ); ?>>
                <i style="font-size:<?php echo esc_attr( $icon_size ); ?>px; <?php if( isset( $icon_color_custom ) && $icon_color == 'custom' ) { ?>color: <?php echo esc_attr( $icon_color_custom ); ?>;<?php } ?> <?php if( isset( $icon_bg_color_custom ) && $icon_bg_color == 'custom' ) { ?>background-color: <?php echo esc_attr( $icon_bg_color_custom ); ?>;<?php } ?>"
                   class="<?php echo esc_attr( $icon ); ?>"></i></div>
        <?php endif; ?>
    <?php } ?>
    <div class="icon_text">
        <?php if( stm_check_layout( 'layout_ankara' ) ): ?>
            <div class="icon <?php echo esc_attr( $icon_class ); ?>" <?php echo sanitize_text_field( $icon_style ); ?>>
                <i style="font-size:<?php echo esc_attr( $icon_size ); ?>px; <?php if( isset( $icon_color_custom ) && $icon_color == 'custom' ) { ?>color: <?php echo esc_attr( $icon_color_custom ); ?>;<?php } ?> <?php if( isset( $icon_bg_color_custom ) && $icon_bg_color == 'custom' ) { ?>background-color: <?php echo esc_attr( $icon_bg_color_custom ); ?>;<?php } ?>"
                   class="<?php echo esc_attr( $icon ); ?>"></i></div>
        <?php endif; ?>
        <?php if( $title ) { ?>
            <h4 <?php echo sanitize_text_field( $title_style ); ?> <?php echo sanitize_text_field( $title_class ); ?>><?php echo wp_kses( $title, array( 'br' => array() ) ); ?></h4>
        <?php } ?>
        <?php echo consulting_filtered_output( $content ); ?>
    </div>
    <?php if( !empty( $link[ 'url' ] ) ): ?>
        </a>
    <?php else: ?>
        </div>
    <?php endif; ?>
<?php } ?>