<div class="wrap fluentc-translations-page">
    <div class="fluentc-header">
        <img src="<?php echo plugin_dir_url(__FILE__) . '../includes/fluentc-logo.png'; ?>" alt="FluentC Logo" class="fluentc-logo">
        <h1><?php _e('FluentC Translation Status', 'fluentc-translation'); ?></h1>
    </div>

    <div class="fluentc-description">
        <p><?php _e('Monitor and manage the translation status of your site pages. Use the buttons below to scan your site for translatable content and initiate translations.', 'fluentc-translation'); ?></p>
    </div>

    <div class="fluentc-translation-actions">
        <button id="fluentc-scan-site" class="button button-primary" title="<?php _e('Scan your site to see all available pages for translation.', 'fluentc-translation'); ?>">
            <?php _e('Identify Pages for Translation', 'fluentc-translation'); ?>
        </button>
        <button id="fluentc-translate-site" class="button button-secondary" title="<?php _e('Translate all pages in selected languages, including updates to existing translations.', 'fluentc-translation'); ?>">
            <?php _e('Translate & Update Site', 'fluentc-translation'); ?>
        </button>
        <button id="fluentc-cancel-translation" class="button button-secondary" style="display: none;">
            <?php _e('Cancel Translation', 'fluentc-translation'); ?>
        </button>
        <p id="fluentc-last-scan-time"></p>
        <p id="fluentc-translation-status"></p>
    </div>

    <div id="fluentc-translation-table"></div>
    <div id="fluentc-translation-pagination"></div>
</div>

