<?php
/**
 * Loyalty Program Teaser Template
 */
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--loyalty">
    <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('Create Fans, Not Just Customers.', 'foodord'); ?></h1>
        <p class="foodord-pro-teaser-description">
            <?php esc_html_e('The most powerful digital stamp card system for your restaurant. Reward frequent visits and increase customer lifetime value.', 'foodord'); ?>
        </p>

        <div class="foodord-pro-teaser-visual">
            <img src="<?php echo esc_url($teaser_images_url . 'loyalty.png'); ?>" alt="Loyalty Program Illustration">
        </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('Digital Stamp Cards', 'foodord'); ?></h4>
                <p class="foodord-pro-teaser-feature-desc">
                    <?php esc_html_e('Forget paper cards. Fully digital stamps that customers can track on their own devices.', 'foodord'); ?>
                </p>
            </div>
            <div class="foodord-pro-teaser-feature-item">
                <h4 class="foodord-pro-teaser-feature-title"><?php esc_html_e('Automated Rewards', 'foodord'); ?></h4>
                <p class="foodord-pro-teaser-feature-desc">
                    <?php esc_html_e('Set your rules and let the system automatically apply discounts or freebies when targets are met.', 'foodord'); ?>
                </p>
            </div>
            <div class="foodord-pro-teaser-feature-item">
                <h4 class="foodord-pro-teaser-feature-title"><?php esc_html_e('Engagement Insights', 'foodord'); ?></h4>
                <p class="foodord-pro-teaser-feature-desc">
                    <?php esc_html_e('Understand your most loyal customers and tailor your offers to keep them coming back.', 'foodord'); ?>
                </p>
            </div>
        </div>

        <div class="foodord-pro-teaser-cta">
            <a href="https://www.foodord.com/pricing/" target="_blank" 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>