From 4ac8ca62fbbb50254f5c6e1dffcd7937f4d83dae Mon Sep 17 00:00:00 2001
From: Leon Serfaty G <serfowi@gmail.com>
Date: Fri, 18 Jul 2025 03:19:06 +0000
Subject: [PATCH] on the admin dashboard  you remove the email SMPT tab,
 readded and inclu

---
 src/app/admin/layout.tsx                      | 11 +++-
 .../admin/settings/email-templates/page.tsx   | 52 +++++++++++++++++++
 2 files changed, 62 insertions(+), 1 deletion(-)
 create mode 100644 src/app/admin/settings/email-templates/page.tsx

diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 71dd5a4..5f62f29 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -21,7 +21,8 @@ import {
   User,
   Settings,
   LogOut,
-  Code2
+  Code2,
+  Mails
 } from "lucide-react"
 import { Button } from "@/components/ui/button";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
@@ -74,6 +75,14 @@ function AdminLayout({
                 </SidebarMenuButton>
               </Link>
             </SidebarMenuItem>
+             <SidebarMenuItem>
+              <Link href="/admin/settings/email-templates">
+                <SidebarMenuButton tooltip="Email Templates">
+                  <Mails />
+                  <span>Email Templates</span>
+                </SidebarMenuButton>
+              </Link>
+            </SidebarMenuItem>
           </SidebarMenu>
         </SidebarContent>
         <SidebarFooter>
diff --git a/src/app/admin/settings/email-templates/page.tsx b/src/app/admin/settings/email-templates/page.tsx
new file mode 100644
index 0000000..a7589ec
--- /dev/null
+++ b/src/app/admin/settings/email-templates/page.tsx
@@ -0,0 +1,52 @@
+
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+
+export default function EmailTemplatesPage() {
+  return (
+    <div className="space-y-8">
+      <div>
+        <h1 className="text-3xl font-bold tracking-tight">Email Templates</h1>
+        <p className="mt-2 text-muted-foreground">
+          Preview and manage the email sent to users after they complete an estimate.
+        </p>
+      </div>
+      <Card>
+        <CardHeader>
+          <div className="flex items-center justify-between">
+            <div>
+              <CardTitle>Estimate Completion Email</CardTitle>
+              <CardDescription>This is the email users receive.</CardDescription>
+            </div>
+            <Button variant="outline">Edit Template</Button>
+          </div>
+        </CardHeader>
+        <CardContent>
+          <div className="w-full rounded-lg border bg-muted p-6">
+            <div className="font-sans text-sm text-foreground">
+              <h2 className="text-xl font-bold">Your Project Estimate is Ready!</h2>
+              <p className="mt-4">Hello, [User Name],</p>
+              <p className="mt-2">Thank you for using EstimateFlow. We've prepared a rough estimate for your project based on your selections.</p>
+              
+              <div className="my-6 space-y-4 rounded-lg border bg-background p-4">
+                <div>
+                  <h3 className="font-semibold">Custom Development Estimate</h3>
+                  <p className="text-2xl font-bold">[Custom Hours]+ hours</p>
+                </div>
+                 <div>
+                  <h3 className="font-semibold">Ready-Made Tools Estimate</h3>
+                  <p className="text-2xl font-bold">[Ready-Made Hours]+ hours</p>
+                </div>
+              </div>
+
+              <p className="mt-2">Please note that this is a preliminary estimate. For a more detailed quote and to discuss your project further, please don't hesitate to contact us.</p>
+              
+              <p className="mt-6">Best regards,</p>
+              <p className="font-semibold">The EstimateFlow Team</p>
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}