<?php
/**
 * Shared PRO Features grid.
 *
 * Rendered below the upgrade plan cards on both:
 *  - Account & Billing page (admin/partials/pages/account.php)
 *  - Upgrade / License page (admin/partials/pages/license.php)
 *
 * Markup is identical on both — styles live in tts-account.css, enqueued on
 * each page.
 */

if ( ! defined( 'ABSPATH' ) ) {
    exit;
}
?>

<div class="tts-pro-features">
    <h2 class="tts-pro-features-heading">
        <?php esc_html_e( 'Every paid plan includes', 'text-to-speech-tts' ); ?>
    </h2>

    <div class="tts-license-features-section">
        <div class="tts-grid-3">

            <div class="tts-card tts-license-feature-card">
                <h3 class="tts-license-feature-heading">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg>
                    <?php esc_html_e( 'Premium Audio', 'text-to-speech-tts' ); ?>
                </h3>
                <p class="tts-license-feature-desc"><?php esc_html_e( 'Studio-quality voices with advanced controls', 'text-to-speech-tts' ); ?></p>
                <ul class="tts-feature-list">
                    <li><?php esc_html_e( 'Monthly credits included', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( '196kbps audio quality', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( '70+ languages', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'PRO voices library', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Custom Voice ID', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Similarity & Style controls', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Speaker Boost', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Privacy Mode', 'text-to-speech-tts' ); ?></li>
                </ul>
            </div>

            <div class="tts-card tts-license-feature-card">
                <h3 class="tts-license-feature-heading">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
                    <?php esc_html_e( 'Automation', 'text-to-speech-tts' ); ?>
                </h3>
                <p class="tts-license-feature-desc"><?php esc_html_e( 'Set it and forget it — audio on autopilot', 'text-to-speech-tts' ); ?></p>
                <ul class="tts-feature-list">
                    <li><?php esc_html_e( 'Auto-generate on publish', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Bulk audio generation', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'WooCommerce products', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Custom intro/outro', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Word replacement rules', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Custom pronunciation', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Custom pauses', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Shortcode Generator', 'text-to-speech-tts' ); ?></li>
                </ul>
            </div>

            <div class="tts-card tts-license-feature-card">
                <h3 class="tts-license-feature-heading">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="8" rx="2"/><rect x="2" y="14" width="20" height="8" rx="2"/><line x1="6" y1="6" x2="6.01" y2="6"/><line x1="6" y1="18" x2="6.01" y2="18"/></svg>
                    <?php esc_html_e( 'Integrations', 'text-to-speech-tts' ); ?>
                </h3>
                <p class="tts-license-feature-desc"><?php esc_html_e( 'Works with your existing stack', 'text-to-speech-tts' ); ?></p>
                <ul class="tts-feature-list">
                    <li><?php esc_html_e( 'WPML multilingual', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Weglot multilingual', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Amazon S3 / CloudFront', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Speech to Text', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'White Label branding', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'Advanced statistics', 'text-to-speech-tts' ); ?></li>
                    <li><?php esc_html_e( 'AudioObject Schema (SEO/AEO)', 'text-to-speech-tts' ); ?></li>
                </ul>
            </div>

        </div>
    </div>
</div>
