<?php
if (!defined('WPINC')) {
    die;
}

$manufacturer_id = get_option('seekmake_manufacturer_id', '');
$is_authenticated = get_option('seekmake_authenticated', false);
$user_email = get_option('seekmake_user_email', '');


if (isset($_GET['auth_success']) && $_GET['auth_success'] === '1') {
    ?>
    <div class="notice notice-success is-dismissible">
        <p><?php esc_html_e('Successfully connected to SeekMake! Your account is now active.', 'seekmake'); ?></p>
    </div>
    <?php
}


settings_errors('seekmake_messages');

if (!$is_authenticated) {
} else {
    $iframe_params = array(
        'isEmbed' => 'true',
        'platform' => 'wordpress',
        'manufacturer' => $manufacturer_id
    );
    $iframe_url = add_query_arg($iframe_params, SEEKMAKE_DASHBOARD_URL);
}
?>

<?php if (!$is_authenticated): ?>

<div class="seekmake-connect-wrapper">

    <div class="seekmake-connect-left">
        <div class="seekmake-badge-pill">
            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg>
            <?php esc_html_e('WordPress Plugin', 'seekmake'); ?>
        </div>

        <h1 class="seekmake-connect-hero-title">
            <?php echo wp_kses(
                __('Turn Your WordPress Site Into a <span>Professional Quoting Machine</span>', 'seekmake'),
                array('span' => array())
            ); ?>
        </h1>
        
        <p class="seekmake-connect-hero-desc">
            <?php esc_html_e('Join 4,000+ manufacturing businesses using SeekMake to automate quotes, manage customers, and grow revenueâ€”all from your existing website.', 'seekmake'); ?>
        </p>

        <div class="seekmake-stats-row">
            <div class="seekmake-stat-card">
                <span class="seekmake-stat-value">$22M+</span>
                <span class="seekmake-stat-label"><?php esc_html_e('Orders Processed', 'seekmake'); ?></span>
            </div>
            <div class="seekmake-stat-card">
                <span class="seekmake-stat-value">4,000+</span>
                <span class="seekmake-stat-label"><?php esc_html_e('Manufacturers', 'seekmake'); ?></span>
            </div>
            <div class="seekmake-stat-card">
                <span class="seekmake-stat-value">99.9%</span>
                <span class="seekmake-stat-label"><?php esc_html_e('Uptime SLA', 'seekmake'); ?></span>
            </div>
        </div>

        <div class="seekmake-dashboard-preview">
            <img src="<?php echo esc_url(SEEKMAKE_PLUGIN_URL . 'assets/images/dashboard-preview.png'); ?>" alt="SeekMake Dashboard Preview" onerror="this.style.display='none'" />
        </div>
        <p class="seekmake-preview-caption">
            <strong><?php esc_html_e('Fully customizable!', 'seekmake'); ?></strong><br>
            <?php esc_html_e('Colors, layout and background to match your brand.', 'seekmake'); ?>
        </p>
    </div>


    <div class="seekmake-connect-right">
        <div class="seekmake-auth-container">
            <div class="seekmake-auth-logo">
                <img src="<?php echo esc_url(SEEKMAKE_PLUGIN_URL . 'assets/images/seekmake-logo.png'); ?>" alt="SeekMake" />
            </div>

            <h2 class="seekmake-auth-title"><?php esc_html_e('Connect Your Account', 'seekmake'); ?></h2>
            <p class="seekmake-auth-subtitle"><?php esc_html_e('Sign in or create a new SeekMake account to activate all features', 'seekmake'); ?></p>

            <div class="seekmake-feature-checklist">

                <div class="seekmake-check-item">
                    <div class="seekmake-check-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" 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>
                    </div>
                    <div class="seekmake-check-content">
                        <h4><?php esc_html_e('Instant Quote Widget', 'seekmake'); ?></h4>
                        <p><?php esc_html_e('Let customers get instant pricing on your website', 'seekmake'); ?></p>
                    </div>
                </div>

                <div class="seekmake-check-item">
                    <div class="seekmake-check-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" 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>
                    </div>
                    <div class="seekmake-check-content">
                        <h4><?php esc_html_e('Client Dashboard Widget', 'seekmake'); ?></h4>
                        <p><?php esc_html_e('Full customer portal for orders and quotes', 'seekmake'); ?></p>
                    </div>
                </div>

                <div class="seekmake-check-item">
                    <div class="seekmake-check-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" 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>
                    </div>
                    <div class="seekmake-check-content">
                        <h4><?php esc_html_e('Elementor Integration', 'seekmake'); ?></h4>
                        <p><?php esc_html_e('Drag-and-drop widgets in your page builder', 'seekmake'); ?></p>
                    </div>
                </div>
            </div>

            <?php
            $return_url = admin_url('admin.php?page=seekmake&seekmake_auth_callback=1');
            $signup_url = 'https://seekmake.com/auth/signup?returnUrl=' . urlencode($return_url) . '&includeAuthContext=true&includeStatus=true&referrer=wordpress-plugin';
            $login_url = 'https://seekmake.com/auth/login?returnUrl=' . urlencode($return_url) . '&includeAuthContext=true&includeStatus=true&referrer=wordpress-plugin';
            ?>

            <a href="<?php echo esc_url($signup_url); ?>" class="seekmake-primary-btn">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><line x1="20" y1="8" x2="20" y2="14"></line><line x1="23" y1="11" x2="17" y2="11"></line></svg>
                <?php esc_html_e('Sign Up', 'seekmake'); ?>
            </a>

            <a href="<?php echo esc_url($login_url); ?>" class="seekmake-secondary-btn">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path><polyline points="10 17 15 12 10 7"></polyline><line x1="15" y1="12" x2="3" y2="12"></line></svg>
                <?php esc_html_e('Log In', 'seekmake'); ?>
            </a>

            <div class="seekmake-disclaimer">
                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
                <?php esc_html_e('You will be redirected to SeekMake to sign in or create an account', 'seekmake'); ?>
            </div>

            <div class="seekmake-footer-badges">
                <div class="seekmake-footer-badge">
                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
                    <?php esc_html_e('256-bit Encryption', 'seekmake'); ?>
                </div>
                <div class="seekmake-footer-badge">
                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
                    <?php esc_html_e('ITAR Compliant', 'seekmake'); ?>
                </div>
            </div>

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

<?php else: ?>

<div class="sm-dashboard">

  <header class="sm-header">
    <div class="sm-header-inner">
      <div class="sm-logo-group">
        <div class="sm-logo-icon">SM</div>
        <span class="sm-logo-text"><?php esc_html_e('SeekMake', 'seekmake'); ?></span>
      </div>
      <div class="sm-header-actions">
        <a href="<?php echo esc_url(SEEKMAKE_DASHBOARD_URL); ?>" target="_blank" rel="noopener noreferrer" class="sm-btn sm-btn-outline">
          <?php esc_html_e('Go to Dashboard', 'seekmake'); ?>
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
        </a>
        <a href="javascript:void(0);" id="seekmake-dashboard-disconnect" class="sm-btn sm-btn-danger">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" x2="9" y1="12" y2="12"></line></svg>
          <?php esc_html_e('Disconnect', 'seekmake'); ?>
        </a>
      </div>
    </div>
  </header>

  <main class="sm-main">

    <section class="sm-hero sm-section">
      <div class="sm-hero-checkmark-outer">
        <div class="sm-hero-checkmark-ring">
          <div class="sm-hero-checkmark-circle">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"></path></svg>
          </div>
        </div>
      </div>
      <div class="sm-badge-success">
        <span class="sm-pulse-dot"></span>
        <?php esc_html_e('Plugin Connected Successfully', 'seekmake'); ?>
      </div>
      <h1 class="sm-hero-title">
        <?php esc_html_e('Your WordPress site is now', 'seekmake'); ?> <span class="sm-text-blue"><?php esc_html_e('powered by SeekMake', 'seekmake'); ?></span>
      </h1>
      <p class="sm-hero-subtitle">
        <?php esc_html_e('Three powerful widgets are now available in your WordPress Elementor editor. Add them to any page to enable instant quoting, customer portals, and AI support.', 'seekmake'); ?>
      </p>
      <div class="sm-hero-preview">
        <img src="<?php echo esc_url(SEEKMAKE_PLUGIN_URL . 'assets/images/dashboard-preview.png'); ?>" alt="<?php esc_attr_e('SeekMake Dashboard Preview', 'seekmake'); ?>">
      </div>
    </section>

    <section class="sm-whatsapp-banner sm-section">
      <div class="sm-whatsapp-content">
        <div class="sm-whatsapp-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="white"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path></svg>
        </div>
        <div class="sm-whatsapp-text">
          <h3><?php esc_html_e('Need Help Setting Up?', 'seekmake'); ?></h3>
          <p><?php esc_html_e('Chat with our experts on WhatsApp for instant support', 'seekmake'); ?></p>
        </div>
      </div>
      <a href="https://api.whatsapp.com/send?phone=37258190825&amp;text=Hi%20SeekMake%20I%20have%20a%20question" target="_blank" rel="noopener noreferrer" class="sm-btn sm-btn-white sm-btn-lg">
        <?php esc_html_e('Chat Now', 'seekmake'); ?>
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
      </a>
    </section>


    <section class="sm-section">
      <div class="sm-section-header">
        <div>
          <h2 class="sm-section-title"><?php esc_html_e('Activated Widgets', 'seekmake'); ?></h2>
          <p class="sm-section-subtitle"><?php esc_html_e('Ready to add to your WordPress pages', 'seekmake'); ?></p>
        </div>
        <div class="sm-badge-active">
          <span class="sm-badge-active-dot"></span>
          <?php esc_html_e('All Active', 'seekmake'); ?>
        </div>
      </div>
      <div class="sm-widgets-grid">

        <div class="sm-widget-card">
          <div class="sm-widget-card-header">
            <div class="sm-widget-icon sm-widget-icon-blue">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
            </div>
            <span class="sm-badge-active-sm"><?php esc_html_e('Active', 'seekmake'); ?></span>
          </div>
          <h3><?php esc_html_e('Instant Quote Widget', 'seekmake'); ?></h3>
          <p class="sm-widget-desc"><?php esc_html_e('Let visitors upload files and get instant pricing for CNC, 3D printing, laser cutting and more', 'seekmake'); ?></p>
          <ul class="sm-checklist">
            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('File upload (STEP, STL, DXF)', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Real-time pricing', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Material selection', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Lead time options', 'seekmake'); ?></li>
          </ul>
        </div>

        <div class="sm-widget-card">
          <div class="sm-widget-card-header">
            <div class="sm-widget-icon sm-widget-icon-purple">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg>
            </div>
            <span class="sm-badge-active-sm"><?php esc_html_e('Active', 'seekmake'); ?></span>
          </div>
          <h3><?php esc_html_e('Client Dashboard Widget', 'seekmake'); ?></h3>
          <p class="sm-widget-desc"><?php esc_html_e('A full customer portal where clients can view orders, quotes, invoices and track production', 'seekmake'); ?></p>
          <ul class="sm-checklist">
            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Order history', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Quote management', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Invoice downloads', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Production tracking', 'seekmake'); ?></li>
          </ul>
        </div>

        <div class="sm-widget-card">
          <div class="sm-widget-card-header">
            <div class="sm-widget-icon sm-widget-icon-teal">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg>
            </div>
            <span class="sm-badge-active-sm"><?php esc_html_e('Active', 'seekmake'); ?></span>
          </div>
          <h3><?php esc_html_e('Astra AI', 'seekmake'); ?></h3>
          <p class="sm-widget-desc"><?php esc_html_e('An AI-powered chatbot that answers customer questions, qualifies leads, and provides 24/7 support', 'seekmake'); ?></p>
          <ul class="sm-checklist">
            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('24/7 AI support', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Smart product answers', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Lead qualification', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Handoff to human', 'seekmake'); ?></li>
          </ul>
        </div>
      </div>
    </section>


    <section class="sm-astra-section">
      <div class="sm-astra-inner">
        <div class="sm-astra-content">
          <div class="sm-astra-header">
            <div class="sm-astra-icon">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg>
            </div>
            <div>
              <h2 class="sm-astra-title"><?php esc_html_e('Astra AI', 'seekmake'); ?></h2>
              <p class="sm-astra-label"><?php esc_html_e('Built into Quote Plugin & Portal', 'seekmake'); ?></p>
            </div>
          </div>
          <p class="sm-astra-desc"><?php esc_html_e('Astra AI appears inside your Instant Quote widget and Client Portal to answer customer questions and guide them through the process.', 'seekmake'); ?></p>
          <ul class="sm-astra-features">
            <li><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Embedded directly in your quoting widget', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Available in customer portal for order tracking', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Material & pricing guidance with instant updates', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Real-time order status updates & notifications', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('DFM analysis feedback & design suggestions', 'seekmake'); ?></li>
            <li><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="sm-check-icon"><path d="M20 6 9 17l-5-5"></path></svg><?php esc_html_e('Multi-language support for global customers', 'seekmake'); ?></li>
          </ul>
          <div class="sm-astra-buttons">
            <a href="https://seekmake.com/dashboard/manufacturer/astar-chat/agent-management?type=integrated" target="_blank" rel="noopener noreferrer" class="sm-btn sm-btn-primary sm-btn-lg">
              <?php esc_html_e('Integrated ASTRA', 'seekmake'); ?>
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
            </a>
            <a href="https://seekmake.com/dashboard/manufacturer/astar-chat/agent-management?type=widget" target="_blank" rel="noopener noreferrer" class="sm-btn sm-btn-primary sm-btn-lg">
              <?php esc_html_e('ASTRA Widget', 'seekmake'); ?>
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
            </a>
          </div>
        </div>

        <div class="sm-chat-preview">
          <div class="sm-chat-widget">
            <div class="sm-chat-header">
              <div class="sm-chat-header-left">
                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
                <span class="sm-chat-header-title"><?php esc_html_e('Instant Quote', 'seekmake'); ?></span>
              </div>
              <span class="sm-chat-live-badge"><?php esc_html_e('LIVE', 'seekmake'); ?></span>
            </div>
            <div class="sm-chat-quote-info">
              <div class="sm-chat-quote-row">
                <span class="sm-chat-quote-label"><?php esc_html_e('Material', 'seekmake'); ?></span>
                <span class="sm-chat-quote-value"><?php esc_html_e('Aluminum 6061', 'seekmake'); ?></span>
              </div>
              <div class="sm-chat-quote-row">
                <span class="sm-chat-quote-label"><?php esc_html_e('Total', 'seekmake'); ?></span>
                <span class="sm-chat-quote-price">$1,350.45</span>
              </div>
            </div>
            <div class="sm-chat-messages">
              <div class="sm-chat-ai-header">
                <div class="sm-chat-ai-avatar">
                  <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg>
                </div>
                <span class="sm-chat-ai-name">Astra AI</span>
                <span class="sm-chat-ai-label">AI Assistant</span>
              </div>
              <div class="sm-chat-bubble sm-chat-bubble-ai">
                Welcome! I see your <span class="sm-text-blue">bracket_v2.step</span>. How can I help? 
              </div>
              <div class="sm-chat-bubble sm-chat-bubble-user">
                Best material for outdoor use?
              </div>
              <div class="sm-chat-bubble sm-chat-bubble-ai">
                For outdoor, I recommend <span class="sm-text-bold">SS 316</span> for corrosion resistance, or <span class="sm-text-bold">Al 6061 + anodized</span> if weight matters.
              </div>
              <div class="sm-chat-actions">
                <span class="sm-chat-action-btn sm-chat-action-primary">Switch to SS316</span>
                <span class="sm-chat-action-btn sm-chat-action-default">Keep Al 6061</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>


    <div class="sm-two-col">
      <section class="sm-panel">
        <div class="sm-panel-header">
          <div class="sm-panel-icon sm-panel-icon-blue">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg>
          </div>
          <div>
            <h2 class="sm-panel-title"><?php esc_html_e('Manage on SeekMake', 'seekmake'); ?></h2>
            <p class="sm-panel-subtitle"><?php esc_html_e('Your central control hub at seekmake.co', 'seekmake'); ?></p>
          </div>
        </div>
        <div class="sm-info-box">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg>
          <p><strong><?php esc_html_e('Important:', 'seekmake'); ?></strong> <?php esc_html_e('While widgets display on your WordPress site, all management (orders, quotes, customers, pricing) happens in your SeekMake dashboard.', 'seekmake'); ?></p>
        </div>
        <div class="sm-mgmt-list">
          <div class="sm-mgmt-item">
            <div class="sm-mgmt-icon"><svg xmlns="http://www.w3.org/2000/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="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div>
            <div><h4><?php esc_html_e('Quotes & Orders', 'seekmake'); ?></h4><p><?php esc_html_e('Review incoming quote requests, approve or adjust pricing, and convert to orders.', 'seekmake'); ?></p></div>
          </div>
          <div class="sm-mgmt-item">
            <div class="sm-mgmt-icon"><svg xmlns="http://www.w3.org/2000/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="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div>
            <div><h4><?php esc_html_e('Customer Management', 'seekmake'); ?></h4><p><?php esc_html_e('Access complete customer profiles including order history and communication logs.', 'seekmake'); ?></p></div>
          </div>
          <div class="sm-mgmt-item">
            <div class="sm-mgmt-icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div>
            <div><h4><?php esc_html_e('Pricing Rules', 'seekmake'); ?></h4><p><?php esc_html_e('Configure your pricing formulas, material costs, machine rates, and markups.', 'seekmake'); ?></p></div>
          </div>
          <div class="sm-mgmt-item">
            <div class="sm-mgmt-icon"><svg xmlns="http://www.w3.org/2000/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.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg></div>
            <div><h4><?php esc_html_e('Widget Settings', 'seekmake'); ?></h4><p><?php esc_html_e('Customize widget appearance, colors, and behavior. Configure notifications and branding.', 'seekmake'); ?></p></div>
          </div>
          <div class="sm-mgmt-item">
            <div class="sm-mgmt-icon"><svg xmlns="http://www.w3.org/2000/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="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div>
            <div><h4><?php esc_html_e('Analytics & Reports', 'seekmake'); ?></h4><p><?php esc_html_e('Track quote-to-order conversion rates, revenue, popular materials, and insights.', 'seekmake'); ?></p></div>
          </div>
        </div>
        <a href="<?php echo esc_url(SEEKMAKE_DASHBOARD_URL); ?>" target="_blank" rel="noopener noreferrer" class="sm-btn sm-btn-primary-gradient sm-btn-lg sm-btn-full">
          <?php esc_html_e('Open SeekMake Dashboard', 'seekmake'); ?>
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg>
        </a>
      </section>

      <section class="sm-panel">
        <div class="sm-panel-header">
          <div class="sm-panel-icon sm-panel-icon-slate">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 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>
            <h2 class="sm-panel-title"><?php esc_html_e('Add Widgets to Your Site', 'seekmake'); ?></h2>
            <p class="sm-panel-subtitle"><?php esc_html_e('Step-by-step Elementor guide', 'seekmake'); ?></p>
          </div>
        </div>
        <div class="sm-steps">
          <div class="sm-step">
            <div class="sm-step-indicator"><div class="sm-step-number">1</div><div class="sm-step-line"></div></div>
            <div class="sm-step-content"><h4><?php esc_html_e('Open Your Page in Elementor', 'seekmake'); ?></h4><p><?php esc_html_e('Navigate to the page where you want to add a widget and click "Edit with Elementor".', 'seekmake'); ?></p></div>
          </div>
          <div class="sm-step">
            <div class="sm-step-indicator"><div class="sm-step-number">2</div><div class="sm-step-line"></div></div>
            <div class="sm-step-content"><h4><?php esc_html_e('Open the Widgets Panel', 'seekmake'); ?></h4><p><?php esc_html_e('Click the grid icon in the top-left corner to open the Elements/Widgets panel.', 'seekmake'); ?></p></div>
          </div>
          <div class="sm-step">
            <div class="sm-step-indicator"><div class="sm-step-number">3</div><div class="sm-step-line"></div></div>
            <div class="sm-step-content"><h4><?php esc_html_e('Search for SeekMake', 'seekmake'); ?></h4><p><?php esc_html_e("Type 'SeekMake' in the search box. You'll see all three activated widgets.", 'seekmake'); ?></p></div>
          </div>
          <div class="sm-step">
            <div class="sm-step-indicator"><div class="sm-step-number">4</div></div>
            <div class="sm-step-content"><h4><?php esc_html_e('Drag Widget to Your Page', 'seekmake'); ?></h4><p><?php esc_html_e('Click and drag the desired widget to your page layout.', 'seekmake'); ?></p></div>
          </div>
        </div>
        <a href="<?php echo esc_url(admin_url('admin.php?page=seekmake-settings')); ?>" class="sm-btn sm-btn-outline sm-btn-lg sm-btn-full">
          <?php esc_html_e('Customize Widget Appearance', 'seekmake'); ?>
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg>
        </a>
      </section>
    </div>


    <section class="sm-features-grid">
      <div class="sm-feature-card">
        <div class="sm-feature-icon-circle"><svg xmlns="http://www.w3.org/2000/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="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg></div>
        <h4><?php esc_html_e('Auto-Sync', 'seekmake'); ?></h4>
        <p><?php esc_html_e('Widgets automatically stay in sync with your SeekMake dashboard settings.', 'seekmake'); ?></p>
      </div>
      <div class="sm-feature-card">
        <div class="sm-feature-icon-circle"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div>
        <h4><?php esc_html_e('Secure Connection', 'seekmake'); ?></h4>
        <p><?php esc_html_e('All data is transmitted via encrypted SSL for 100% security.', 'seekmake'); ?></p>
      </div>
      <div class="sm-feature-card">
        <div class="sm-feature-icon-circle"><svg xmlns="http://www.w3.org/2000/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="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div>
        <h4><?php esc_html_e('Customization', 'seekmake'); ?></h4>
        <p><?php esc_html_e('Easily change colors, fonts, and button styles in settings.', 'seekmake'); ?></p>
      </div>
      <div class="sm-feature-card">
        <div class="sm-feature-icon-circle"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div>
        <h4><?php esc_html_e('Real-Time Updates', 'seekmake'); ?></h4>
        <p><?php esc_html_e('Quote prices and order statuses update instantly as you change them.', 'seekmake'); ?></p>
      </div>
    </section>


    <section class="sm-cta-banner">
      <div class="sm-cta-content">
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 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>
          <h2><?php esc_html_e("You're all set!", 'seekmake'); ?></h2>
          <p><?php esc_html_e('Start accepting instant quotes on your website today', 'seekmake'); ?></p>
        </div>
      </div>
      <a href="<?php echo esc_url(SEEKMAKE_DASHBOARD_URL); ?>" target="_blank" rel="noopener noreferrer" class="sm-btn sm-btn-white sm-btn-lg">
        <?php esc_html_e('Go to Dashboard', 'seekmake'); ?>
        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
      </a>
    </section>


    <section class="sm-section">
      <h2 class="sm-help-title"><?php esc_html_e('Need Help?', 'seekmake'); ?></h2>
      <div class="sm-help-grid">
        <a href="https://seekmake.com/developers-portal/api-docs" target="_blank" rel="noopener noreferrer" class="sm-help-card">
          <div class="sm-help-card-content">
            <div class="sm-help-icon"><svg xmlns="http://www.w3.org/2000/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 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div>
            <div><h4><?php esc_html_e('Documentation', 'seekmake'); ?></h4><p><?php esc_html_e('Step-by-step guides and tutorials', 'seekmake'); ?></p></div>
          </div>
        </a>
        <a href="https://api.whatsapp.com/send?phone=37258190825&amp;text=Hi%20SeekMake%20I%20have%20a%20question" target="_blank" rel="noopener noreferrer" class="sm-help-card">
          <div class="sm-help-card-content">
            <div class="sm-help-icon"><svg xmlns="http://www.w3.org/2000/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="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></div>
            <div><h4><?php esc_html_e('Live Support', 'seekmake'); ?></h4><p><?php esc_html_e('Chat with our team', 'seekmake'); ?></p></div>
          </div>
        </a>
        <a href="https://seekmake.com/help" target="_blank" rel="noopener noreferrer" class="sm-help-card">
          <div class="sm-help-card-content">
            <div class="sm-help-icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg></div>
            <div><h4><?php esc_html_e('Help Center', 'seekmake'); ?></h4><p><?php esc_html_e('FAQs and troubleshooting', 'seekmake'); ?></p></div>
          </div>
        </a>
      </div>
    </section>
  </main>

</div>
<?php endif; ?>



<div id="seekmake-loading" class="seekmake-loading-overlay hidden" style="display: none;">
    <div class="seekmake-loading-content">
        <div class="seekmake-spinner-modern"></div>
        <p class="seekmake-loading-text"><?php esc_html_e('Loading SeekMake...', 'seekmake'); ?></p>
    </div>
</div>

