<?php
if (!defined('ABSPATH')) {
    exit; // Exit if accessed directly
}
affl_import(AFFILILABS_PLUGIN_CONSTANTS_PATH);

affl_import(AFFILILABS_NAVBAR_COMPONENT_FILE);
affl_import(AFFILILABS_SERVICE_MARKETPLACES);
affl_import(AFFILILABS_MODAL_COMPONENT_FILE);
affl_import(AFFILILABS_SPINNER_COMPONENT_FILE);

wp_enqueue_media();

$navbar = new AffiliLabs_Navbar();
$navbar->load_scripts();
$modal = new AffiliLabs_Modal();
$modal->load_scripts();
$modal->init();
$spinner = new AffiliLabs_Spinner();
$spinner->load_scripts();
$spinner->init();

wp_enqueue_style('affililabs-dashboard', AFFILILABS_DASHBOARD_CSS_URL, array(), AFFILILABS_VERSION);
wp_enqueue_script('affililabs-dashboard', AFFILILABS_DASHBOARD_JS_URL, array('jquery'), AFFILILABS_VERSION, true);

// Pre-calculate URLs to avoid JS hardcoding
$add_product_url = wp_nonce_url(admin_url('admin.php?page=affililabs-product-edit'), 'affl_admin_nonce', 'nonce');
$connect_mkt_url = wp_nonce_url(admin_url('admin.php?page=affililabs-marketplace-edit'), 'affl_admin_nonce', 'nonce');
$create_list_url = wp_nonce_url(admin_url('admin.php?page=affililabs-list-edit'), 'affl_admin_nonce', 'nonce');
$ajax_url = admin_url('admin-ajax.php');

wp_localize_script(
    'affililabs-dashboard',
    'affililabs_dashboard',
    array(
        'nonce' => wp_create_nonce('affl_admin_nonce'),
        'ajax_url' => $ajax_url,
        'admin_url' => admin_url(),
        'i18n' => array(
            'connected_text' => esc_html__('Connected', 'affililabs'),
            'save_success_title' => esc_html__('Success', 'affililabs'),
            'save_success' => esc_html__('Marketplace connected successfully!', 'affililabs'),
            'save_error_title' => esc_html__('Error', 'affililabs'),
            'save_error' => esc_html__('Failed to connect marketplace.', 'affililabs'),
            'save_error_unknown' => esc_html__('An unknown error occurred.', 'affililabs'),
            'connect_digistore_title' => esc_html__('Connect Digistore24', 'affililabs'),
            'not_connected_text' => esc_html__('Not Connected', 'affililabs'),
            'required_field' => esc_html__('This field is required.', 'affililabs'),
            'connection_active' => esc_html__('Connection Active', 'affililabs'),
            'select_logo_title' => esc_html__('Select Marketplace Logo', 'affililabs'),
            'use_this_logo' => esc_html__('Use this logo', 'affililabs'),
            'ready_to_link' => esc_html__('Ready to link', 'affililabs'),
        ),
    )
);

// Data fetching
$amount_of_products = count((new WP_Query(array('post_type' => AFFILILABS_CPT_PRODUCT, 'post_status' => 'any', 'posts_per_page' => -1)))->posts);
$amount_of_marketplaces = count(get_posts(array('post_type' => AFFILILABS_CPT_MARKETPLACE, 'post_status' => 'any', 'posts_per_page' => -1)));
$amount_of_categories = count(get_categories(array('taxonomy' => AFFILILABS_TAXONOMY_PRODUCT_CATEGORY, 'hide_empty' => false)));
$amount_of_criteria = count((new WP_Query(array('post_type' => AFFILILABS_CPT_CRITERION, 'post_status' => 'any', 'posts_per_page' => -1)))->posts);
$amount_of_product_lists = count((new WP_Query(array('post_type' => AFFILILABS_CPT_COMPARISON_TABLE, 'post_status' => 'any', 'posts_per_page' => -1)))->posts);
$amount_of_templates = count((new WP_Query(array('post_type' => AFFILILABS_CPT_TEMPLATE, 'post_status' => 'any', 'posts_per_page' => -1)))->posts);

$is_digistore_connected = AFFLMarketplaceService::is_marketplace_connected('digistore');

// Setup Progress Calculation
$marketplaces = AFFLMarketplaceService::get_all_marketplaces();
$setup_step_1_done = !empty($marketplaces);
$setup_step_2_done = false;
if ($setup_step_1_done) {
    foreach ($marketplaces as $mkt) {
        if (!empty($mkt['affiliate_id'])) {
            $setup_step_2_done = true;
            break;
        }
    }
}
$setup_step_3_done = $amount_of_categories > 0;
$setup_step_4_done = $amount_of_products > 0;

$completed_steps_count = 0;
if ($setup_step_1_done) $completed_steps_count++;
if ($setup_step_2_done) $completed_steps_count++;
if ($setup_step_3_done) $completed_steps_count++;
if ($setup_step_4_done) $completed_steps_count++;

$progress_percentage = ($completed_steps_count / 4) * 100;
?>

<div class="affililabs-plugin-dashboard">
    <div class="affililabs-plugin-dashboard__navbar-banner">
        <div class="affililabs-plugin-dashboard__navbar-container">
            <?php $navbar->render(); ?>
        </div>
    </div>
    <main class="affililabs-plugin-dashboard__main">
        
        <header class="affililabs-plugin-dashboard__header">
            <h1><?php affl_print(esc_html__('Dashboard', 'affililabs')); ?></h1>
            
            <div class="affililabs-plugin-dashboard__quick-actions">
                <button class="affililabs-plugin-dashboard__quick-actions-btn" id="affl-quick-actions-trigger">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"/></svg>
                    <?php affl_print(esc_html__('Quick Actions', 'affililabs')); ?>
                    <svg class="affililabs-plugin-dashboard__quick-actions-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>
                </button>
                <div class="affililabs-plugin-dashboard__dropdown" id="affl-quick-actions-dropdown">
                    <a href="<?php affl_print(esc_url($add_product_url)); ?>" class="affililabs-plugin-dashboard__dropdown-item">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
                        <?php affl_print(esc_html__('Add new product', 'affililabs')); ?>
                    </a>
                    <a href="<?php affl_print(esc_url($connect_mkt_url)); ?>" class="affililabs-plugin-dashboard__dropdown-item">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                        <?php affl_print(esc_html__('Connect marketplace', 'affililabs')); ?>
                    </a>
                    <a href="<?php affl_print(esc_url($create_list_url)); ?>" class="affililabs-plugin-dashboard__dropdown-item">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
                        <?php affl_print(esc_html__('Create comparison table', 'affililabs')); ?>
                    </a>
                    <div class="affililabs-plugin-dashboard__dropdown-separator"></div>
                    <a href="#" class="affililabs-plugin-dashboard__dropdown-item affililabs-plugin-dashboard__dropdown-item--coming-soon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg>
                        <?php affl_print(esc_html__('Analytics', 'affililabs')); ?>
                        <span class="affililabs-plugin-dashboard__coming-soon"><?php affl_print(esc_html__('coming soon', 'affililabs')); ?></span>
                    </a>
                    <a href="#" class="affililabs-plugin-dashboard__dropdown-item affililabs-plugin-dashboard__dropdown-item--coming-soon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>
                        <?php affl_print(esc_html__('Export data', 'affililabs')); ?>
                        <span class="affililabs-plugin-dashboard__coming-soon"><?php affl_print(esc_html__('coming soon', 'affililabs')); ?></span>
                    </a>
                </div>
            </div>
        </header>

        <section class="affililabs-plugin-dashboard__integrations-section">
            <div class="affililabs-plugin-dashboard__section-header">
                <div class="affililabs-plugin-dashboard__section-icon">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                </div>
                <h2><?php affl_print(esc_html__('Marketplace Integrations', 'affililabs')); ?></h2>
            </div>
            <p><?php affl_print(esc_html__('Connect your favorite marketplaces to automatically import and manage affiliate products.', 'affililabs')); ?></p>
            
            <div class="affililabs-plugin-dashboard__marketplaces-grid">
                <?php
                $digistore_btn_text = $is_digistore_connected ? esc_html__('Connected', 'affililabs') : esc_html__('Connect', 'affililabs');
                $digistore_cls = $is_digistore_connected ? 'is-connected' : '';
                ?>
                <div class="affililabs-plugin-dashboard__marketplace-card <?php affl_print($digistore_cls); ?>">
                    <div class="affililabs-plugin-dashboard__marketplace-logo">
                        <img src="<?php affl_print(AFFILILABS_DIGISTORE24_LOGO); ?>" alt="Digistore24" />
                    </div>
                    <h3>Digistore24</h3>
                    <div class="affililabs-plugin-dashboard__marketplace-status">
                        <?php affl_print($is_digistore_connected ? esc_html__('Active Connection', 'affililabs') : esc_html__('Ready to link', 'affililabs')); ?>
                    </div>
                    <button class="affililabs-plugin-dashboard__connect-btn" data-marketplace-type="digistore"><?php affl_print($digistore_btn_text); ?></button>
                </div>

                <div class="affililabs-plugin-dashboard__marketplace-card">
                    <div class="affililabs-plugin-dashboard__marketplace-logo">
                        <img src="<?php affl_print(AFFILILABS_AMAZON_LOGO); ?>" alt="Amazon" />
                    </div>
                    <h3>Amazon</h3>
                    <div class="affililabs-plugin-dashboard__marketplace-status"><?php affl_print(esc_html__('Coming Soon', 'affililabs')); ?></div>
                    <button class="affililabs-plugin-dashboard__connect-btn" disabled><?php affl_print(esc_html__('Connect', 'affililabs')); ?></button>
                </div>

                <div class="affililabs-plugin-dashboard__marketplace-card">
                    <div class="affililabs-plugin-dashboard__marketplace-logo">
                        <img src="<?php affl_print(AFFILILABS_CLICKBANK_LOGO); ?>" alt="ClickBank" />
                    </div>
                    <h3>ClickBank</h3>
                    <div class="affililabs-plugin-dashboard__marketplace-status"><?php affl_print(esc_html__('Coming Soon', 'affililabs')); ?></div>
                    <button class="affililabs-plugin-dashboard__connect-btn" disabled><?php affl_print(esc_html__('Connect', 'affililabs')); ?></button>
                </div>
            </div>
        </section>

        <section class="affililabs-plugin-dashboard__setup-progress">
            <div class="affililabs-plugin-dashboard__setup-header">
                <h2><?php affl_print(esc_html__('Setup Progress', 'affililabs')); ?></h2>
                <span class="affililabs-plugin-dashboard__setup-count">
                    <?php affl_print(sprintf(esc_html__('%d of 4 completed', 'affililabs'), $completed_steps_count)); ?>
                </span>
            </div>
            
            <div class="affililabs-plugin-dashboard__setup-bar-container">
                <div class="affililabs-plugin-dashboard__setup-bar" style="width: <?php affl_print($progress_percentage); ?>%"></div>
            </div>

            <div class="affililabs-plugin-dashboard__setup-steps">
                <div class="affililabs-plugin-dashboard__setup-step <?php affl_print($setup_step_1_done ? 'is-done' : ''); ?>">
                    <div class="affililabs-plugin-dashboard__setup-step-icon">
                        <?php if ($setup_step_1_done) : ?>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                        <?php else : ?>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                        <?php endif; ?>
                    </div>
                    <div class="affililabs-plugin-dashboard__setup-step-info">
                        <span class="affililabs-plugin-dashboard__setup-step-label">
                            <?php affl_print(esc_html__('Step 1', 'affililabs')); ?>
                            <?php if ($setup_step_1_done) : ?>
                                <span class="affililabs-plugin-dashboard__setup-step-status">✓ <?php affl_print(esc_html__('Done', 'affililabs')); ?></span>
                            <?php endif; ?>
                        </span>
                        <h3><?php affl_print(esc_html__('Connect Marketplace', 'affililabs')); ?></h3>
                        <p><?php affl_print(esc_html__('Connect Digistore24 or another marketplace', 'affililabs')); ?></p>
                    </div>
                </div>

                <div class="affililabs-plugin-dashboard__setup-step <?php affl_print($setup_step_2_done ? 'is-done' : ''); ?>">
                    <div class="affililabs-plugin-dashboard__setup-step-icon">
                         <?php if ($setup_step_2_done) : ?>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                        <?php else : ?>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3-3.5 3.5z"></path></svg>
                        <?php endif; ?>
                    </div>
                    <div class="affililabs-plugin-dashboard__setup-step-info">
                        <span class="affililabs-plugin-dashboard__setup-step-label">
                            <?php affl_print(esc_html__('Step 2', 'affililabs')); ?>
                            <?php if ($setup_step_2_done) : ?>
                                <span class="affililabs-plugin-dashboard__setup-step-status">✓ <?php affl_print(esc_html__('Done', 'affililabs')); ?></span>
                            <?php endif; ?>
                        </span>
                        <h3><?php affl_print(esc_html__('Add Affiliate ID', 'affililabs')); ?></h3>
                        <p><?php affl_print(esc_html__('Set up your affiliate ID for the marketplace', 'affililabs')); ?></p>
                    </div>
                </div>

                <div class="affililabs-plugin-dashboard__setup-step <?php affl_print($setup_step_3_done ? 'is-done' : ''); ?>">
                    <div class="affililabs-plugin-dashboard__setup-step-icon">
                        <?php if ($setup_step_3_done) : ?>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                        <?php else : ?>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
                        <?php endif; ?>
                    </div>
                    <div class="affililabs-plugin-dashboard__setup-step-info">
                        <span class="affililabs-plugin-dashboard__setup-step-label">
                            <?php affl_print(esc_html__('Step 3', 'affililabs')); ?>
                            <?php if ($setup_step_3_done) : ?>
                                <span class="affililabs-plugin-dashboard__setup-step-status">✓ <?php affl_print(esc_html__('Done', 'affililabs')); ?></span>
                            <?php endif; ?>
                        </span>
                        <h3><?php affl_print(esc_html__('Create Product Categories', 'affililabs')); ?></h3>
                        <p><?php affl_print(esc_html__('Organize your products with categories', 'affililabs')); ?></p>
                    </div>
                </div>

                <div class="affililabs-plugin-dashboard__setup-step <?php affl_print($setup_step_4_done ? 'is-done' : ''); ?>">
                    <div class="affililabs-plugin-dashboard__setup-step-icon">
                        <?php if ($setup_step_4_done) : ?>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                        <?php else : ?>
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
                        <?php endif; ?>
                    </div>
                    <div class="affililabs-plugin-dashboard__setup-step-info">
                        <span class="affililabs-plugin-dashboard__setup-step-label">
                            <?php affl_print(esc_html__('Step 4', 'affililabs')); ?>
                            <?php if ($setup_step_4_done) : ?>
                                <span class="affililabs-plugin-dashboard__setup-step-status">✓ <?php affl_print(esc_html__('Done', 'affililabs')); ?></span>
                            <?php endif; ?>
                        </span>
                        <h3><?php affl_print(esc_html__('Import Products', 'affililabs')); ?></h3>
                        <p><?php affl_print(esc_html__('Import products from your marketplace', 'affililabs')); ?></p>
                    </div>
                </div>
            </div>
        </section>

        <section class="affililabs-plugin-dashboard__stats-container">
            <a href="<?php affl_print(esc_url(admin_url('admin.php?page=affililabs-products'))); ?>" class="affililabs-plugin-dashboard__stat-card">
                <div class="affililabs-plugin-dashboard__stat-main">
                    <span><?php affl_print(esc_html__('Total Products', 'affililabs')); ?></span>
                    <span><?php affl_print(esc_html($amount_of_products)); ?></span>
                </div>
                <div class="affililabs-plugin-dashboard__stat-visual">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
                </div>
            </a>
            
            <a href="<?php affl_print(esc_url(admin_url('admin.php?page=affililabs-marketplaces'))); ?>" class="affililabs-plugin-dashboard__stat-card">
                <div class="affililabs-plugin-dashboard__stat-main">
                    <span><?php affl_print(esc_html__('Marketplaces', 'affililabs')); ?></span>
                    <span><?php affl_print(esc_html($amount_of_marketplaces)); ?></span>
                </div>
                <div class="affililabs-plugin-dashboard__stat-visual">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                </div>
            </a>

            <a href="<?php affl_print(esc_url(admin_url('admin.php?page=affililabs-product-categories'))); ?>" class="affililabs-plugin-dashboard__stat-card">
                <div class="affililabs-plugin-dashboard__stat-main">
                    <span><?php affl_print(esc_html__('Categories', 'affililabs')); ?></span>
                    <span><?php affl_print(esc_html($amount_of_categories)); ?></span>
                </div>
                <div class="affililabs-plugin-dashboard__stat-visual">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
                </div>
            </a>

            <a href="<?php affl_print(esc_url(admin_url('admin.php?page=affililabs-criteria'))); ?>" class="affililabs-plugin-dashboard__stat-card">
                <div class="affililabs-plugin-dashboard__stat-main">
                    <span><?php affl_print(esc_html__('Criteria Group', 'affililabs')); ?></span>
                    <span><?php affl_print(esc_html($amount_of_criteria)); ?></span>
                </div>
                <div class="affililabs-plugin-dashboard__stat-visual">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>
                </div>
            </a>

            <a href="<?php affl_print(esc_url(admin_url('admin.php?page=affililabs-lists'))); ?>" class="affililabs-plugin-dashboard__stat-card">
                <div class="affililabs-plugin-dashboard__stat-main">
                    <span><?php affl_print(esc_html__('Comparison Lists', 'affililabs')); ?></span>
                    <span><?php affl_print(esc_html($amount_of_product_lists)); ?></span>
                </div>
                <div class="affililabs-plugin-dashboard__stat-visual">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
                </div>
            </a>

            <a href="<?php affl_print(esc_url(admin_url('admin.php?page=affililabs-templates'))); ?>" class="affililabs-plugin-dashboard__stat-card">
                <div class="affililabs-plugin-dashboard__stat-main">
                    <span><?php affl_print(esc_html__('Total Templates', 'affililabs')); ?></span>
                    <span><?php affl_print(esc_html($amount_of_templates)); ?></span>
                </div>
                <div class="affililabs-plugin-dashboard__stat-visual">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19l7-7 3 3-7 7-3-3z"></path><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path><path d="M2 2l7.586 7.586"></path><circle cx="11" cy="11" r="2"></circle></svg>
                </div>
            </a>
        </section>

        <?php if (affl_fs()->is_not_paying()) : ?>
        <section class="affililabs-plugin-dashboard__ai-banner">
            <div class="affililabs-plugin-dashboard__ai-content">
                <div class="affililabs-plugin-dashboard__ai-avatar">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>
                </div>
                <div class="affililabs-plugin-dashboard__ai-info">
                    <h3><?php affl_print(esc_html__('Unlock AI-Powered Features', 'affililabs')); ?></h3>
                    <p><?php affl_print(esc_html__('Generate product descriptions, comparison articles, and reviews automatically with AI.', 'affililabs')); ?></p>
                </div>
            </div>
            <a href="https://affililabs.ai/pricing" target="_blank" class="affililabs-plugin-dashboard__upgrade-link">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
                <?php affl_print(esc_html__('Upgrade to Pro', 'affililabs')); ?>
            </a>
        </section>
        <?php endif; ?>

    </main>

    <!-- Custom Marketplace Connection Modal -->
    <div class="affililabs-custom-modal" id="affl-digistore-modal">
        <div class="affililabs-custom-modal__overlay"></div>
        <div class="affililabs-custom-modal__container">
            <div class="affililabs-custom-modal__close">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
            </div>
            
            <div class="affililabs-modal__marketplace-connection">
                <div class="affililabs-modal__marketplace-header">
                    <div class="affililabs-modal__marketplace-icon">
                        <img src="<?php affl_print(AFFILILABS_DIGISTORE24_LOGO); ?>" alt="Digistore24" />
                    </div>
                    <h3><?php affl_print(esc_html__('Connect Digistore24', 'affililabs')); ?></h3>
                </div>
                
                <div class="affililabs-modal__marketplace-field">
                    <label><?php affl_print(esc_html__('Title', 'affililabs')); ?></label>
                    <input type="text" id="affl-mkt-title" value="Digistore24" class="affililabs-plugin__input" />
                </div>

                <div class="affililabs-modal__marketplace-logo-upload">
                    <div class="logo-preview">
                         <img src="<?php affl_print(AFFILILABS_DIGISTORE24_LOGO); ?>" alt="Default Logo" class="affililabs-custom-modal__default-logo-img" />
                    </div>
                    <button class="affililabs-custom-modal__select-logo-btn" id="affl-select-logo">
                         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg>
                         <?php affl_print(esc_html__('Select Shop Logo', 'affililabs')); ?>
                    </button>
                    <input type="hidden" id="affl-mkt-logo-id" value="" />
                </div>

                <div class="affililabs-modal__marketplace-field">
                    <label><?php affl_print(esc_html__('Affiliate ID', 'affililabs')); ?></label>
                    <input type="text" id="affl-mkt-affiliate-id" placeholder="<?php affl_print(esc_attr__('Enter your affiliate ID, e.g. username', 'affililabs')); ?>" class="affililabs-plugin__input" />
                    <p class="field-hint"><?php affl_print(esc_html__('You can find your Affiliate ID in your marketplace account settings.', 'affililabs')); ?></p>
                </div>

                <div class="affililabs-modal__marketplace-status-bar">
                    <span><?php affl_print(esc_html__('Connection Status', 'affililabs')); ?></span>
                    <span class="status-badge" id="affl-mkt-status-badge"><?php affl_print(esc_html__('Not Connected', 'affililabs')); ?></span>
                </div>

                <div class="affililabs-modal__marketplace-actions">
                    <button class="affililabs-custom-modal__btn-cancel" id="affl-custom-modal-cancel"><?php affl_print(esc_html__('Cancel', 'affililabs')); ?></button>
                    <button class="affililabs-plugin-dashboard__connect-btn affililabs-plugin-dashboard__connect-btn--modal" id="affl-save-connect-mkt"><?php affl_print(esc_html__('Save & Connect', 'affililabs')); ?></button>
                </div>
            </div>
        </div>
    </div>
</div>