<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>FluentC Translations Management</h1>
    </div>

    <div class="fluentc-description">
        <h1><a href="https://dashboard.fluentc.ai/translations" target="_blank">Visit FluentC Dashboard to update Translations</a></h1>
    </div>
<!--
    <div class="fluentc-search-box">
        <form id="translation-search-form">
            <input type="text" id="translation-search" name="search" placeholder="Search translations...">
            <button type="submit" class="button button-primary">Search</button>
            <button type="button" id="clear-search" class="button">Clear</button>
        </form>
        <div id="search-loading" style="display: none;">Searching...</div>
    </div>

    <table id="translations-table" class="wp-list-table widefat fixed striped">
        <thead>
            <tr>
                <th class="column-language">From</th>
                <th class="column-language">To</th>
                <th>Original Text</th>
                <th>Translated Text</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
             Table content will be dynamically populated 
        </tbody>
    </table>

    <div id="pagination"></div> -->
   
</div>