Update payment method
-Pay 40,000
+Pay {total}
@@ -46,14 +59,15 @@ const PaymentModal = () => {
value="transfer"
checked={selectedMethod === "transfer"}
onChange={() => setSelectedMethod("transfer")}
+ disabled
/>
{" "}
@@ -61,7 +75,9 @@ const PaymentModal = () => {
{/* Buttons */}
-
+
{/* Security Info */}
diff --git a/Frontend/src/components/forms/NewPharmarcySignUp.jsx b/Frontend/src/components/forms/NewPharmarcySignUp.jsx
new file mode 100644
index 00000000..f0778d43
--- /dev/null
+++ b/Frontend/src/components/forms/NewPharmarcySignUp.jsx
@@ -0,0 +1,185 @@
+import React, { useState } from "react";
+import styles from "../../styles/newpharmacysignup.module.css";
+import caretleft from "../../assets/CaretLeft.png";
+import cancelicon from "../../assets/X.png";
+import { useNavigate } from "react-router-dom";
+
+const InputField = ({ id, name, type, placeholder, value, onChange }) => (
+
+);
+
+const NewPharmarcySignUp = () => {
+ const navigate = useNavigate();
+
+ const handlePharmSignIn = () => {
+ navigate("/pharmacy-signin");
+ };
+
+ const [formData, setFormData] = useState({
+ name: "",
+ email: "",
+ password: "",
+ confirmPassword: "",
+ phone: "",
+ address: "",
+ });
+
+ const [error, setError] = useState("");
+ const [success, setSuccess] = useState(false);
+ const [loading, setLoading] = useState(false);
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+ setFormData({ ...formData, [name]: value });
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+ setError("");
+ setSuccess(false);
+
+ // Basic validation
+ if (
+ !formData.name ||
+ !formData.email ||
+ !formData.password ||
+ !formData.confirmPassword ||
+ !formData.phone ||
+ !formData.address
+ ) {
+ setError("All fields are required.");
+ return;
+ }
+
+ if (formData.password !== formData.confirmPassword) {
+ setError("Passwords do not match.");
+ return;
+ }
+
+ setLoading(true);
+
+ try {
+ const response = await fetch(
+ `${import.meta.env.VITE_API_URL}/pharmacies/signup`,
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(formData),
+ }
+ );
+
+ if (!response.ok) {
+ throw new Error("Failed to sign up. Please try again.");
+ }
+
+ const data = await response.json();
+ setSuccess(true);
+ setFormData({
+ name: "",
+ email: "",
+ password: "",
+ confirmPassword: "",
+ phone: "",
+ address: "",
+ });
+ alert("Signup successful!");
+ navigate("/pharmacy-signin");
+ } catch (err) {
+ setError(err.message);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ return (
+
+
+
+
+ );
+};
+
+export default NewPharmarcySignUp;
diff --git a/Frontend/src/components/forms/PhamarcySignUp.jsx b/Frontend/src/components/forms/PhamarcySignUp.jsx
deleted file mode 100644
index f9360ab5..00000000
--- a/Frontend/src/components/forms/PhamarcySignUp.jsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from "react";
-import "../../styles/pharmacysignup.css";
-import caretleft from "../../assets/CaretLeft.png";
-import cancelicon from "../../assets/X.png"
-const PhamarcySignUp = () => {
- return (
-
+ 
+ 
+
+
+
+ Create Account
+
-
- );
-};
-
-export default PhamarcySignUp;
diff --git a/Frontend/src/components/forms/Pharmarcysignin.jsx b/Frontend/src/components/forms/Pharmarcysignin.jsx
new file mode 100644
index 00000000..cfeb306b
--- /dev/null
+++ b/Frontend/src/components/forms/Pharmarcysignin.jsx
@@ -0,0 +1,130 @@
+import React, { useState } from "react";
+import styles from "../../styles/pharmacysignin.module.css";
+import caretleft from "../../assets/CaretLeft.png";
+import cancelicon from "../../assets/X.png";
+import { useNavigate } from "react-router-dom";
+
+const Pharmarcysignin = () => {
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+ const [rememberMe, setRememberMe] = useState(false);
+ const [error, setError] = useState("");
+
+ const handleSignIn = async (e) => {
+ // Prevent Default submission
+ e.preventDefault();
+ setError("");
+
+ try {
+ const response = await fetch(
+ // "https://new-cura.onrender.com/api/pharmacies/signin",
+ `${import.meta.env.VITE_API_URL}/pharmacies/signin`,
+
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({ email, password }),
+ }
+ );
+
+ const data = await response.json();
+
+ if (response.ok) {
+ localStorage.setItem("authtoken", data.token);
+ navigate("/dashboard");
+ } else if (response.status === 401) {
+ const data = await response.json();
+ setError(data.message || "Invalid email or password.");
+ } else if (response.status === 404) {
+ setError("Account not found. Please check your email.");
+ } else {
+ setError(data.message || "Sign-in failed. Please try again.");
+ }
+ } catch (error) {
+ setError("Network error. Please try again later.");
+ console.error("Sign-in error:", error);
+ }
+ };
+
+ const navigate = useNavigate();
+
+ const handleSignUp = () => {
+ navigate("/signup-email");
+ };
+
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ };
+ return (
+
-
-
-
-
-
- {" "}
-
- Already have An Account
- Login in -
+
+
+
+ );
+};
+
+export default Pharmarcysignin;
diff --git a/Frontend/src/components/forms/SignIn.jsx b/Frontend/src/components/forms/SignIn.jsx
index bbc47f4a..19e3158c 100644
--- a/Frontend/src/components/forms/SignIn.jsx
+++ b/Frontend/src/components/forms/SignIn.jsx
@@ -16,7 +16,8 @@ const SignIn = () => {
try {
const response = await fetch(
- "https://new-cura.onrender.com/api/patients/signin",
+ `${import.meta.env.VITE_API_URL}/patients/signin`,
+
{
method: "POST",
headers: {
@@ -95,7 +96,7 @@ const SignIn = () => {
/>
Remember Me
- Forgot password?
+ Forgot password?
+
+
+
+
+ Log In
+
+
+ Don't have an account?
+ Sign up +