<?php
/**
 * Reviews Teaser Template
 *
 * @package FoodOrd
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
?>
<div class="wrap">
	<?php
	if ( function_exists( 'foodord_admin_render_horizontal_menu' ) ) {
		foodord_admin_render_horizontal_menu();
	}
	?>
</div>
<div class="foodord-pro-teaser-page foodord-pro-teaser--reviews">
	<div class="foodord-pro-teaser-container">
		<span class="foodord-pro-teaser-badge"><?php esc_html_e( 'FoodOrd Pro Feature', 'foodord' ); ?></span>
		<h1 class="foodord-pro-teaser-title"><?php esc_html_e( 'Turn Every Order into Trust.', 'foodord' ); ?></h1>
		<p class="foodord-pro-teaser-description">
			<?php esc_html_e( 'Collect customer reviews automatically, publish feedback instantly, and show ratings where visitors decide what to order.', 'foodord' ); ?>
		</p>

		<div class="foodord-pro-teaser-visual">
			<img src="<?php echo esc_url( $teaser_images_url . 'reviews.svg' ); ?>" alt="<?php esc_attr_e( 'Reviews Illustration', 'foodord' ); ?>">
		</div>

		<div class="foodord-pro-teaser-features">
			<div class="foodord-pro-teaser-feature-item">
				<h4 class="foodord-pro-teaser-feature-title"><?php esc_html_e( 'Automatic Review Requests', 'foodord' ); ?></h4>
				<p class="foodord-pro-teaser-feature-desc">
					<?php esc_html_e( 'Send review emails after completed orders and collect feedback without manual follow-up.', 'foodord' ); ?>
				</p>
			</div>
			<div class="foodord-pro-teaser-feature-item">
				<h4 class="foodord-pro-teaser-feature-title"><?php esc_html_e( 'Storefront Rating Display', 'foodord' ); ?></h4>
				<p class="foodord-pro-teaser-feature-desc">
					<?php esc_html_e( 'Show ratings and review summaries on your storefront so customers can order with more confidence.', 'foodord' ); ?>
				</p>
			</div>
			<div class="foodord-pro-teaser-feature-item">
				<h4 class="foodord-pro-teaser-feature-title"><?php esc_html_e( 'Review Management', 'foodord' ); ?></h4>
				<p class="foodord-pro-teaser-feature-desc">
					<?php esc_html_e( 'Manage, sort, and delete customer reviews from a dedicated FoodOrd Pro admin screen.', 'foodord' ); ?>
				</p>
			</div>
		</div>

		<div class="foodord-pro-teaser-cta">
			<a href="https://www.foodord.com/pricing/" target="_blank" rel="noopener noreferrer" class="foodord-pro-teaser-btn">
				<?php esc_html_e( 'Upgrade to FoodOrd Pro', 'foodord' ); ?>
			</a>
			<p class="foodord-pro-teaser-footer-note">
				<?php esc_html_e( '* Requires a FoodOrd Pro license.', 'foodord' ); ?>
			</p>
		</div>
	</div>
</div>
