    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-php">&lt;?php

require_once &#039;../config.php&#039;;


// Load emails from data.email.php
$emails = file_exists(&#039;../inc/data.email.php&#039;) ? include &#039;../inc/data.email.php&#039; : [&#039;emails&#039; =&gt; [], &#039;settings&#039; =&gt; [&#039;frequency&#039; =&gt; 1, &#039;delay&#039; =&gt; 60]];

// Pagination settings
$emails_per_page = 20; // Adjustable: Number of emails per page
$current_page = isset($_GET[&#039;page&#039;]) ? max(1, (int)$_GET[&#039;page&#039;]) : 1;
$total_emails = count($emails[&#039;emails&#039;]);
$total_pages = max(1, ceil($total_emails / $emails_per_page));
$offset = ($current_page - 1) * $emails_per_page;
$paginated_emails = array_slice($emails[&#039;emails&#039;], $offset, $emails_per_page);

// Handle form submissions
if ($_SERVER[&#039;REQUEST_METHOD&#039;] === &#039;POST&#039;) {
    if (isset($_POST[&#039;add_email&#039;])) {
        $new_email = filter_var($_POST[&#039;email&#039;], FILTER_SANITIZE_EMAIL);
        if ($new_email &amp;&amp; !in_array($new_email, $emails[&#039;emails&#039;])) {
            $emails[&#039;emails&#039;][] = $new_email;
        }
    } elseif (isset($_POST[&#039;delete_emails&#039;])) {
        $emails[&#039;emails&#039;] = array_diff($emails[&#039;emails&#039;], $_POST[&#039;selected_emails&#039;] ?? []);
    } elseif (isset($_POST[&#039;update_settings&#039;])) {
        $emails[&#039;settings&#039;][&#039;frequency&#039;] = (int)$_POST[&#039;frequency&#039;];
        $emails[&#039;settings&#039;][&#039;delay&#039;] = (int)$_POST[&#039;delay&#039;];
    }

    // Save updated emails and settings
    file_put_contents(&#039;../inc/data.email.php&#039;, &#039;&lt;?php return &#039; . var_export($emails, true) . &#039;;&#039;);
    // Refresh to reset pagination if emails changed
    header(&quot;Location: edit-email.php?page=$current_page&quot;);
    exit;
}

// Handle download requests
if (isset($_GET[&#039;download&#039;])) {
    $format = $_GET[&#039;download&#039;];
    header(&#039;Content-Type: text/&#039; . ($format === &#039;csv&#039; ? &#039;csv&#039; : &#039;plain&#039;));
    header(&#039;Content-Disposition: attachment; filename=&quot;emails.&#039; . $format . &#039;&quot;&#039;);
    
    if ($format === &#039;csv&#039;) {
        echo &quot;Email\n&quot;;
        foreach ($emails[&#039;emails&#039;] as $email) {
            echo &quot;$email\n&quot;;
        }
    } else {
        echo implode(&quot;\n&quot;, $emails[&#039;emails&#039;]);
    }
    exit;
}
?&gt;

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
  &lt;?php include &quot;data/styles.php&quot;?&gt;
    &lt;title&gt;Admin - Email Management&lt;/title&gt;
    &lt;style&gt;
        .card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }
        .btn { transition: background-color 0.3s ease, transform 0.2s ease; }
        .btn:hover { transform: translateY(-1px); }
        .table-row { transition: background-color 0.2s ease; }
        .table-row:hover { background-color: #f9fafb; }
        .pagination-btn { transition: background-color 0.3s ease; }
        .pagination-btn:hover { background-color: #e5e7eb; }
        .pagination-btn.active { background-color: #2563eb; color: white; }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-gray-100 min-h-screen&quot;&gt;
    &lt;div class=&quot;container mx-auto px-4 py-8 max-w-5xl&quot;&gt;
        &lt;!-- Header --&gt;
        &lt;header class=&quot;mb-8 text-center&quot;&gt;
            &lt;h1 class=&quot;text-3xl font-bold text-gray-900 flex items-center justify-center&quot;&gt;
                &lt;i data-lucide=&quot;mail&quot; class=&quot;w-8 h-8 mr-3 text-blue-600&quot;&gt;&lt;/i&gt; Email Management Dashboard
            &lt;/h1&gt;
            &lt;p class=&quot;text-gray-600 mt-2&quot;&gt;Manage collected emails and configure popup settings&lt;/p&gt;
        &lt;/header&gt;

        &lt;!-- Email List Card --&gt;
        &lt;div class=&quot;card bg-white rounded-xl shadow p-6 mb-8&quot;&gt;
            &lt;h2 class=&quot;font-medium text-gray-400 mb-4&quot;&gt;Collected Emails&lt;/h2&gt;
            &lt;form method=&quot;POST&quot;&gt;
                &lt;div class=&quot;overflow-x-auto&quot;&gt;
                    &lt;table class=&quot;w-full border-collapse&quot;&gt;
                        &lt;thead&gt;
                            &lt;tr class=&quot;bg-gray-100 text-gray-700&quot;&gt;
                                &lt;th class=&quot;p-3 text-left&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;select-all&quot; class=&quot;cursor-pointer rounded&quot;&gt;&lt;/th&gt;
                                &lt;th class=&quot;p-3 text-left font-medium&quot;&gt;Email Address&lt;/th&gt;
                            &lt;/tr&gt;
                        &lt;/thead&gt;
                        &lt;tbody&gt;
                            &lt;?php foreach ($paginated_emails as $email): ?&gt;
                                &lt;tr class=&quot;table-row border-b border-gray-200&quot;&gt;
                                    &lt;td class=&quot;p-3&quot;&gt;&lt;input type=&quot;checkbox&quot; name=&quot;selected_emails[]&quot; value=&quot;&lt;?= htmlspecialchars($email) ?&gt;&quot; class=&quot;cursor-pointer rounded&quot;&gt;&lt;/td&gt;
                                    &lt;td class=&quot;p-3 text-gray-800&quot;&gt;&lt;?= htmlspecialchars($email) ?&gt;&lt;/td&gt;
                                &lt;/tr&gt;
                            &lt;?php endforeach; ?&gt;
                        &lt;/tbody&gt;
                    &lt;/table&gt;
                &lt;/div&gt;
                &lt;!-- Pagination --&gt;
                &lt;?php if ($total_pages &gt; 1): ?&gt;
                    &lt;div class=&quot;flex justify-end mt-4 space-x-2&quot;&gt;
                        &lt;?php for ($i = 1; $i &lt;= $total_pages; $i++): ?&gt;
                            &lt;a href=&quot;?page=&lt;?= $i ?&gt;&quot; class=&quot;pagination-btn px-4 py-2 rounded-lg text-gray-700 &lt;?= $i === $current_page ? &#039;active&#039; : &#039;&#039; ?&gt;&quot;&gt;
                                &lt;?= $i ?&gt;
                            &lt;/a&gt;
                        &lt;?php endfor; ?&gt;
                    &lt;/div&gt;
                &lt;?php endif; ?&gt;
                &lt;div class=&quot;flex justify-end space-x-4 mt-6&quot;&gt;
                    &lt;button type=&quot;submit&quot; name=&quot;delete_emails&quot; class=&quot;mt-4 inline-flex items-center gap-2 px-4 py-2 text-sm bg-red-100 text-red-700 rounded-md hover:bg-red-200&quot;&gt;
                        &lt;i data-lucide=&quot;trash-2&quot; class=&quot;w-5 h-5 mr-2&quot;&gt;&lt;/i&gt; Delete
                    &lt;/button&gt;
                    &lt;a href=&quot;?download=csv&quot; class=&quot;mt-4 inline-flex items-center gap-2 px-4 py-2 text-sm bg-blue-100 text-blue-700 rounded-md hover:bg-blue-200&quot;&gt;
                        &lt;i data-lucide=&quot;download&quot; class=&quot;w-5 h-5 mr-2&quot;&gt;&lt;/i&gt; CSV
                    &lt;/a&gt;
                    &lt;a href=&quot;?download=txt&quot; class=&quot;mt-4 inline-flex items-center gap-2 px-4 py-2 text-sm bg-blue-100 text-blue-700 rounded-md hover:bg-blue-200&quot;&gt;
                        &lt;i data-lucide=&quot;download&quot; class=&quot;w-5 h-5 mr-2&quot;&gt;&lt;/i&gt; TXT
                    &lt;/a&gt;
                &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;

        &lt;!-- Add Email Card --&gt;
        &lt;div class=&quot;card bg-white rounded-xl shadow p-6 mb-8&quot;&gt;
            &lt;h2 class=&quot;font-medium text-gray-400 mb-4&quot;&gt;Add New Email&lt;/h2&gt;
            &lt;form method=&quot;POST&quot; class=&quot;flex justify-end space-x-4&quot;&gt;
                &lt;input type=&quot;email&quot; name=&quot;email&quot; placeholder=&quot;Enter email address&quot; class=&quot;border border-gray-300 rounded-lg p-3 w-full focus:outline-none focus:ring-2 focus:ring-blue-500&quot; required&gt;
                &lt;button type=&quot;submit&quot; name=&quot;add_email&quot; class=&quot;btn bg-green-600 text-white px-5 py-3 rounded-xl shadow hover:bg-green-700 flex items-center&quot;&gt;
                    &lt;i data-lucide=&quot;plus&quot; class=&quot;w-5 h-5 mr-2&quot;&gt;&lt;/i&gt; Add
                &lt;/button&gt;
            &lt;/form&gt;
        &lt;/div&gt;

        &lt;!-- Settings Card --&gt;
        &lt;div class=&quot;card bg-white rounded-xl shadow p-6&quot;&gt;
            &lt;h2 class=&quot;font-medium text-gray-400 mb-4&quot;&gt;Popup Configuration&lt;/h2&gt;
            &lt;form method=&quot;POST&quot; class=&quot;grid grid-cols-1 md:grid-cols-2 gap-6&quot;&gt;
                &lt;div&gt;
                    &lt;label class=&quot;block text-sm mb-2 font-medium text-gray-400&quot;&gt;Popup Delay (seconds)&lt;/label&gt;
                    &lt;input type=&quot;number&quot; name=&quot;delay&quot; value=&quot;&lt;?= $emails[&#039;settings&#039;][&#039;delay&#039;] ?&gt;&quot; min=&quot;1&quot; class=&quot;mt-1 border border-gray-300 rounded-lg p-3 w-full focus:outline-none focus:ring-2 focus:ring-blue-500&quot;&gt;
                &lt;/div&gt;
                &lt;div&gt;
                    &lt;label class=&quot;block text-sm mb-2 font-medium text-gray-400&quot;&gt;Daily Frequency&lt;/label&gt;
                    &lt;input type=&quot;number&quot; name=&quot;frequency&quot; value=&quot;&lt;?= $emails[&#039;settings&#039;][&#039;frequency&#039;] ?&gt;&quot; min=&quot;1&quot; class=&quot;mt-1 border border-gray-300 rounded-lg p-3 w-full focus:outline-none focus:ring-2 focus:ring-blue-500&quot;&gt;
                &lt;/div&gt;
                &lt;div class=&quot;md:col-span-2 flex justify-end&quot;&gt;
                    &lt;button type=&quot;submit&quot; name=&quot;update_settings&quot; class=&quot;btn bg-blue-600 text-white px-5 py-3 rounded-xl shadow hover:bg-blue-700 flex items-center&quot;&gt;
                        &lt;i data-lucide=&quot;save&quot; class=&quot;w-5 h-5 mr-2&quot;&gt;&lt;/i&gt; Save Settings
                    &lt;/button&gt;
                &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;script&gt;
        lucide.createIcons();
        document.getElementById(&#039;select-all&#039;).addEventListener(&#039;change&#039;, function() {
            document.querySelectorAll(&#039;input[name=&quot;selected_emails[]&quot;]&#039;).forEach(checkbox =&gt; {
                checkbox.checked = this.checked;
            });
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>        </div>
    </div>