<?php
/**
 * Table Ordering 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--table-ordering">
    <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('The Future of Dine-In Experience.', 'foodord'); ?>
        </h1>
        <p class="foodord-pro-teaser-description">
            <?php esc_html_e('Empower your guests to order and pay directly from their table. Reduce wait times and operational pressure.', 'foodord'); ?>
        </p>

        <div class="foodord-pro-teaser-visual">
            <img src="<?php echo esc_url($teaser_images_url . 'table-ordering.png'); ?>"
                alt="Table Ordering 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('QR Code Integration', 'foodord'); ?></h4>
                <p class="foodord-pro-teaser-feature-desc">
                    <?php esc_html_e('Generate unique QR codes for every table. No app downloads required for your guests.', 'foodord'); ?>
                </p>
            </div>
            <div class="foodord-pro-teaser-feature-item">
                <h4 class="foodord-pro-teaser-feature-title"><?php esc_html_e('Instant Payments', 'foodord'); ?></h4>
                <p class="foodord-pro-teaser-feature-desc">
                    <?php esc_html_e('Guests can settle their bill immediately, speeding up table turnover and improving convenience.', 'foodord'); ?>
                </p>
            </div>
            <div class="foodord-pro-teaser-feature-item">
                <h4 class="foodord-pro-teaser-feature-title"><?php esc_html_e('Digital Menus', 'foodord'); ?></h4>
                <p class="foodord-pro-teaser-feature-desc">
                    <?php esc_html_e('Beautiful, interactive digital menus that are always up to date and easy to navigate.', '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>