<?php
/**
 * Tipping 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--tipping">
    <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('Elevate Service with Digital Tipping.', 'foodord'); ?>
        </h1>
        <p class="foodord-pro-teaser-description">
            <?php esc_html_e('Boost staff morale and provide a seamless way for customers to show appreciation. Effortless, smart, and fully integrated.', 'foodord'); ?>
        </p>

        <div class="foodord-pro-teaser-visual">
            <img src="<?php echo esc_url($teaser_images_url . 'tipping.png'); ?>" alt="Tipping 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('Customizable Rates', 'foodord'); ?></h4>
                <p class="foodord-pro-teaser-feature-desc">
                    <?php esc_html_e('Set suggested percentage or fixed amount tips to make it easy for customers at checkout.', 'foodord'); ?>
                </p>
            </div>
            <div class="foodord-pro-teaser-feature-item">
                <h4 class="foodord-pro-teaser-feature-title"><?php esc_html_e('Detailed Reporting', 'foodord'); ?></h4>
                <p class="foodord-pro-teaser-feature-desc">
                    <?php esc_html_e('Track every tip with transparent reports, making staff distribution simple and fair.', 'foodord'); ?>
                </p>
            </div>
            <div class="foodord-pro-teaser-feature-item">
                <h4 class="foodord-pro-teaser-feature-title"><?php esc_html_e('Seamless Flow', 'foodord'); ?></h4>
                <p class="foodord-pro-teaser-feature-desc">
                    <?php esc_html_e('Integrate tipping directly into the checkout process without adding friction to the order.', '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>