+
+
+ {error && (
+ + Admin Dashboard +
+ ++ Manage venues, owners and platform approvals. +
+
+ {error}
+
+ )}
+
+
+
+
+
+
+
+
+
+ Total Venues
++ {stats.totalVenues} +
+
+
+
+
+
+ Approved
++ {stats.approved} +
+
+
+
+
+
+ Pending
++ {stats.pending} +
+
+
+
+
+ Rejected
++ {stats.rejected} +
+
+
+
+ {selectedVenue && (
+ + Venue Approval Requests +
+ + {venues.length === 0 ? ( +No venues found.
+ ) : ( +
+
+
+
+
+ )}
+ | Venue | +Owner | +Location | +Capacity | +Price | +Status | +Action | +
|---|---|---|---|---|---|---|
|
+
+
+
+
+ + {venue.name} + ++ {venue.category} + + |
+
+
+
+
+ {venue.owner?.name || "Seed/Admin Venue"} ++ {venue.owner?.email || "N/A"} + + |
+
+ + {venue.town}, {venue.district} + | + +Up to {venue.capacity || "N/A"} guests | + ++ ₹{venue.pricing?.basePrice || "N/A"} + | + ++ + {formatStatus(venue.status)} + + | + +
+
+
+
+ {venue.status === "pending" && (
+ <>
+
+
+
+
+ )}
+
+ |
+
+
+ );
+}
+
+export default AdminDashboard;
\ No newline at end of file
diff --git a/client/src/pages/BookingInquiry.jsx b/client/src/pages/BookingInquiry.jsx
new file mode 100644
index 000000000..43850da0b
--- /dev/null
+++ b/client/src/pages/BookingInquiry.jsx
@@ -0,0 +1,360 @@
+import { useEffect, useState } from "react";
+import { useNavigate, useParams, Link } from "react-router-dom";
+
+import { getVenueById } from "../services/venueService";
+import { createBookingInquiry } from "../services/bookingInquiryService";
+import { usePageTitle } from "../hooks/usePageTitle";
+
+function BookingInquiry() {
+ usePageTitle("Submit Booking Inquiry");
+ const { venueId } = useParams();
+ const navigate = useNavigate();
+
+ const [venue, setVenue] = useState(null);
+ const [loading, setLoading] = useState(true);
+ const [submitLoading, setSubmitLoading] = useState(false);
+ const [error, setError] = useState("");
+ const [successMessage, setSuccessMessage] = useState("");
+ const [trackingCode, setTrackingCode] = useState("");
+ const [copySuccess, setCopySuccess] = useState("");
+
+ const [formData, setFormData] = useState({
+ customerName: "",
+ customerPhone: "",
+ customerEmail: "",
+ eventDate: "",
+ guestCount: "",
+ message: "",
+ });
+
+ const getTodayDate = () => {
+ const today = new Date();
+ const timezoneOffset = today.getTimezoneOffset() * 60000;
+ return new Date(today.getTime() - timezoneOffset)
+ .toISOString()
+ .split("T")[0];
+ };
+
+ useEffect(() => {
+ const fetchVenue = async () => {
+ try {
+ setLoading(true);
+ setError("");
+
+ const result = await getVenueById(venueId);
+ setVenue(result.data);
+ } catch (err) {
+ setError(err.response?.data?.message || "Failed to fetch venue");
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ fetchVenue();
+ }, [venueId]);
+
+ const handleCopyTrackingCode = async () => {
+ try {
+ await navigator.clipboard.writeText(trackingCode);
+ setCopySuccess("Tracking code copied!");
+
+ setTimeout(() => {
+ setCopySuccess("");
+ }, 2500);
+ } catch {
+ setCopySuccess("Could not copy. Please copy the code manually.");
+ }
+ };
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+
+ setFormData((prev) => ({
+ ...prev,
+ [name]: value,
+ }));
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ try {
+ setSubmitLoading(true);
+ setError("");
+ setSuccessMessage("");
+
+ const result = await createBookingInquiry({
+ venueId,
+ customerName: formData.customerName,
+ customerPhone: formData.customerPhone,
+ customerEmail: formData.customerEmail,
+ eventDate: formData.eventDate,
+ guestCount: formData.guestCount,
+ message: formData.message,
+ });
+
+ const newTrackingCode = result.data.trackingCode;
+
+ setSuccessMessage(result.message || "Booking inquiry submitted successfully.");
+ setTrackingCode(newTrackingCode);
+
+ setFormData({
+ customerName: "",
+ customerPhone: "",
+ customerEmail: "",
+ eventDate: "",
+ guestCount: "",
+ message: "",
+ });
+ } catch (err) {
+ setError(err.response?.data?.message || "Failed to submit booking inquiry");
+ } finally {
+ setSubmitLoading(false);
+ }
+ };
+
+ if (loading) {
+ return (
+ setSelectedVenue(null)}
+ />
+
+
+ )}
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ {formatStatus(selectedVenue.status)}
+
+
+
+ + {selectedVenue.name} +
+ +
+
+
+
+
+
+
+
+
+ + Description +
++ {selectedVenue.description || "No description provided."} +
+
+
+
+ + Full Address +
++ {selectedVenue.address || "No address provided."} +
+
+
+
+ + Amenities +
+ + {selectedVenue.amenities?.length > 0 ? ( +
+ {selectedVenue.amenities.map((amenity) => (
+
+ {amenity}
+
+ ))}
+
+ ) : (
+ No amenities provided.
+ )} +
+
+ + Gallery +
+ + {selectedVenue.images?.length > 0 ? ( +
+ {selectedVenue.images.map((image, index) => (
+ 
+ ))}
+
+ ) : (
+ No images uploaded.
+ )} +
+
+
+
+
+ + Venue Summary +
+ +
+
+ + Category: {selectedVenue.category} +
+ ++ Capacity: Up to{" "} + {selectedVenue.capacity || "N/A"} guests +
+ +
+
+ Pricing Model:{" "} + {formatPricingModel( + selectedVenue.pricing?.pricingModel || "per_day" + )} +
+ ++ Currency:{" "} + {selectedVenue.pricing?.currency || "INR"} +
+
+
+
+ + Owner Details +
+ +
+
+ + Name:{" "} + {selectedVenue.owner?.name || "N/A"} +
+ ++ Email:{" "} + {selectedVenue.owner?.email || "N/A"} +
+
+
+
+ + Contact Info +
+ +
+ {selectedVenue.contactInfo?.phone && (
+
+
+
+
+
+ No contact information provided. +
+ )} +
+
+
+ {selectedVenue?.status === "pending" ? (
+ + Coordinates +
+ ++ Longitude:{" "} + {selectedVenue.location?.coordinates?.[0] || "N/A"} +
+ ++ Latitude:{" "} + {selectedVenue.location?.coordinates?.[1] || "N/A"} +
+
+
+
+
+
+ ) : (
+
+ This venue has already been{" "}
+ {selectedVenue.status}. No further
+ admin action is available unless the owner edits and resubmits it.
+
+ )}
+
+
+ );
+ }
+
+ if (error && !venue) {
+ return (
+ Loading booking page...
+
+
+ );
+ }
+
+ return (
+ {error}
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + {venue?.name} +
+ ++ {venue?.town}, {venue?.district} +
+ ++ Starting from ₹{venue?.pricing?.basePrice} +
+ ++ Capacity: {venue?.capacity?.min} - {venue?.capacity?.max} Guests +
+
+
+
+
+
+
+
+ {showModal && booking && (
+ + Check Booking Status +
+ ++ Enter your tracking code and phone number to track your booking + request. +
+ + {error && ( +
+ {error}
+
+ )}
+
+
+
+
+
+
+ )}
+ {showCancelConfirm && (
+
+
+
+
+ + Booking Status +
+ ++ Latest status of your booking inquiry. +
+ +
+
+
+
+
+ Tracking Code
+
+
+ {booking.trackingCode}
+
+
+
+
+ Customer
+ {booking.customerName}
+
+
+
+ Phone
+ {booking.customerPhone}
+
+
+
+ Email
+
+ {booking.customerEmail || "Not provided"}
+
+
+
+
+ Venue
+
+ {booking.venue?.name || "Venue unavailable"}
+
+
+
+
+ Location
+
+ {booking.venue?.town}, {booking.venue?.district}
+
+
+
+
+ Event Date
+ {booking.eventDate}
+
+
+
+ Guests
+ {booking.guestCount}
+
+
+
+ Message
+
+ {booking.message || "No message provided"}
+
+
+
+
+ Status
+
+
+ {formatStatus(booking.status)}
+
+
+
+ {booking.status === "pending" && (
+
+
+
+
+ )}
+
+ {booking.status === "pending" && (
+
+ )}
+
+ {booking.status === "accepted" && (
+ + Booking Under Review +
+ ++ Your booking request has been sent to the venue owner. + Please wait while they review your request. +
+
+
+ )}
+
+ {booking.status === "cancelled" && (
+ + Booking Accepted 🎉 +
+ ++ Your booking inquiry has been accepted by the venue owner. + The owner may contact you using the phone number or email + you provided. +
+
+
+ )}
+ + Booking Inquiry Cancelled +
+ ++ You cancelled this booking inquiry. The venue owner can no longer accept + or reject this request. +
+ + + Browse Other Venues + +
+
+
+
+ + Booking Progress +
+ +
+
+
+ ✔ Booking Request Submitted
+
+
+
+ {booking.status === "pending"
+ ? "⏳ Venue Owner Review"
+ : "✔ Venue Owner Review"}
+
+
+
+ {booking.status === "pending"
+ ? "○ Final Decision"
+ : booking.status === "accepted"
+ ? "✔ Booking Accepted"
+ : booking.status === "rejected"
+ ? "✖ Booking Rejected"
+ : "✖ Inquiry Cancelled"}
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/client/src/pages/Home.jsx b/client/src/pages/Home.jsx
new file mode 100644
index 000000000..aac97bff5
--- /dev/null
+++ b/client/src/pages/Home.jsx
@@ -0,0 +1,377 @@
+import { Link, useNavigate } from "react-router-dom";
+import { useState, useEffect } from "react";
+import { getTownSuggestions } from "../services/venueService";
+import { usePageTitle } from "../hooks/usePageTitle";
+import { useAuth } from "../context/AuthContext";
+function Home() {
+ usePageTitle("Home");
+ const navigate = useNavigate();
+ const { user } = useAuth();
+
+ const [district, setDistrict] = useState("");
+ const [town, setTown] = useState("");
+ const [category, setCategory] = useState("");
+ const [eventDate, setEventDate] = useState("");
+ const [listVenueMessage, setListVenueMessage] = useState("");
+ const [locationLoading, setLocationLoading] = useState(false);
+ const [locationError, setLocationError] = useState("");
+ const [townSuggestions, setTownSuggestions] = useState([]);
+ const [showTownSuggestions, setShowTownSuggestions] = useState(false);
+
+ useEffect(() => {
+ let isMounted = true;
+
+ const loadTownSuggestions = async () => {
+ const keyword = town.trim();
+
+ if (keyword.length < 1) {
+ setTownSuggestions([]);
+ setShowTownSuggestions(false);
+ return;
+ }
+
+ try {
+ const result = await getTownSuggestions({
+ district,
+ keyword,
+ });
+
+ if (isMounted) {
+ setTownSuggestions(result.data || []);
+ setShowTownSuggestions((result.data || []).length > 0);
+ }
+ } catch {
+ if (isMounted) {
+ setTownSuggestions([]);
+ setShowTownSuggestions(false);
+ }
+ }
+ };
+
+ loadTownSuggestions();
+
+ return () => {
+ isMounted = false;
+ };
+ }, [district, town]);
+
+ const handleSelectTown = (selectedTown) => {
+ setTown(selectedTown);
+ setTownSuggestions([]);
+ setShowTownSuggestions(false);
+ };
+
+ const getTodayDate = () => {
+ const today = new Date();
+ const timezoneOffset = today.getTimezoneOffset() * 60000;
+ return new Date(today.getTime() - timezoneOffset)
+ .toISOString()
+ .split("T")[0];
+ };
+
+ const handleManualSearch = (e) => {
+ e.preventDefault();
+
+ const queryParams = new URLSearchParams();
+
+ if (district) queryParams.set("district", district);
+ if (town) queryParams.set("town", town);
+ if (category) queryParams.set("category", category);
+ if (eventDate) queryParams.set("eventDate", eventDate);
+
+ navigate(`/venues?${queryParams.toString()}`);
+ };
+
+ const handleUseCurrentLocation = () => {
+ setLocationError("");
+
+ if (!navigator.geolocation) {
+ setLocationError("Geolocation is not supported by your browser.");
+ return;
+ }
+
+ setLocationLoading(true);
+
+ navigator.geolocation.getCurrentPosition(
+ (position) => {
+ const { latitude, longitude } = position.coords;
+
+ const queryParams = new URLSearchParams();
+
+ queryParams.set("lat", latitude);
+ queryParams.set("lng", longitude);
+
+ if (category) queryParams.set("category", category);
+ if (eventDate) queryParams.set("eventDate", eventDate);
+
+ navigate(`/venues/nearby?${queryParams.toString()}`);
+
+ setLocationLoading(false);
+ },
+ () => {
+ setLocationError("Unable to access your location. Use manual search.");
+ setLocationLoading(false);
+ }
+ );
+ };
+
+ const handleListVenue = () => {
+ if (!user) {
+ navigate("/register?role=owner");
+ return;
+ }
+
+ if (user.role === "owner") {
+ navigate("/owner/venues/new");
+ return;
+ }
+
+ if (user.role === "admin") {
+ navigate("/admin/dashboard");
+ return;
+ }
+
+ setListVenueMessage("Please use an owner account to list venues.");
+ };
+
+ return (
+ {
+ if (!cancelLoading) {
+ setShowCancelConfirm(false);
+ }
+ }}
+ />
+
+
+ )}
+
+
+
+ !
+
+
+ + Cancel Booking Inquiry? +
+ ++ Are you sure you want to cancel this booking inquiry? Once cancelled, + the venue owner cannot accept this request. +
+ +
+
+
+ + Tracking Code:{" "} + {booking?.trackingCode} +
+ ++ Venue:{" "} + {booking?.venue?.name || "Venue unavailable"} +
+ ++ Event Date:{" "} + {booking?.eventDate} +
+
+
+
+
+
+
+
+ {/* Hero Section */}
+
+
+
+ );
+}
+
+export default Home;
diff --git a/client/src/pages/Login.jsx b/client/src/pages/Login.jsx
new file mode 100644
index 000000000..010e7f95b
--- /dev/null
+++ b/client/src/pages/Login.jsx
@@ -0,0 +1,163 @@
+import { useState } from "react";
+import { useNavigate, Link } from "react-router-dom";
+import { MapPin } from "lucide-react";
+
+import { useAuth } from "../context/AuthContext";
+import { usePageTitle } from "../hooks/usePageTitle";
+function Login() {
+ usePageTitle("Login");
+ const navigate = useNavigate();
+ const { login, getDashboardPathByRole } = useAuth();
+
+ const [formData, setFormData] = useState({
+ email: "",
+ password: "",
+ });
+
+ const [loading, setLoading] = useState(false);
+ const [error, setError] = useState("");
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+
+ setFormData((prev) => ({
+ ...prev,
+ [name]: value,
+ }));
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ try {
+ setLoading(true);
+ setError("");
+
+ const result = await login(formData);
+
+ const role = result.user?.role || "user";
+
+ navigate(getDashboardPathByRole(role), {
+ replace: true,
+ });
+ } catch (err) {
+ setError(err.response?.data?.message || "Login failed");
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ return (
+
+
+
+
+ Find the{" "}
+
+ perfect venue
+
+
+
+
+
+ {listVenueMessage && (
+
+ Find the{" "}
+
+ perfect venue
+
+
+ for every occasion
+
+
+ + Discover wedding halls, conference centers, resorts, + auditoriums, party venues and outdoor spaces across Kerala. +
+ + {/* CTA Buttons */} +
+
+ 🔍 Browse Venues
+
+
+
+
+
+
+ )}
+
+
+ {/* Search Card */}
+
+
+ {/* Stats */}
+
+
+ + Owner Account Required +
+ ++ {listVenueMessage} +
+ + +
+
+
+
+
+ 2.4k+
++ Venues Listed +
+
+
+
+ 180+
++ Cities Covered +
+
+
+ 50k+
++ Successful Bookings +
+
+
+ );
+}
+
+export default Login;
diff --git a/client/src/pages/OwnerDashboard.jsx b/client/src/pages/OwnerDashboard.jsx
new file mode 100644
index 000000000..b7e3e59a2
--- /dev/null
+++ b/client/src/pages/OwnerDashboard.jsx
@@ -0,0 +1,642 @@
+import { useEffect, useMemo, useState } from "react";
+import { Link } from "react-router-dom";
+import {
+ CheckCircle,
+ XCircle,
+ Clock,
+ Calendar,
+ X,
+ Phone,
+ Mail,
+ Users,
+ MapPin,
+ MessageSquare,
+ Building2,
+ IndianRupee,
+} from "lucide-react";
+
+import {
+ getOwnerBookingInquiries,
+ updateBookingInquiryStatus,
+} from "../services/bookingInquiryService.js";
+
+import { usePageTitle } from "../hooks/usePageTitle.js";
+
+function OwnerDashboard() {
+ usePageTitle("Owner Dashboard")
+ const [bookings, setBookings] = useState([]);
+ const [selectedBooking, setSelectedBooking] = useState(null);
+ const [loading, setLoading] = useState(true);
+ const [actionLoadingId, setActionLoadingId] = useState("");
+ const [error, setError] = useState("");
+
+ useEffect(() => {
+ let isMounted = true;
+
+ const loadBookings = async () => {
+ try {
+ const result = await getOwnerBookingInquiries();
+
+ if (isMounted) {
+ setBookings(result.data || []);
+ }
+ } catch (err) {
+ if (isMounted) {
+ setError(
+ err.response?.data?.message || "Failed to fetch booking inquiries"
+ );
+ }
+ } finally {
+ if (isMounted) {
+ setLoading(false);
+ }
+ }
+ };
+
+ loadBookings();
+
+ return () => {
+ isMounted = false;
+ };
+ }, []);
+
+ const updateBookingStatus = async (id, status) => {
+ try {
+ setActionLoadingId(id);
+ setError("");
+
+ const result = await updateBookingInquiryStatus(id, status);
+
+ setBookings((prevBookings) =>
+ prevBookings.map((booking) =>
+ booking._id === id ? result.data : booking
+ )
+ );
+
+ setSelectedBooking((prev) =>
+ prev && prev._id === id ? result.data : prev
+ );
+ } catch (err) {
+ setError(
+ err.response?.data?.message || "Failed to update booking status"
+ );
+ } finally {
+ setActionLoadingId("");
+ }
+ };
+
+ const stats = useMemo(() => {
+ const total = bookings.length;
+ const accepted = bookings.filter((b) => b.status === "accepted").length;
+ const pending = bookings.filter((b) => b.status === "pending").length;
+ const rejected = bookings.filter((b) => b.status === "rejected").length;
+
+ return {
+ total,
+ accepted,
+ pending,
+ rejected,
+ };
+ }, [bookings]);
+
+ const formatStatus = (status = "") => {
+ return status.charAt(0).toUpperCase() + status.slice(1);
+ };
+
+ const getStatusClass = (status) => {
+ if (status === "accepted") return "bg-green-100 text-green-700";
+ if (status === "rejected") return "bg-red-100 text-red-700";
+ if (status === "cancelled") return "bg-gray-200 text-gray-700";
+ return "bg-yellow-100 text-yellow-700";
+ };
+
+ const formatPricingModel = (pricingModel = "") => {
+ return pricingModel.replace("per_", "Per ");
+ };
+
+ if (loading) {
+ return (
+
+
+
+
+
+
+
+
+ + BookMyVenue +
+
+
+
+
+
+
+
+ Create Account
+
+
+
+ {error && (
+
+ {error}
+
+ )}
+
+
+
+
+
+ OR
+
+
+
+
+
+ + Google login is not enabled in this MVP. +
+
+
+ ← Back to home
+
+
+
+
+ );
+ }
+
+ return (
+ Loading owner dashboard...
+
+
+
+ );
+}
+
+export default OwnerVenueEdit;
\ No newline at end of file
diff --git a/client/src/pages/Register.jsx b/client/src/pages/Register.jsx
new file mode 100644
index 000000000..724ade5b9
--- /dev/null
+++ b/client/src/pages/Register.jsx
@@ -0,0 +1,139 @@
+import { useState } from "react";
+import { Link, useNavigate, useSearchParams } from "react-router-dom";
+
+import { useAuth } from "../context/AuthContext";
+import { usePageTitle } from "../hooks/usePageTitle";
+function Register() {
+ usePageTitle("Register");
+ const navigate = useNavigate();
+ const [searchParams] = useSearchParams();
+ const { register, getDashboardPathByRole } = useAuth();
+ const initialRole = searchParams.get("role") === "owner" ? "owner" : "user";
+
+ const [formData, setFormData] = useState({
+ name: "",
+ email: "",
+ password: "",
+ role: initialRole,
+ });
+
+ const [loading, setLoading] = useState(false);
+ const [error, setError] = useState("");
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+
+ setFormData((prev) => ({
+ ...prev,
+ [name]: value,
+ }));
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ try {
+ setLoading(true);
+ setError("");
+
+ const result = await register(formData);
+
+ const role = result.user?.role || formData.role;
+
+ navigate(getDashboardPathByRole(role), {
+ replace: true,
+ });
+ } catch (err) {
+ setError(err.response?.data?.message || "Registration failed");
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ return (
+
+
+ );
+}
+
+export default VenuePage;
diff --git a/client/src/pages/ownerVenueCreate.jsx b/client/src/pages/ownerVenueCreate.jsx
new file mode 100644
index 000000000..78ccc2799
--- /dev/null
+++ b/client/src/pages/ownerVenueCreate.jsx
@@ -0,0 +1,496 @@
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { uploadVenueImages } from "../services/uploadService.js";
+import { createOwnerVenue } from "../services/ownerVenueService.js";
+import { usePageTitle } from "../hooks/usePageTitle.js";
+
+function OwnerVenueCreate() {
+ usePageTitle("Submit Venue");
+ const navigate = useNavigate();
+
+ const [formData, setFormData] = useState({
+ name: "",
+ description: "",
+ category: "",
+ district: "",
+ town: "",
+ address: "",
+ latitude: "",
+ longitude: "",
+ capacity: "",
+ basePrice: "",
+ pricingModel: "per_day",
+ amenities: "",
+ phone: "",
+ email: "",
+ website: "",
+ });
+
+ const [loading, setLoading] = useState(false);
+ const [error, setError] = useState("");
+ const [imageFiles, setImageFiles] = useState([]);
+ const [imagePreviews, setImagePreviews] = useState([]);
+ const [uploadingImages, setUploadingImages] = useState(false);
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+
+ setFormData((prev) => ({
+ ...prev,
+ [name]: value,
+ }));
+ };
+ const handleImageChange = (e) => {
+ const files = Array.from(e.target.files);
+
+ if (files.length > 5) {
+ setError("You can upload a maximum of 5 images.");
+ return;
+ }
+
+ const hasLargeFile = files.some((file) => file.size > 5 * 1024 * 1024);
+
+ if (hasLargeFile) {
+ setError("Each image must be less than 5 MB.");
+ return;
+ }
+
+ setError("");
+ setImageFiles(files);
+
+ const previews = files.map((file) => URL.createObjectURL(file));
+ setImagePreviews(previews);
+ };
+
+ const convertCommaTextToArray = (text) => {
+ return text
+ .split(",")
+ .map((item) => item.trim())
+ .filter(Boolean);
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ try {
+ setLoading(true);
+ setUploadingImages(true);
+ setError("");
+
+ const latitude = Number(formData.latitude);
+ const longitude = Number(formData.longitude);
+
+ if (Number.isNaN(latitude) || Number.isNaN(longitude)) {
+ setError("Latitude and longitude must be valid numbers.");
+ return;
+ }
+
+ let uploadedImageUrls = [];
+
+ if (imageFiles.length > 0) {
+ const uploadResult = await uploadVenueImages(imageFiles);
+
+ uploadedImageUrls = uploadResult.data.map((image) => image.url);
+ }
+
+ setUploadingImages(false);
+
+ const venueData = {
+ name: formData.name,
+ description: formData.description,
+ category: formData.category,
+ district: formData.district,
+ town: formData.town,
+ address: formData.address,
+
+ location: {
+ type: "Point",
+ coordinates: [longitude, latitude],
+ },
+
+ capacity: Number(formData.capacity),
+
+ pricing: {
+ basePrice: Number(formData.basePrice),
+ currency: "INR",
+ pricingModel: formData.pricingModel,
+ },
+
+ amenities: convertCommaTextToArray(formData.amenities),
+ images: uploadedImageUrls,
+
+ contactInfo: {
+ phone: formData.phone,
+ email: formData.email,
+ website: formData.website,
+ },
+ };
+
+ await createOwnerVenue(venueData);
+
+ navigate("/owner/venues", {
+ replace: true,
+ });
+ } catch (err) {
+ setError(err.response?.data?.message || "Failed to submit venue");
+ } finally {
+ setLoading(false);
+ setUploadingImages(false);
+ }
+ };
+
+ return (
+
+
+ );
+}
+
+export default OwnerVenueCreate;
\ No newline at end of file
diff --git a/client/src/pages/ownerVenues.jsx b/client/src/pages/ownerVenues.jsx
new file mode 100644
index 000000000..55687813a
--- /dev/null
+++ b/client/src/pages/ownerVenues.jsx
@@ -0,0 +1,166 @@
+import { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
+
+import { getOwnerVenues } from "../services/ownerVenueService";
+import { usePageTitle } from "../hooks/usePageTitle";
+
+function OwnerVenues() {
+ usePageTitle("My Venues");
+ const [venues, setVenues] = useState([]);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState("");
+
+ useEffect(() => {
+ let isMounted = true;
+
+ const loadVenues = async () => {
+ try {
+ const result = await getOwnerVenues();
+
+ if (isMounted) {
+ setVenues(result.data || []);
+ }
+ } catch (err) {
+ if (isMounted) {
+ setError(err.response?.data?.message || "Failed to fetch your venues");
+ }
+ } finally {
+ if (isMounted) {
+ setLoading(false);
+ }
+ }
+ };
+
+ loadVenues();
+
+ return () => {
+ isMounted = false;
+ };
+ }, []);
+
+ const formatStatus = (status) => {
+ return status.charAt(0).toUpperCase() + status.slice(1);
+ };
+
+ if (loading) {
+ return (
+
+
+ );
+}
+
+export default OwnerVenues;
\ No newline at end of file
diff --git a/client/src/routes/index.jsx b/client/src/routes/index.jsx
new file mode 100644
index 000000000..6cb0a90c1
--- /dev/null
+++ b/client/src/routes/index.jsx
@@ -0,0 +1,65 @@
+import { createBrowserRouter } from "react-router-dom";
+import App from "../App";
+import Home from "../pages/Home";
+import Register from "../pages/Register";
+import Login from "../pages/Login";
+import VenuePage from "../pages/Venues";
+import VenueDetails from "../pages/VenueDetails";
+import BookingInquiry from "../pages/BookingInquiry";
+import OwnerDashboard from "../pages/OwnerDashboard";
+import AdminDashboard from "../pages/AdminDashboard";
+import ProtectedRoute from "../components/ProtectedRoute";
+import OwnerVenueCreate from "../pages/ownerVenueCreate";
+import OwnerVenues from "../pages/ownerVenues";
+import OwnerVenueEdit from "../pages/OwnerVenueEdit";
+import CheckStatus from "../pages/CheckStatus";
+
+const router = createBrowserRouter([
+ {
+ path: '/',
+ element:
+
+
+ {error && (
+
+
+
+ + Owner Dashboard +
++ Manage your venues, bookings and inquiries. +
+
+
+ My Venues
+
+
+
+ + Submit Venue
+
+
+
+ {error}
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+ Total Inquiries
++ {stats.total} +
+
+
+
+
+
+
+
+
+
+
+ Accepted
++ {stats.accepted} +
+
+
+
+
+
+
+
+
+
+
+ Pending
++ {stats.pending} +
+
+
+
+
+
+
+
+
+
+ Rejected
++ {stats.rejected} +
+
+
+
+
+
+ {selectedBooking && (
+ + Booking Inquiry Requests +
+ + {bookings.length === 0 ? ( +No booking inquiries found.
+ ) : ( +
+
+
+
+
+ )}
+ | Customer | +Venue | +Event Date | +Guests | +Status | +Action | +
|---|---|---|---|---|---|
|
+
+
+ + {booking.customerName} + ++ {booking.customerPhone} + + |
+
+
+
+
+
+
+ + {booking.venue?.name || "Venue unavailable"} + ++ {booking.venue?.town}, {booking.venue?.district} + + |
+
+ {booking.eventDate} | + +{booking.guestCount} | + ++ + {formatStatus(booking.status)} + + | + +
+
+
+
+ {booking.status === "pending" && (
+ <>
+
+
+
+
+ )}
+
+ |
+
+
+ );
+}
+
+export default OwnerDashboard;
\ No newline at end of file
diff --git a/client/src/pages/OwnerVenueEdit.jsx b/client/src/pages/OwnerVenueEdit.jsx
new file mode 100644
index 000000000..a06efc5f8
--- /dev/null
+++ b/client/src/pages/OwnerVenueEdit.jsx
@@ -0,0 +1,604 @@
+import { useEffect, useState } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+
+import {
+ getOwnerVenueById,
+ updateOwnerVenue,
+} from "../services/ownerVenueService";
+
+import { uploadVenueImages } from "../services/uploadService";
+import { usePageTitle } from "../hooks/usePageTitle";
+
+function OwnerVenueEdit() {
+ usePageTitle("Update Venue");
+ const { id } = useParams();
+ const navigate = useNavigate();
+
+ const [formData, setFormData] = useState({
+ name: "",
+ description: "",
+ category: "",
+ district: "",
+ town: "",
+ address: "",
+ latitude: "",
+ longitude: "",
+ capacity: "",
+ basePrice: "",
+ pricingModel: "per_day",
+ amenities: "",
+ phone: "",
+ email: "",
+ website: "",
+ });
+
+ const [existingImages, setExistingImages] = useState([]);
+ const [newImageFiles, setNewImageFiles] = useState([]);
+ const [newImagePreviews, setNewImagePreviews] = useState([]);
+
+ const [loading, setLoading] = useState(true);
+ const [submitLoading, setSubmitLoading] = useState(false);
+ const [uploadingImages, setUploadingImages] = useState(false);
+ const [error, setError] = useState("");
+
+ useEffect(() => {
+ let isMounted = true;
+
+ const loadVenue = async () => {
+ try {
+ const result = await getOwnerVenueById(id);
+ const venue = result.data;
+
+ if (isMounted) {
+ setFormData({
+ name: venue.name || "",
+ description: venue.description || "",
+ category: venue.category || "",
+ district: venue.district || "",
+ town: venue.town || "",
+ address: venue.address || "",
+ latitude: venue.location?.coordinates?.[1] || "",
+ longitude: venue.location?.coordinates?.[0] || "",
+ capacity: venue.capacity || "",
+ basePrice: venue.pricing?.basePrice || "",
+ pricingModel: venue.pricing?.pricingModel || "per_day",
+ amenities: venue.amenities?.join(", ") || "",
+ phone: venue.contactInfo?.phone || "",
+ email: venue.contactInfo?.email || "",
+ website: venue.contactInfo?.website || "",
+ });
+
+ setExistingImages(venue.images || []);
+ }
+ } catch (err) {
+ if (isMounted) {
+ setError(err.response?.data?.message || "Failed to fetch venue");
+ }
+ } finally {
+ if (isMounted) {
+ setLoading(false);
+ }
+ }
+ };
+
+ loadVenue();
+
+ return () => {
+ isMounted = false;
+ };
+ }, [id]);
+
+ const handleChange = (e) => {
+ const { name, value } = e.target;
+
+ setFormData((prev) => ({
+ ...prev,
+ [name]: value,
+ }));
+ };
+
+ const convertCommaTextToArray = (text) => {
+ return text
+ .split(",")
+ .map((item) => item.trim())
+ .filter(Boolean);
+ };
+
+ const handleNewImageChange = (e) => {
+ const files = Array.from(e.target.files);
+
+ if (files.length > 5) {
+ setError("You can upload a maximum of 5 new images.");
+ return;
+ }
+
+ const hasLargeFile = files.some((file) => file.size > 5 * 1024 * 1024);
+
+ if (hasLargeFile) {
+ setError("Each image must be less than 5 MB.");
+ return;
+ }
+
+ setError("");
+ setNewImageFiles(files);
+
+ const previews = files.map((file) => URL.createObjectURL(file));
+ setNewImagePreviews(previews);
+ };
+
+ const removeExistingImage = (imageUrl) => {
+ setExistingImages((prev) => prev.filter((image) => image !== imageUrl));
+ };
+
+ const handleSubmit = async (e) => {
+ e.preventDefault();
+
+ try {
+ setSubmitLoading(true);
+ setError("");
+
+ const latitude = Number(formData.latitude);
+ const longitude = Number(formData.longitude);
+ const capacity = Number(formData.capacity);
+ const basePrice = Number(formData.basePrice);
+
+ if (Number.isNaN(latitude) || Number.isNaN(longitude)) {
+ setError("Latitude and longitude must be valid numbers.");
+ return;
+ }
+
+ if (Number.isNaN(capacity) || capacity < 1) {
+ setError("Capacity must be a valid number.");
+ return;
+ }
+
+ if (Number.isNaN(basePrice) || basePrice < 0) {
+ setError("Starting price must be a valid number.");
+ return;
+ }
+
+ let uploadedNewImageUrls = [];
+
+ if (newImageFiles.length > 0) {
+ setUploadingImages(true);
+
+ const uploadResult = await uploadVenueImages(newImageFiles);
+
+ uploadedNewImageUrls = uploadResult.data.map((image) => image.url);
+
+ setUploadingImages(false);
+ }
+
+ const finalImages = [...existingImages, ...uploadedNewImageUrls];
+
+ const venueData = {
+ name: formData.name,
+ description: formData.description,
+ category: formData.category,
+ district: formData.district,
+ town: formData.town,
+ address: formData.address,
+
+ location: {
+ type: "Point",
+ coordinates: [longitude, latitude],
+ },
+
+ capacity,
+
+ pricing: {
+ basePrice,
+ currency: "INR",
+ pricingModel: formData.pricingModel,
+ },
+
+ amenities: convertCommaTextToArray(formData.amenities),
+
+ images: finalImages,
+
+ contactInfo: {
+ phone: formData.phone,
+ email: formData.email,
+ website: formData.website,
+ },
+ };
+
+ await updateOwnerVenue(id, venueData);
+
+ navigate("/owner/venues", {
+ replace: true,
+ });
+ } catch (err) {
+ setError(err.response?.data?.message || "Failed to update venue");
+ } finally {
+ setSubmitLoading(false);
+ setUploadingImages(false);
+ }
+ };
+
+ if (loading) {
+ return (
+ setSelectedBooking(null)}
+ />
+
+
+ )}
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ {formatStatus(selectedBooking.status)}
+
+
+
+ + Booking Inquiry +
+ ++ For {selectedBooking.venue?.name || "Venue unavailable"} +
+
+
+
+
+
+
+
+
+ + Customer Details +
+ +
+
+
+
+
+ Customer Name
++ {selectedBooking.customerName} +
+
+
+
+ Phone Number
+
+
+ Email
+
+
+
+
+
+ Logged-in User
++ {selectedBooking.user?.name || "Guest Inquiry"} +
+
+
+
+ + Event Details +
+ +
+
+
+
+
+ Event Date
+
+
+
+
+ Guest Count
+
+
+
+ Message
+
+
+
+
+ {selectedBooking.venue?.amenities?.length > 0 && (
+ + Venue Details +
+ +
+
+
+
+
+
+ + {selectedBooking.venue?.name || "Venue unavailable"} +
+ ++ {selectedBooking.venue?.description || + "No venue description available."} +
+ +
+
+
+ )}
+ + Venue Amenities +
+ +
+ {selectedBooking.venue.amenities.map((amenity) => (
+
+ {amenity}
+
+ ))}
+
+
+
+
+
+
+ + Inquiry Summary +
+ +
+
+ + Status:{" "} + {formatStatus(selectedBooking.status)} +
+ ++ Submitted On:{" "} + {new Date(selectedBooking.createdAt).toLocaleDateString()} +
+ ++ Last Updated:{" "} + {new Date(selectedBooking.updatedAt).toLocaleDateString()} +
+
+
+
+ + Venue Summary +
+ +
+
+ + Category:{" "} + {selectedBooking.venue?.category || "N/A"} +
+ ++ Capacity: Up to{" "} + {selectedBooking.venue?.capacity || "N/A"} guests +
+ +
+
+ Pricing Model:{" "} + {formatPricingModel( + selectedBooking.venue?.pricing?.pricingModel || + "per_day" + )} +
+
+
+
+ {selectedBooking.status === "pending" && (
+ + Venue Contact +
+ +
+
+
+
+
+
+
+
+
+ )}
+
+ {selectedBooking.status === "accepted" && (
+ + This inquiry is accepted. The venue will be treated as + booked for this event date. +
+ )} + + {selectedBooking.status === "rejected" && ( ++ This inquiry has been rejected. +
+ )} +
+
+ );
+ }
+
+ return (
+ Loading venue details...
+
+
+
+
+
+
+ + Update Venue +
+ ++ After updating, the venue will be sent for admin approval again. +
+ + {error && ( +
+ {error}
+
+ )}
+
+
+
+
+ );
+}
+
+export default Register;
diff --git a/client/src/pages/Unauthorized.jsx b/client/src/pages/Unauthorized.jsx
new file mode 100644
index 000000000..b4475d904
--- /dev/null
+++ b/client/src/pages/Unauthorized.jsx
@@ -0,0 +1,11 @@
+function Unauthorized() {
+ return (
+
+
+ + Create Account +
+ ++ Join BookMyVenue and start booking venues +
+ + {error && ( +
+ {error}
+
+ )}
+
+
+
+ + Already have an account?{" "} + + Login + +
+
+
+ );
+}
+
+export default Unauthorized;
\ No newline at end of file
diff --git a/client/src/pages/VenueDetails.jsx b/client/src/pages/VenueDetails.jsx
new file mode 100644
index 000000000..1cca77a2b
--- /dev/null
+++ b/client/src/pages/VenueDetails.jsx
@@ -0,0 +1,203 @@
+import { useParams, useNavigate } from "react-router-dom";
+import { useEffect, useState } from "react";
+import {
+ MapPin,
+ Star,
+ Users,
+ Wifi,
+ Car,
+ Music,
+ Camera,
+ Phone,
+ Mail,
+} from "lucide-react";
+
+import { getVenueById } from "../services/venueService.js";
+import { usePageTitle } from "../hooks/usePageTitle.js";
+
+function VenueDetails() {
+ const { id } = useParams();
+ const navigate = useNavigate();
+
+ const [venue, setVenue] = useState(null);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState("");
+
+ usePageTitle(venue ? venue.name : "Venue Details");
+ useEffect(() => {
+ const fetchVenue = async () => {
+ try {
+ setLoading(true);
+ setError("");
+
+ const result = await getVenueById(id);
+
+ setVenue(result.data);
+ } catch (err) {
+ setError(err.response?.data?.message || "Failed to fetch venue");
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ fetchVenue();
+ }, [id]);
+
+ if (loading) {
+ return (
+ + Access Denied +
+
+
+ );
+ }
+
+ if (error || !venue) {
+ return (
+ Loading venue...
+
+
+ );
+ }
+
+ const mainImage = venue.images?.[0] || "/placeholder-venue.jpg";
+
+ return (
+ + {error || "Venue Not Found"} +
+
+
+ );
+}
+
+export default VenueDetails;
\ No newline at end of file
diff --git a/client/src/pages/Venues.jsx b/client/src/pages/Venues.jsx
new file mode 100644
index 000000000..3c14438d1
--- /dev/null
+++ b/client/src/pages/Venues.jsx
@@ -0,0 +1,597 @@
+import { useEffect, useState } from "react";
+import {
+ Link,
+ useLocation,
+ useNavigate,
+ useSearchParams,
+} from "react-router-dom";
+
+import { getNearbyVenues, getVenues, getTownSuggestions } from "../services/venueService";
+import { usePageTitle } from "../hooks/usePageTitle";
+
+function VenuePage() {
+ usePageTitle("Explore Venues")
+ const [searchParams, setSearchParams] = useSearchParams();
+ const location = useLocation();
+ const navigate = useNavigate();
+
+ const [venues, setVenues] = useState([]);
+ const [filters, setFilters] = useState({
+ district: "",
+ town: "",
+ category: "",
+ eventDate: "",
+ minCapacity: "",
+ maxPrice: "",
+ });
+
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState("");
+ const [locationLoading, setLocationLoading] = useState(false);
+ const [locationError, setLocationError] = useState("");
+ const [townSuggestions, setTownSuggestions] = useState([]);
+ const [showTownSuggestions, setShowTownSuggestions] = useState(false);
+
+ useEffect(() => {
+ let isMounted = true;
+
+ const loadTownSuggestions = async () => {
+ const keyword = filters.town.trim();
+
+ if (keyword.length < 1) {
+ setTownSuggestions([]);
+ setShowTownSuggestions(false);
+ return;
+ }
+
+ try {
+ const result = await getTownSuggestions({
+ district: filters.district,
+ keyword,
+ });
+
+ if (isMounted) {
+ setTownSuggestions(result.data || []);
+ setShowTownSuggestions((result.data || []).length > 0);
+ }
+ } catch {
+ if (isMounted) {
+ setTownSuggestions([]);
+ setShowTownSuggestions(false);
+ }
+ }
+ };
+
+ loadTownSuggestions();
+
+ return () => {
+ isMounted = false;
+ };
+ }, [filters.district, filters.town]);
+
+ const handleSelectTown = (selectedTown) => {
+ setFilters((prev) => ({
+ ...prev,
+ town: selectedTown,
+ }));
+
+ setTownSuggestions([]);
+ setShowTownSuggestions(false);
+ };
+
+ const isNearbySearch =
+ location.pathname.includes("/nearby") &&
+ searchParams.has("lat") &&
+ searchParams.has("lng");
+
+ const getTodayDate = () => {
+ const today = new Date();
+ const timezoneOffset = today.getTimezoneOffset() * 60000;
+
+ return new Date(today.getTime() - timezoneOffset)
+ .toISOString()
+ .split("T")[0];
+ };
+
+ useEffect(() => {
+ setFilters({
+ district: searchParams.get("district") || "",
+ town: searchParams.get("town") || "",
+ category: searchParams.get("category") || "",
+ eventDate: searchParams.get("eventDate") || "",
+ minCapacity: searchParams.get("minCapacity") || "",
+ maxPrice: searchParams.get("maxPrice") || "",
+ });
+ }, [searchParams]);
+
+ useEffect(() => {
+ let isMounted = true;
+
+ const loadVenues = async () => {
+ try {
+ setLoading(true);
+ setError("");
+
+ const queryFilters = Object.fromEntries(searchParams.entries());
+
+ const result = isNearbySearch
+ ? await getNearbyVenues(queryFilters)
+ : await getVenues(queryFilters);
+
+ if (isMounted) {
+ setVenues(result.data || []);
+ }
+ } catch (err) {
+ if (isMounted) {
+ setError(err.response?.data?.message || "Failed to fetch venues");
+ }
+ } finally {
+ if (isMounted) {
+ setLoading(false);
+ }
+ }
+ };
+
+ loadVenues();
+
+ return () => {
+ isMounted = false;
+ };
+ }, [searchParams, isNearbySearch]);
+
+ const handleFilterChange = (e) => {
+ const { name, value } = e.target;
+
+ setFilters((prev) => ({
+ ...prev,
+ [name]: value,
+ }));
+ };
+
+ const buildFilterQueryParams = (includeNearbyCoordinates = false) => {
+ const queryParams = new URLSearchParams();
+
+ if (includeNearbyCoordinates) {
+ const lat = searchParams.get("lat");
+ const lng = searchParams.get("lng");
+
+ if (lat && lng) {
+ queryParams.set("lat", lat);
+ queryParams.set("lng", lng);
+ }
+ }
+
+ Object.entries(filters).forEach(([key, value]) => {
+ if (value) {
+ queryParams.set(key, value);
+ }
+ });
+
+ return queryParams;
+ };
+
+ const handleUseCurrentLocation = () => {
+ setLocationError("");
+
+ if (!navigator.geolocation) {
+ setLocationError("Geolocation is not supported by your browser.");
+ return;
+ }
+
+ setLocationLoading(true);
+
+ navigator.geolocation.getCurrentPosition(
+ (position) => {
+ const { latitude, longitude } = position.coords;
+ const queryParams = buildFilterQueryParams(false);
+
+ queryParams.set("lat", latitude);
+ queryParams.set("lng", longitude);
+
+ navigate(`/venues/nearby?${queryParams.toString()}`);
+ setLocationLoading(false);
+ },
+ () => {
+ setLocationError("Unable to access your location. Use manual filters.");
+ setLocationLoading(false);
+ }
+ );
+ };
+
+ const handleRemoveCurrentLocation = () => {
+ const queryParams = buildFilterQueryParams(false);
+ const queryString = queryParams.toString();
+
+ navigate(queryString ? `/venues?${queryString}` : "/venues");
+ };
+
+ const handleApplyFilters = (e) => {
+ e.preventDefault();
+
+ const queryParams = buildFilterQueryParams(isNearbySearch);
+
+ if (isNearbySearch) {
+ setSearchParams(queryParams);
+ return;
+ }
+
+ const queryString = queryParams.toString();
+
+ navigate(queryString ? `/venues?${queryString}` : "/venues");
+ };
+
+ const handleClearFilters = () => {
+ setFilters({
+ district: "",
+ town: "",
+ category: "",
+ eventDate: "",
+ minCapacity: "",
+ maxPrice: "",
+ });
+
+ navigate("/venues");
+ };
+
+ return (
+
+ 
+
+
+
+
+
+
+
+ {venue.name}
+ +
+
+
+
+
+ {venue.rating && (
+
+
+ )}
+
+
+
+
+
+
+
+
+ About Venue
+ ++ {venue.description} +
+
+
+
+ Amenities
+ +
+
+
+
+
+
+ Wi-Fi
+
+
+
+ Parking
+
+
+
+ Music
+
+
+ Photography
+
+ {venue.amenities?.map((item) => (
+
+
+ ✓ {item}
+
+ ))}
+
+
+ Gallery
+ +
+ {venue.images?.map((img, index) => (
+ 
+ ))}
+
+
+
+
+
+ + ₹{venue.pricing?.basePrice} + + /{venue.pricing?.pricingModel?.replace("per_", "") || "event"} + +
+ +
+
+
+
+
+
+
+
+
+ {venue.contactInfo?.phone && (
+
+
+ )}
+
+ {venue.contactInfo?.email && (
+
+
+ )}
+
+
+
+
+
+ + Explore Venues +
+ ++ Find and compare venues based on location, date, capacity and price. +
+
+
+
+
+
+
+
+
+
+ {error && (
+
+
+
+ {filters.eventDate && (
+ + {isNearbySearch ? "Nearby Venues" : "Available Venues"} +
+ ++ {loading + ? "Loading venues..." + : `${venues.length} venue${venues.length === 1 ? "" : "s" + } found`} +
+
+ Showing availability for {filters.eventDate}
+
+ )}
+
+ {error}
+
+ )}
+
+ {loading ? (
+
+
+ ) : venues.length === 0 ? (
+ Fetching venues...
+
+
+ ) : (
+ + No venues found +
+ ++ Try changing your filters or clearing them. +
+ + +
+ {venues.map((venue) => (
+
+ )}
+
+
+ ))}
+
+ 
+
+ {venue.isBooked && (
+
+ Unavailable
+
+ )}
+
+ {venue.distanceKm !== undefined && (
+
+ {venue.distanceKm} km away
+
+ )}
+
+
+
+
+
+
+
+
+
+ + {venue.name} +
+ ++ {venue.town}, {venue.district} +
++ Category: {venue.category} +
+ ++ Starting from ₹{venue.pricing?.basePrice || "N/A"} +
+ ++ Capacity: Up to {venue.capacity || "N/A"} Guests +
+ + {venue.isBooked ? ( + + ) : ( + + View Details + + )} +
+
+
+
+
+
+ + Submit Your Venue +
+ ++ Add your venue details. Admin approval is required before it becomes public. +
+ + {error && ( +
+ {error}
+
+ )}
+
+
+
+
+ );
+ }
+
+ return (
+ Loading your venues...
+
+
+
+
+
+ {error && (
+
+
+
+
+ + Submit New Venue
+
+ + My Venues +
++ View the venues you submitted and track approval status. +
+
+ {error}
+
+ )}
+
+ {venues.length === 0 ? (
+
+
+ ) : (
+ You have not submitted any venues yet.
+ + + Submit Your First Venue + +
+ {venues.map((venue) => (
+
+ )}
+
+
+
+
+ ))}
+
+
+
+
+
+
+ + {venue.name} +
+ + + {formatStatus(venue.status)} + ++ {venue.town}, {venue.district} +
+ ++ Category: {venue.category} +
+ ++ ₹{venue.pricing?.basePrice} +
+ ++ Capacity: Up to {venue.capacity} Guests +
+ +
+
+ Edit
+
+
+ {venue.status === "approved" && (
+
+ View Public
+
+ )}
+
+