<?php
$bite_woocommerce_sc = bite_get_theme_option( 'front_page_woocommerce_products' );
if ( ! empty( $bite_woocommerce_sc ) ) {
	?><div class="front_page_section front_page_section_woocommerce<?php
		$bite_scheme = bite_get_theme_option( 'front_page_woocommerce_scheme' );
		if ( ! empty( $bite_scheme ) && ! bite_is_inherit( $bite_scheme ) ) {
			echo ' scheme_' . esc_attr( $bite_scheme );
		}
		echo ' front_page_section_paddings_' . esc_attr( bite_get_theme_option( 'front_page_woocommerce_paddings' ) );
		if ( bite_get_theme_option( 'front_page_woocommerce_stack' ) ) {
			echo ' sc_stack_section_on';
		}
	?>"
			<?php
			$bite_css      = '';
			$bite_bg_image = bite_get_theme_option( 'front_page_woocommerce_bg_image' );
			if ( ! empty( $bite_bg_image ) ) {
				$bite_css .= 'background-image: url(' . esc_url( bite_get_attachment_url( $bite_bg_image ) ) . ');';
			}
			if ( ! empty( $bite_css ) ) {
				echo ' style="' . esc_attr( $bite_css ) . '"';
			}
			?>
	>
	<?php
		// Add anchor
		$bite_anchor_icon = bite_get_theme_option( 'front_page_woocommerce_anchor_icon' );
		$bite_anchor_text = bite_get_theme_option( 'front_page_woocommerce_anchor_text' );
		if ( ( ! empty( $bite_anchor_icon ) || ! empty( $bite_anchor_text ) ) && shortcode_exists( 'trx_sc_anchor' ) ) {
			echo do_shortcode(
				'[trx_sc_anchor id="front_page_section_woocommerce"'
											. ( ! empty( $bite_anchor_icon ) ? ' icon="' . esc_attr( $bite_anchor_icon ) . '"' : '' )
											. ( ! empty( $bite_anchor_text ) ? ' title="' . esc_attr( $bite_anchor_text ) . '"' : '' )
											. ']'
			);
		}
	?>
		<div class="front_page_section_inner front_page_section_woocommerce_inner
			<?php
			if ( bite_get_theme_option( 'front_page_woocommerce_fullheight' ) ) {
				echo ' bite-full-height sc_layouts_flex sc_layouts_columns_middle';
			}
			?>
				"
				<?php
				$bite_css      = '';
				$bite_bg_mask  = bite_get_theme_option( 'front_page_woocommerce_bg_mask' );
				$bite_bg_color_type = bite_get_theme_option( 'front_page_woocommerce_bg_color_type' );
				if ( 'custom' == $bite_bg_color_type ) {
					$bite_bg_color = bite_get_theme_option( 'front_page_woocommerce_bg_color' );
				} elseif ( 'scheme_bg_color' == $bite_bg_color_type ) {
					$bite_bg_color = bite_get_scheme_color( 'bg_color', $bite_scheme );
				} else {
					$bite_bg_color = '';
				}
				if ( ! empty( $bite_bg_color ) && $bite_bg_mask > 0 ) {
					$bite_css .= 'background-color: ' . esc_attr(
						1 == $bite_bg_mask ? $bite_bg_color : bite_hex2rgba( $bite_bg_color, $bite_bg_mask )
					) . ';';
				}
				if ( ! empty( $bite_css ) ) {
					echo ' style="' . esc_attr( $bite_css ) . '"';
				}
				?>
		>
			<div class="front_page_section_content_wrap front_page_section_woocommerce_content_wrap content_wrap woocommerce">
				<?php
				// Content wrap with title and description
				$bite_caption     = bite_get_theme_option( 'front_page_woocommerce_caption' );
				$bite_description = bite_get_theme_option( 'front_page_woocommerce_description' );
				if ( ! empty( $bite_caption ) || ! empty( $bite_description ) || ( current_user_can( 'edit_theme_options' ) && is_customize_preview() ) ) {
					// Caption
					if ( ! empty( $bite_caption ) || ( current_user_can( 'edit_theme_options' ) && is_customize_preview() ) ) {
						?>
						<h2 class="front_page_section_caption front_page_section_woocommerce_caption front_page_block_<?php echo ! empty( $bite_caption ) ? 'filled' : 'empty'; ?>">
						<?php
							echo wp_kses( $bite_caption, 'bite_kses_content' );
						?>
						</h2>
						<?php
					}

					// Description (text)
					if ( ! empty( $bite_description ) || ( current_user_can( 'edit_theme_options' ) && is_customize_preview() ) ) {
						?>
						<div class="front_page_section_description front_page_section_woocommerce_description front_page_block_<?php echo ! empty( $bite_description ) ? 'filled' : 'empty'; ?>">
						<?php
							echo wp_kses( wpautop( $bite_description ), 'bite_kses_content' );
						?>
						</div>
						<?php
					}
				}

				// Content (widgets)
				?>
				<div class="front_page_section_output front_page_section_woocommerce_output list_products shop_mode_thumbs">
					<?php
					if ( 'products' == $bite_woocommerce_sc ) {
						$bite_woocommerce_sc_ids      = bite_get_theme_option( 'front_page_woocommerce_products_per_page' );
						$bite_woocommerce_sc_per_page = count( explode( ',', $bite_woocommerce_sc_ids ) );
					} else {
						$bite_woocommerce_sc_per_page = max( 1, (int) bite_get_theme_option( 'front_page_woocommerce_products_per_page' ) );
					}
					$bite_woocommerce_sc_columns = max( 1, min( $bite_woocommerce_sc_per_page, (int) bite_get_theme_option( 'front_page_woocommerce_products_columns' ) ) );
					echo do_shortcode(
						"[{$bite_woocommerce_sc}"
										. ( 'products' == $bite_woocommerce_sc
												? ' ids="' . esc_attr( $bite_woocommerce_sc_ids ) . '"'
												: '' )
										. ( 'product_category' == $bite_woocommerce_sc
												? ' category="' . esc_attr( bite_get_theme_option( 'front_page_woocommerce_products_categories' ) ) . '"'
												: '' )
										. ( 'best_selling_products' != $bite_woocommerce_sc
												? ' orderby="' . esc_attr( bite_get_theme_option( 'front_page_woocommerce_products_orderby' ) ) . '"'
													. ' order="' . esc_attr( bite_get_theme_option( 'front_page_woocommerce_products_order' ) ) . '"'
												: '' )
										. ' per_page="' . esc_attr( $bite_woocommerce_sc_per_page ) . '"'
										. ' columns="' . esc_attr( $bite_woocommerce_sc_columns ) . '"'
						. ']'
					);
					?>
				</div>
			</div>
		</div>
	</div>
	<?php
}