+
+
+
+
+
+ 📧 Connected Accounts
+ Link your email provider to read & send directly:
+
+
+
+
+ 📥 Inbox
+ (This will show your connected emails once integration is done)
+
+ | From | Subject | Date | Action |
|---|
+
+ | Alice |
+ Hello about our meeting |
+ 2025-08-20 |
+ |
+
+
+ | Bob |
+ Invoice Reminder |
+ 2025-08-19 |
+ |
+
+
+
+
+
+
+
diff --git a/inc/css/style.css b/inc/css/style.css
index 2e5c45c..3ef02e0 100644
--- a/inc/css/style.css
+++ b/inc/css/style.css
@@ -176,4 +176,170 @@ button + button {
display: block;
width: 100%;
margin: 10px 0;
-}
\ No newline at end of file
+}
+
+/* Navbar styling */
+.navbar {
+ display: flex;
+ justify-content: space-between; /* logo left, links right */
+ align-items: center;
+ background-color: #fff;
+ padding: 15px 30px;
+ border-bottom: 1px solid #ddd;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+}
+
+.navbar .logo {
+ font-size: 1.5em;
+ font-weight: bold;
+ color: #333;
+}
+
+.navbar .nav-links {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ gap: 20px;
+}
+
+.navbar .nav-links li {
+ display: inline;
+}
+
+.navbar .nav-links a {
+ text-decoration: none;
+ color: #333;
+ font-weight: 500;
+ transition: color 0.2s ease;
+}
+
+.navbar .nav-links a:hover,
+.navbar .nav-links a.active {
+ color: #007bff; /* highlight */
+}
+
+.connect-buttons button {
+ margin: 8px;
+ padding: 10px 18px;
+ font-size: 14px;
+ border-radius: 8px;
+ border: none;
+ cursor: pointer;
+ background: #444;
+ color: #fff;
+ transition: background 0.2s;
+}
+
+.connect-buttons button:hover {
+ background: #666;
+}
+
+table.inbox {
+ width: 100%;
+ margin-top: 15px;
+ border-collapse: collapse;
+}
+
+table.inbox th, table.inbox td {
+ padding: 10px;
+ border-bottom: 1px solid #333;
+ text-align: left;
+}
+
+table.inbox tr:hover {
+ background: #222;
+}
+
+/* Dashboard Layout */
+.dashboard {
+ display: flex;
+ min-height: 100vh;
+}
+
+/* Sidebar */
+.sidebar {
+ width: 220px;
+ background: #111827; /* dark slate */
+ color: #fff;
+ padding: 20px;
+ display: flex;
+ flex-direction: column;
+}
+
+.sidebar .logo {
+ font-size: 20px;
+ font-weight: bold;
+ margin-bottom: 30px;
+ text-align: center;
+}
+
+.sidebar ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.sidebar ul li {
+ margin: 15px 0;
+}
+
+.sidebar ul li a {
+ color: #d1d5db;
+ text-decoration: none;
+ font-size: 16px;
+ display: block;
+ padding: 8px;
+ border-radius: 8px;
+ transition: 0.2s;
+}
+
+.sidebar ul li a:hover {
+ background: #374151;
+ color: #fff;
+}
+
+/* Main Content */
+.main-content {
+ flex: 1;
+ padding: 40px;
+ background: #f3f4f6;
+}
+
+.dark-mode .main-content {
+ background: #1f2937;
+ color: #f3f4f6;
+}
+
+/* Force full-width flex layout */
+body, html {
+ margin: 0;
+ padding: 0;
+ height: 100%;
+}
+
+/* Dashboard wrapper */
+.dashboard {
+ display: flex;
+ min-height: 100vh;
+}
+
+/* Sidebar */
+.sidebar {
+ width: 220px;
+ background: #0f172a;
+ color: #fff;
+ padding: 20px;
+ margin: 0; /* REMOVE spacing */
+ position: fixed; /* Stick to left */
+ top: 0;
+ left: 0;
+ bottom: 0;
+}
+
+/* Main content area */
+.main-content {
+ margin-left: 220px; /* Push content to the right of sidebar */
+ padding: 30px;
+ flex: 1;
+}
diff --git a/inc/js/theme.js b/inc/js/theme.js
index 0feaa0e..11841ca 100644
--- a/inc/js/theme.js
+++ b/inc/js/theme.js
@@ -1,9 +1,61 @@
-document.addEventListener('DOMContentLoaded', () =>{
+document.addEventListener('DOMContentLoaded', () => {
+ // Dark mode toggle
const toggleBtn = document.getElementById('darkModeBtn');
- if(toggleBtn){
- toggleBtn.addEventListener('click', (e) =>{
+ if (toggleBtn) {
+ toggleBtn.addEventListener('click', (e) => {
e.preventDefault();
document.body.classList.toggle('dark-mode');
- })
+ });
}
-})
\ No newline at end of file
+
+ // Copy email button
+ const copyBtn = document.getElementById('copyBtn');
+ if (copyBtn) {
+ copyBtn.addEventListener('click', () => {
+ const text = document.getElementById('aiEmail')?.innerText;
+ if (text) {
+ if (navigator.clipboard && navigator.clipboard.writeText) {
+ // Modern way (requires HTTPS or localhost)
+ navigator.clipboard.writeText(text).then(() => {
+ showToast();
+ }).catch(err => {
+ alert("Failed to copy: " + err);
+ });
+ } else {
+ // Fallback for HTTP
+ const textarea = document.createElement('textarea');
+ textarea.value = text;
+ document.body.appendChild(textarea);
+ textarea.select();
+ document.execCommand('copy');
+ document.body.removeChild(textarea);
+ showToast();
+ }
+ }
+ });
+ }
+
+ // Save email button
+ const saveBtn = document.getElementById('saveBtn');
+ if (saveBtn) {
+ saveBtn.addEventListener('click', () => {
+ const text = document.getElementById('aiEmail')?.innerText;
+ if (text) {
+ const blob = new Blob([text], { type: 'text/plain' });
+ const link = document.createElement('a');
+ link.href = URL.createObjectURL(blob);
+ link.download = 'email.txt';
+ link.click();
+ }
+ });
+ }
+
+ // Toast helper
+ function showToast() {
+ const toast = document.getElementById('toast');
+ if (toast) {
+ toast.classList.add('show');
+ setTimeout(() => toast.classList.remove('show'), 2000);
+ }
+ }
+});
diff --git a/inc/php/auth.php b/inc/php/auth.php
index e8841cf..b47478c 100644
--- a/inc/php/auth.php
+++ b/inc/php/auth.php
@@ -1,24 +1,32 @@
prepare("SELECT id FROM users WHERE id = :id AND uniqueid = :uniqueid");
- $stmt->execute([
- 'id' => $_SESSION['user_id'],
- 'uniqueid' => $_SESSION['uniqueid'],
- ]);
+ try {
+ $conn = getConnection();
+ $stmt = $conn->prepare("SELECT id FROM users WHERE id = :id AND uniqueid = :uniqueid");
+ $stmt->execute([
+ 'id' => $_SESSION['user_id'],
+ 'uniqueid' => $_SESSION['uniqueid'],
+ ]);
- return $stmt->fetch() !== false;
+ return $stmt->fetch() !== false;
+ } catch (PDOException $e) {
+ return false; // fail safe
+ }
}
-if (!isAuthenticated()) {
- header("Location: /landing.php");
- exit();
+function requireLogin() {
+ if (!isAuthenticated()) {
+ header("Location: /landing.php");
+ exit();
+ }
}
-?>
diff --git a/inc/php/delete_email.php b/inc/php/delete_email.php
new file mode 100644
index 0000000..6928f3d
--- /dev/null
+++ b/inc/php/delete_email.php
@@ -0,0 +1,18 @@
+prepare("DELETE FROM saved_emails WHERE id = ? AND user_id = ?");
+$stmt->bind_param("ii", $id, $user_id);
+$stmt->execute();
+
+header("Location: /inc/php/saved.php?deleted=1");
+exit;
diff --git a/inc/php/generate.php b/inc/php/generate.php
new file mode 100644
index 0000000..92fc354
--- /dev/null
+++ b/inc/php/generate.php
@@ -0,0 +1,37 @@
+
+
+
+
'Write this email in a formal tone',
@@ -27,12 +30,11 @@
die('Invalid Input.');
}
- // Improved Prompt with strict language response
+ // Build prompt
$prompt = $allowedTones[$tone] . ". Transform this rough text into a polished, professional email in " . $language . ". ONLY reply in " . $language . ":\n\n" . $emailInput;
- // Prepare API request
+ // API call
$apiurl = 'https://api.openai.com/v1/chat/completions';
-
$data = [
'model' => 'gpt-3.5-turbo',
'messages' => [
@@ -47,7 +49,6 @@
'Authorization: Bearer ' . $apikey,
];
- // Make API request
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $apiurl);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
@@ -58,18 +59,31 @@
$response = curl_exec($ch);
curl_close($ch);
- // Handle response
$result = json_decode($response, true);
if (isset($result['choices'][0]['message']['content'])) {
- $aiEmail = htmlspecialchars($result['choices'][0]['message']['content']);
+ $aiEmail = trim($result['choices'][0]['message']['content']);
+ $safeEmail = htmlspecialchars($aiEmail);
+
echo "
Your AI-Generated Email:
";
echo "
";
- echo "
$aiEmail
";
+ echo "
$safeEmail
";
+
+ // Copy / Save / Navigation
echo "
";
echo "
";
- echo "
";
- echo "
← Generate Another Email";
+ echo "
";
+ echo "
← Generate Another Email";
+
+ // NEW: Save to DB form
+ if ($user_id) {
+ echo "
";
+ }
+
echo "
";
} else {
echo "Error: Failed to generate email. Try again later.";
@@ -81,7 +95,6 @@
-
diff --git a/saved_emails.php b/saved_emails.php
new file mode 100644
index 0000000..a864d76
--- /dev/null
+++ b/saved_emails.php
@@ -0,0 +1,46 @@
+prepare("
+ SELECT id, subject, body, created_at
+ FROM saved_emails
+ WHERE user_id = :user_id
+ ORDER BY created_at DESC
+");
+$stmt->execute([':user_id' => $user_id]);
+$emails = $stmt->fetchAll(PDO::FETCH_ASSOC);
+?>
+
+
+
+
+
+
📑 Saved Emails
+
+
+
+ | Subject | Preview | Date | Action |
|---|
+
+
+ |
+ ... |
+ |
+
+
+
+ |
+
+
+
+
+
No saved emails yet.
+
+
+