refactor : Add pages for admin

- Add new admin page - Add billing page - Add hospitals page - Add reports page - Add users page
ad956 · Jul 27, 2024 · 5ddfd84 · 5ddfd84
1 parent 05eea00
commit 5ddfd84
Show file tree

Hide file tree

Showing 5 changed files with 238 additions and 0 deletions.
diff --git a/app/(pages)/admin/add-admin/page.tsx b/app/(pages)/admin/add-admin/page.tsx
@@ -0,0 +1,207 @@
+"use client";
+
+import React from "react";
+import { Input, Button, Card, CardBody, CardHeader } from "@nextui-org/react";
+import { motion } from "framer-motion";
+
+export default function AddAdmin() {
+  const handleSubmit = (e: any) => {
+    e.preventDefault();
+    console.log("Form submitted");
+  };
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-blue-50 via-white to-purple-50 flex justify-center px-4 sm:px-6 lg:px-8 relative overflow-hidden">
+      {/* Subtle animated background shapes */}
+      <motion.div
+        className="absolute top-0 left-0 w-64 h-64 bg-blue-100 rounded-full mix-blend-multiply filter blur-xl opacity-70"
+        animate={{
+          scale: [1, 1.1, 1],
+          rotate: [0, 180, 0],
+        }}
+        transition={{
+          duration: 20,
+          ease: "easeInOut",
+          times: [0, 0.5, 1],
+          repeat: Infinity,
+          repeatType: "reverse",
+        }}
+      />
+      <motion.div
+        className="absolute bottom-0 right-0 w-64 h-64 bg-purple-100 rounded-full mix-blend-multiply filter blur-xl opacity-70"
+        animate={{
+          scale: [1, 1.2, 1],
+          rotate: [0, -180, 0],
+        }}
+        transition={{
+          duration: 25,
+          ease: "easeInOut",
+          times: [0, 0.5, 1],
+          repeat: Infinity,
+          repeatType: "reverse",
+        }}
+      />
+
+      <Card className="w-full max-w-4xl shadow-lg mt-8 h-4/5">
+        <CardHeader className="bg-white border-b border-gray-200 p-6">
+          <h1 className="text-2xl font-semibold text-gray-800">
+            Create New Admin
+          </h1>
+        </CardHeader>
+        <CardBody className="p-8 flex flex-col md:flex-row gap-8">
+          {/* Left side - Form */}
+          <div className="flex-1">
+            <form onSubmit={handleSubmit} className="space-y-6">
+              <div className="space-y-2">
+                <label className="text-sm font-medium text-gray-700">
+                  Full Name
+                </label>
+                <Input
+                  placeholder="John Doe"
+                  variant="bordered"
+                  startContent={
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      strokeWidth={1.5}
+                      stroke="currentColor"
+                      className="w-5 h-5 text-gray-400"
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"
+                      />
+                    </svg>
+                  }
+                />
+              </div>
+              <div className="space-y-2">
+                <label className="text-sm font-medium text-gray-700">
+                  Email Address
+                </label>
+                <Input
+                  type="email"
+                  placeholder="[email protected]"
+                  variant="bordered"
+                  startContent={
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      strokeWidth={1.5}
+                      stroke="currentColor"
+                      className="w-5 h-5 text-gray-400"
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"
+                      />
+                    </svg>
+                  }
+                />
+              </div>
+              <div className="space-y-2">
+                <label className="text-sm font-medium text-gray-700">
+                  Password
+                </label>
+                <Input
+                  type="password"
+                  placeholder="••••••••"
+                  variant="bordered"
+                  startContent={
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      strokeWidth={1.5}
+                      stroke="currentColor"
+                      className="w-5 h-5 text-gray-400"
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"
+                      />
+                    </svg>
+                  }
+                />
+              </div>
+              <div className="space-y-2">
+                <label className="text-sm font-medium text-gray-700">
+                  Confirm Password
+                </label>
+                <Input
+                  type="password"
+                  placeholder="••••••••"
+                  variant="bordered"
+                  startContent={
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      strokeWidth={1.5}
+                      stroke="currentColor"
+                      className="w-5 h-5 text-gray-400"
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"
+                      />
+                    </svg>
+                  }
+                />
+              </div>
+              <Button
+                type="submit"
+                className="w-full bg-blue-600 text-white hover:bg-blue-700 transition-colors"
+              >
+                Create Admin Account
+              </Button>
+            </form>
+          </div>
+
+          {/* Right side - Decorative content */}
+          <div className="flex-1 flex flex-col justify-center items-center">
+            <motion.div
+              className="w-48 h-48 bg-gradient-to-br from-blue-100 to-purple-100 rounded-full flex items-center justify-center"
+              animate={{
+                scale: [1, 1.05, 1],
+              }}
+              transition={{
+                duration: 4,
+                ease: "easeInOut",
+                times: [0, 0.5, 1],
+                repeat: Infinity,
+              }}
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                strokeWidth={1.5}
+                stroke="currentColor"
+                className="w-24 h-24 text-blue-500"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z"
+                />
+              </svg>
+            </motion.div>
+            <h2 className="mt-6 text-xl font-semibold text-gray-800">
+              Welcome to the Admin Team
+            </h2>
+            <p className="mt-2 text-gray-600 text-center">
+              Join us in managing and improving our platform.
+            </p>
+          </div>
+        </CardBody>
+      </Card>
+    </div>
+  );
+}
diff --git a/app/(pages)/admin/billing/page.tsx b/app/(pages)/admin/billing/page.tsx
@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function Billing() {
+  return <div>Overview of financial transactions</div>;
+}
diff --git a/app/(pages)/admin/hospitals/page.tsx b/app/(pages)/admin/hospitals/page.tsx
@@ -0,0 +1,8 @@
+export default function Hospitals() {
+  return (
+    <div>
+      Add/edit hospital information Manage departments and services Set
+      hospital-wide policies and procedures
+    </div>
+  );
+}
diff --git a/app/(pages)/admin/reports/page.tsx b/app/(pages)/admin/reports/page.tsx
@@ -0,0 +1,8 @@
+export default function Reports() {
+  return (
+    <div>
+      Extract Reports for specific hospital which will shows its total usre s,
+      doctors , receps, etc
+    </div>
+  );
+}
diff --git a/app/(pages)/admin/users/page.tsx b/app/(pages)/admin/users/page.tsx
@@ -0,0 +1,10 @@
+export default function Users() {
+  return (
+    <div>
+      Patient , Admin , Rcep onlY Search and view user profiles , List all users
+      (patients, doctors, receptionists, etc.) Create, edit, and deactivate user
+      accounts Manage user roles and permissions Bulk user operations (e.g.,
+      import/export)
+    </div>
+  );
+}