108:"ExplicitChatIdProvider" 109:I[903690,["$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$7d","$82","$83","$7f","$84","$85","$86","$87","$88","$89","$7e","$8a","$8b"],"$108"] 10a:I[838238,["$52","$53","$54","$55","$56","$57","$58","$59","$5a","$5b","$5c","$5d","$5e","$5f","$60","$61","$62","$63","$64","$65","$66","$67","$68","$69","$6a","$6b","$6c","$6d","$6e","$6f","$70","$71","$72","$73","$74","$75","$76","$77","$78","$79","$7a","$7b","$81","$7d","$82","$83","$7f","$84","$85","$86","$87","$88","$89","$7e","$8a","$8b"],"SWRDataProvider"] 10c:[] 10d:[["cYZyqMPp49H","b_uUObIT6DieH"]] 10e:[["cYZyqMPp49H",{"templateVersionId":null,"templateCanonId":null}]] 10f:[["cYZyqMPp49H","$D2025-06-13T07:18:02.166Z"]] 110:[["cYZyqMPp49H",false]] 111:[["cYZyqMPp49H","$undefined"]] 112:[["cYZyqMPp49H",null]] 113:[["cYZyqMPp49H",true]] 114:[["cYZyqMPp49H",true]] 115:[] 116:Tfde22,[V0_FILE]json:file="lib/mock-data/users.json" [ { "id": "1", "email": "user1@example.com", "password": "password123", "name": "Nguyễn Văn A" }, { "id": "2", "email": "user2@example.com", "password": "password123", "name": "Trần Thị B" } ] [V0_FILE]json:file="lib/mock-data/cart.json" { "items": [] } [V0_FILE]typescriptreact:file="components/ui/date-picker.tsx" "use client" import { format } from "date-fns" import { CalendarIcon } from "lucide-react" import { vi } from "date-fns/locale" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" import { Calendar } from "@/components/ui/calendar" import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover" interface DatePickerProps { date?: Date setDate: (date: Date | undefined) => void placeholder?: string className?: string } export function DatePicker({ date, setDate, placeholder = "Chọn ngày", className }: DatePickerProps) { return ( ) } [V0_FILE]typescriptreact:file="components/homestay/homestay-card.tsx" import Image from "next/image" import Link from "next/link" import { MapPin, Star, Users } from "lucide-react" import type { Homestay } from "@/lib/types" import { formatCurrency } from "@/lib/utils" import { Card, CardContent, CardFooter } from "@/components/ui/card" import { Button } from "@/components/ui/button" interface HomestayCardProps { homestay: Homestay } export function HomestayCard({ homestay }: HomestayCardProps) { return (

{homestay.location}

{homestay.rating}

{homestay.name}

Tối đa {homestay.maxGuests} khách

{formatCurrency(homestay.price)} / đêm

) } [V0_FILE]typescriptreact:file="components/homestay/homestay-list.tsx" import type { Homestay } from "@/lib/types" import { HomestayCard } from "./homestay-card" interface HomestayListProps { homestays: Homestay[] emptyMessage?: string } export function HomestayList({ homestays, emptyMessage = "Không tìm thấy homestay nào" }: HomestayListProps) { if (homestays.length === 0) { return (

{emptyMessage}

) } return (

{homestays.map((homestay) => ( ))}

) } [V0_FILE]typescriptreact:file="components/search/filter-form.tsx" "use client" import { useState, useEffect } from "react" import { useRouter, useSearchParams } from "next/navigation" import { Filter } from "lucide-react" import { Button } from "@/components/ui/button" import { Slider } from "@/components/ui/slider" import { Checkbox } from "@/components/ui/checkbox" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" import { formatCurrency } from "@/lib/utils" const amenities = ["Wifi", "Bể bơi", "Bếp", "Máy lạnh", "Bãi đỗ xe", "TV", "Máy giặt", "Lò sưởi", "Ban công", "BBQ"] const ratings = [ { value: 4.5, label: "4.5+" }, { value: 4, label: "4.0+" }, { value: 3.5, label: "3.5+" }, { value: 3, label: "3.0+" }, ] export function FilterForm() { const router = useRouter() const searchParams = useSearchParams() const [priceRange, setPriceRange] = useState([500000, 2000000]) const [selectedAmenities, setSelectedAmenities] = useState([]) const [selectedRating, setSelectedRating] = useState(null) // Initialize from URL params useEffect(() => { const minPrice = searchParams.get("minPrice") const maxPrice = searchParams.get("maxPrice") const amenitiesParam = searchParams.get("amenities") const ratingParam = searchParams.get("rating") if (minPrice && maxPrice) { setPriceRange([Number(minPrice), Number(maxPrice)]) } if (amenitiesParam) { setSelectedAmenities(amenitiesParam.split(",")) } if (ratingParam) { setSelectedRating(Number(ratingParam)) } }, [searchParams]) const handleApplyFilters = () => { const params = new URLSearchParams(searchParams.toString()) // Update price range params.set("minPrice", priceRange[0].toString()) params.set("maxPrice", priceRange[1].toString()) // Update amenities if (selectedAmenities.length > 0) { params.set("amenities", selectedAmenities.join(",")) } else { params.delete("amenities") } // Update rating if (selectedRating) { params.set("rating", selectedRating.toString()) } else { params.delete("rating") } router.push(`/search?${params.toString()}`) } const handleResetFilters = () => { const params = new URLSearchParams(searchParams.toString()) // Keep only search, dates and guests const location = params.get("location") const checkIn = params.get("checkIn") const checkOut = params.get("checkOut") const guests = params.get("guests") params.delete("minPrice") params.delete("maxPrice") params.delete("amenities") params.delete("rating") if (location) params.set("location", location) if (checkIn) params.set("checkIn", checkIn) if (checkOut) params.set("checkOut", checkOut) if (guests) params.set("guests", guests) // Reset local state setPriceRange([500000, 2000000]) setSelectedAmenities([]) setSelectedRating(null) router.push(`/search?${params.toString()}`) } const handleAmenityChange = (amenity: string, checked: boolean) => { if (checked) { setSelectedAmenities([...selectedAmenities, amenity]) } else { setSelectedAmenities(selectedAmenities.filter((a) => a !== amenity)) } } return (

Bộ lọc

Khoảng giá

{formatCurrency(priceRange[0])} {formatCurrency(priceRange[1])}

Tiện nghi

{amenities.map((amenity) => (

handleAmenityChange(amenity, checked as boolean)} /> {amenity}

))}

Đánh giá

{ratings.map((rating) => (

setSelectedRating(checked ? rating.value : null)} /> {rating.label}

))}

) } [V0_FILE]typescriptreact:file="app/loading.tsx" isFixed="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/search/page.tsx" import { Suspense } from "react" import { SearchForm } from "@/components/search/search-form" import { FilterForm } from "@/components/search/filter-form" import { HomestayList } from "@/components/homestay/homestay-list" import { searchHomestays } from "@/lib/data" import type { SearchParams } from "@/lib/types" interface SearchPageProps { searchParams: { location?: string checkIn?: string checkOut?: string guests?: string minPrice?: string maxPrice?: string rating?: string amenities?: string } } export default async function SearchPage({ searchParams }: SearchPageProps) { // Parse search params const params: SearchParams = { location: searchParams.location, checkIn: searchParams.checkIn, checkOut: searchParams.checkOut, guests: searchParams.guests ? Number.parseInt(searchParams.guests) : undefined, minPrice: searchParams.minPrice ? Number.parseInt(searchParams.minPrice) : undefined, maxPrice: searchParams.maxPrice ? Number.parseInt(searchParams.maxPrice) : undefined, rating: searchParams.rating ? Number.parseFloat(searchParams.rating) : undefined, amenities: searchParams.amenities ? searchParams.amenities.split(",") : undefined, } // Search homestays const homestays = await searchHomestays(params) // Build search summary let searchSummary = "Tất cả homestay" if (params.location) { searchSummary = `Homestay tại ${params.location}` } return (

{searchSummary}

Đang tải...

) } [V0_FILE]typescriptreact:file="app/search/loading.tsx" isFixed="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/api/homestays/[id]/route.ts" import { NextResponse } from "next/server" import { getHomestayById } from "@/lib/data" export async function GET(request: Request, { params }: { params: { id: string } }) { try { const homestay = await getHomestayById(params.id) if (!homestay) { return new NextResponse(JSON.stringify({ error: "Homestay not found" }), { status: 404, headers: { "Content-Type": "application/json", }, }) } return NextResponse.json(homestay) } catch (error) { return new NextResponse(JSON.stringify({ error: "Internal Server Error" }), { status: 500, headers: { "Content-Type": "application/json", }, }) } } [V0_FILE]typescriptreact:file="app/api/homestays/route.ts" import { NextResponse } from "next/server" import { getHomestays, searchHomestays } from "@/lib/data" import type { SearchParams } from "@/lib/types" export async function GET(request: Request) { try { const { searchParams } = new URL(request.url) // Parse search params const params: SearchParams = { location: searchParams.get("location") || undefined, checkIn: searchParams.get("checkIn") || undefined, checkOut: searchParams.get("checkOut") || undefined, guests: searchParams.get("guests") ? Number.parseInt(searchParams.get("guests")!) : undefined, minPrice: searchParams.get("minPrice") ? Number.parseInt(searchParams.get("minPrice")!) : undefined, maxPrice: searchParams.get("maxPrice") ? Number.parseInt(searchParams.get("maxPrice")!) : undefined, rating: searchParams.get("rating") ? Number.parseFloat(searchParams.get("rating")!) : undefined, amenities: searchParams.get("amenities") ? searchParams.get("amenities")!.split(",") : undefined, } // If there are search params, use searchHomestays, otherwise get all homestays const homestays = Object.keys(params).some((key) => params[key as keyof SearchParams] !== undefined) ? await searchHomestays(params) : await getHomestays() return NextResponse.json(homestays) } catch (error) { return new NextResponse(JSON.stringify({ error: "Internal Server Error" }), { status: 500, headers: { "Content-Type": "application/json", }, }) } } [V0_FILE]png:file="public/images/sunset-beach-villa-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/sunset-beach-villa-1-AHkfChbn4f35awctOdwKNiJq0Z5vlp.png" [V0_FILE]png:file="public/images/sunset-beach-villa-2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/sunset-beach-villa-2-eOPLg9YNvoj7LDxCzkULpo1t9qjffn.png" [V0_FILE]png:file="public/images/sunset-beach-villa-3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/sunset-beach-villa-3-NepGgZld2AVp2o8b5Pj80a9Y7MJgwR.png" [V0_FILE]png:file="public/images/mountain-retreat-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/mountain-retreat-1-ocw5zzJKzrHacckZvuO6ktVYhU8hkl.png" [V0_FILE]png:file="public/images/mountain-retreat-2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/mountain-retreat-2-3kqYSIe64Acztegb8VL0o2rk2He3rB.png" [V0_FILE]png:file="public/images/mountain-retreat-3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/riverside-cottage-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/riverside-cottage-2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/riverside-cottage-3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/city-center-apartment-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/city-center-apartment-2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/city-center-apartment-3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/lakeside-villa-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/lakeside-villa-2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/lakeside-villa-3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/beachfront-bungalow-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/beachfront-bungalow-2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/beachfront-bungalow-3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/countryside-farmstay-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/countryside-farmstay-2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/countryside-farmstay-3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/luxury-penthouse-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/luxury-penthouse-2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/luxury-penthouse-3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]typescriptreact:file="lib/mock-data/admin.ts" export const adminUsers = [ { id: "admin1", username: "admin", password: "admin123", name: "Admin User", email: "admin@homestay.com", role: "admin", }, ] export const mockHomestays = [ { id: "1", name: "Sunset Beach Villa", location: "Đà Nẵng", description: "Biệt thự hướng biển tuyệt đẹp với tầm nhìn panorama ra biển Đà Nẵng. Nằm cách bãi biển Mỹ Khê chỉ 5 phút đi bộ.", price: 1200000, rating: 4.8, maxGuests: 6, images: [ "/images/sunset-beach-villa-1.png", "/images/sunset-beach-villa-2.png", "/images/sunset-beach-villa-3.png", ], amenities: ["Wifi", "Bể bơi", "Bếp", "Máy lạnh", "Bãi đỗ xe", "TV", "Máy giặt"], status: "active", createdAt: "2023-01-15T08:30:00Z", updatedAt: "2023-06-20T14:45:00Z", hostId: "host1", }, { id: "2", name: "Mountain Retreat", location: "Đà Lạt", description: "Căn nhà gỗ ấm cúng nằm giữa rừng thông Đà Lạt. Với thiết kế mộc mạc nhưng tiện nghi đầy đủ.", price: 850000, rating: 4.6, maxGuests: 4, images: ["/images/mountain-retreat-1.png", "/images/mountain-retreat-2.png", "/images/mountain-retreat-3.png"], amenities: ["Wifi", "Lò sưởi", "Bếp", "Máy lạnh", "TV", "Máy giặt"], status: "active", createdAt: "2023-02-10T10:15:00Z", updatedAt: "2023-07-05T09:30:00Z", hostId: "host2", }, { id: "3", name: "Riverside Cottage", location: "Hội An", description: "Ngôi nhà nhỏ xinh nằm bên dòng sông Thu Bồn thơ mộng. Từ đây, bạn có thể dễ dàng đi bộ đến phố cổ Hội An trong vòng 10 phút.", price: 950000, rating: 4.7, maxGuests: 3, images: ["/images/riverside-cottage-1.png", "/images/riverside-cottage-2.png", "/images/riverside-cottage-3.png"], amenities: ["Wifi", "Bếp", "Máy lạnh", "TV", "Máy giặt", "Ban công"], status: "maintenance", createdAt: "2023-03-05T11:45:00Z", updatedAt: "2023-08-12T16:20:00Z", hostId: "host1", }, { id: "4", name: "City Center Apartment", location: "Hồ Chí Minh", description: "Căn hộ hiện đại nằm ở trung tâm Quận 1, TP.HCM. Với vị trí đắc địa, bạn có thể dễ dàng khám phá các điểm du lịch nổi tiếng.", price: 1100000, rating: 4.5, maxGuests: 4, images: [ "/images/city-center-apartment-1.png", "/images/city-center-apartment-2.png", "/images/city-center-apartment-3.png", ], amenities: ["Wifi", "Bếp", "Máy lạnh", "TV", "Máy giặt", "Bể bơi chung"], status: "active", createdAt: "2023-04-20T09:00:00Z", updatedAt: "2023-09-01T13:10:00Z", hostId: "host3", }, { id: "5", name: "Lakeside Villa", location: "Hà Nội", description: "Biệt thự sang trọng bên Hồ Tây, Hà Nội. Không gian rộng rãi với kiến trúc hiện đại kết hợp nét truyền thống.", price: 1500000, rating: 4.9, maxGuests: 8, images: ["/images/lakeside-villa-1.png", "/images/lakeside-villa-2.png", "/images/lakeside-villa-3.png"], amenities: ["Wifi", "Bể bơi", "Bếp", "Máy lạnh", "Bãi đỗ xe", "TV", "Máy giặt", "Sân vườn"], status: "inactive", createdAt: "2023-05-15T14:30:00Z", updatedAt: "2023-10-10T11:25:00Z", hostId: "host2", }, ] export const mockCustomers = [ { id: "1", name: "Nguyễn Văn A", email: "nguyenvana@example.com", phone: "0901234567", address: "123 Đường Lê Lợi, Quận 1, TP.HCM", createdAt: "2023-01-10T08:00:00Z", totalBookings: 5, status: "active", }, { id: "2", name: "Trần Thị B", email: "tranthib@example.com", phone: "0912345678", address: "456 Đường Nguyễn Huệ, Quận 1, TP.HCM", createdAt: "2023-02-15T10:30:00Z", totalBookings: 3, status: "active", }, { id: "3", name: "Lê Văn C", email: "levanc@example.com", phone: "0923456789", address: "789 Đường Trần Hưng Đạo, Quận 5, TP.HCM", createdAt: "2023-03-20T14:45:00Z", totalBookings: 2, status: "inactive", }, { id: "4", name: "Phạm Thị D", email: "phamthid@example.com", phone: "0934567890", address: "101 Đường Hai Bà Trưng, Quận 3, TP.HCM", createdAt: "2023-04-25T09:15:00Z", totalBookings: 1, status: "active", }, { id: "5", name: "Hoàng Văn E", email: "hoangvane@example.com", phone: "0945678901", address: "202 Đường Võ Văn Tần, Quận 3, TP.HCM", createdAt: "2023-05-30T16:20:00Z", totalBookings: 4, status: "active", }, ] export const mockBookings = [ { id: "1", homestayId: "1", homestayName: "Sunset Beach Villa", customerId: "1", customerName: "Nguyễn Văn A", checkIn: "2023-06-15", checkOut: "2023-06-20", guests: 4, totalPrice: 6000000, status: "completed", createdAt: "2023-05-10T09:30:00Z", paymentStatus: "paid", paymentMethod: "credit_card", }, { id: "2", homestayId: "2", homestayName: "Mountain Retreat", customerId: "2", customerName: "Trần Thị B", checkIn: "2023-07-05", checkOut: "2023-07-10", guests: 2, totalPrice: 4250000, status: "confirmed", createdAt: "2023-06-01T14:45:00Z", paymentStatus: "paid", paymentMethod: "bank_transfer", }, { id: "3", homestayId: "3", homestayName: "Riverside Cottage", customerId: "3", customerName: "Lê Văn C", checkIn: "2023-08-20", checkOut: "2023-08-25", guests: 3, totalPrice: 4750000, status: "cancelled", createdAt: "2023-07-15T11:20:00Z", paymentStatus: "refunded", paymentMethod: "credit_card", }, { id: "4", homestayId: "4", homestayName: "City Center Apartment", customerId: "4", customerName: "Phạm Thị D", checkIn: "2023-09-10", checkOut: "2023-09-15", guests: 2, totalPrice: 5500000, status: "pending", createdAt: "2023-08-05T16:30:00Z", paymentStatus: "pending", paymentMethod: "pending", }, { id: "5", homestayId: "5", homestayName: "Lakeside Villa", customerId: "5", customerName: "Hoàng Văn E", checkIn: "2023-10-25", checkOut: "2023-11-01", guests: 6, totalPrice: 10500000, status: "confirmed", createdAt: "2023-09-20T10:15:00Z", paymentStatus: "paid", paymentMethod: "bank_transfer", }, { id: "6", homestayId: "1", homestayName: "Sunset Beach Villa", customerId: "1", customerName: "Nguyễn Văn A", checkIn: "2023-12-10", checkOut: "2023-12-15", guests: 5, totalPrice: 6000000, status: "confirmed", createdAt: "2023-11-05T08:45:00Z", paymentStatus: "paid", paymentMethod: "credit_card", }, { id: "7", homestayId: "2", homestayName: "Mountain Retreat", customerId: "5", customerName: "Hoàng Văn E", checkIn: "2024-01-05", checkOut: "2024-01-10", guests: 3, totalPrice: 4250000, status: "pending", createdAt: "2023-12-01T13:30:00Z", paymentStatus: "pending", paymentMethod: "pending", }, ] export const mockReviews = [ { id: "1", homestayId: "1", homestayName: "Sunset Beach Villa", customerId: "1", customerName: "Nguyễn Văn A", rating: 5, comment: "Tuyệt vời! Cảnh đẹp, phòng sạch sẽ và nhân viên rất thân thiện.", createdAt: "2023-06-21T10:30:00Z", status: "approved", }, { id: "2", homestayId: "2", homestayName: "Mountain Retreat", customerId: "2", customerName: "Trần Thị B", rating: 4, comment: "Không gian yên tĩnh, thích hợp để nghỉ ngơi. Tuy nhiên, đường đi hơi khó tìm.", createdAt: "2023-07-11T15:45:00Z", status: "approved", }, { id: "3", homestayId: "3", homestayName: "Riverside Cottage", customerId: "3", customerName: "Lê Văn C", rating: 3, comment: "Vị trí đẹp nhưng phòng hơi nhỏ và thiếu một số tiện nghi cơ bản.", createdAt: "2023-08-26T09:15:00Z", status: "pending", }, { id: "4", homestayId: "4", homestayName: "City Center Apartment", customerId: "4", customerName: "Phạm Thị D", rating: 5, comment: "Vị trí trung tâm, thuận tiện đi lại. Phòng rộng rãi và đầy đủ tiện nghi.", createdAt: "2023-09-16T14:20:00Z", status: "approved", }, { id: "5", homestayId: "5", homestayName: "Lakeside Villa", customerId: "5", customerName: "Hoàng Văn E", rating: 4, comment: "Cảnh quan tuyệt đẹp, không gian rộng rãi. Giá hơi cao nhưng xứng đáng.", createdAt: "2023-11-02T11:30:00Z", status: "rejected", }, ] export const mockRevenueData = [ { month: "Jan", revenue: 25000000 }, { month: "Feb", revenue: 32000000 }, { month: "Mar", revenue: 28000000 }, { month: "Apr", revenue: 35000000 }, { month: "May", revenue: 40000000 }, { month: "Jun", revenue: 45000000 }, { month: "Jul", revenue: 50000000 }, { month: "Aug", revenue: 48000000 }, { month: "Sep", revenue: 52000000 }, { month: "Oct", revenue: 55000000 }, { month: "Nov", revenue: 58000000 }, { month: "Dec", revenue: 65000000 }, ] export const mockBookingStats = { total: 120, completed: 85, cancelled: 15, pending: 10, confirmed: 10, monthlyStats: [ { month: "Jan", bookings: 8 }, { month: "Feb", bookings: 10 }, { month: "Mar", bookings: 12 }, { month: "Apr", bookings: 9 }, { month: "May", bookings: 11 }, { month: "Jun", bookings: 15 }, { month: "Jul", bookings: 18 }, { month: "Aug", bookings: 14 }, { month: "Sep", bookings: 10 }, { month: "Oct", bookings: 8 }, { month: "Nov", bookings: 7 }, { month: "Dec", bookings: 8 }, ], } export const mockRoomUsageStats = { totalHomestays: 15, activeHomestays: 12, maintenanceHomestays: 2, inactiveHomestays: 1, occupancyRate: 75, averageStayDuration: 4.5, monthlyOccupancy: [ { month: "Jan", rate: 65 }, { month: "Feb", rate: 70 }, { month: "Mar", rate: 68 }, { month: "Apr", rate: 72 }, { month: "May", rate: 75 }, { month: "Jun", rate: 85 }, { month: "Jul", rate: 90 }, { month: "Aug", rate: 88 }, { month: "Sep", rate: 80 }, { month: "Oct", rate: 75 }, { month: "Nov", rate: 70 }, { month: "Dec", rate: 78 }, ], } export const mockReviewStats = { totalReviews: 95, averageRating: 4.6, ratingDistribution: [ { rating: 5, count: 60 }, { rating: 4, count: 25 }, { rating: 3, count: 8 }, { rating: 2, count: 2 }, { rating: 1, count: 0 }, ], approvedReviews: 85, pendingReviews: 8, rejectedReviews: 2, } [V0_FILE]typescriptreact:file="app/admin/customers/page.tsx" "use client" import { useState } from "react" import Link from "next/link" import { Edit, Plus, Trash } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { formatDate, getStatusColor } from "@/lib/utils" import { mockCustomers } from "@/lib/mock-data/admin" export default function CustomersPage() { const [searchQuery, setSearchQuery] = useState("") const [statusFilter, setStatusFilter] = useState("all") // Filter customers based on search query and status filter const filteredCustomers = mockCustomers.filter((customer) => { const matchesSearch = customer.name.toLowerCase().includes(searchQuery.toLowerCase()) || customer.email.toLowerCase().includes(searchQuery.toLowerCase()) || customer.phone.includes(searchQuery) const matchesStatus = statusFilter === "all" || customer.status === statusFilter return matchesSearch && matchesStatus }) return (

Customers

Manage Customers You have a total of {mockCustomers.length} customers in the system.

setSearchQuery(e.target.value)} className="max-w-sm" />

Name Email Phone Total Bookings Joined Date Status Actions {filteredCustomers.length === 0 ? ( No customers found ) : ( filteredCustomers.map((customer) => ( {customer.name} {customer.email} {customer.phone} {customer.totalBookings} {formatDate(customer.createdAt)} {customer.status}

)) )}

) } [V0_FILE]typescriptreact:file="app/admin/reports/revenue/page.tsx" "use client" import { useState } from "react" import { Download } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { formatCurrency } from "@/lib/utils" import { mockRevenueData } from "@/lib/mock-data/admin" export default function RevenueReportPage() { const [timeRange, setTimeRange] = useState("year") const [year, setYear] = useState("2023") // Calculate total revenue const totalRevenue = mockRevenueData.reduce((sum, item) => sum + item.revenue, 0) // Calculate average monthly revenue const averageMonthlyRevenue = totalRevenue / mockRevenueData.length // Find highest revenue month const highestRevenueMonth = mockRevenueData.reduce( (highest, current) => (current.revenue > highest.revenue ? current : highest), mockRevenueData[0], ) // Find lowest revenue month const lowestRevenueMonth = mockRevenueData.reduce( (lowest, current) => (current.revenue < lowest.revenue ? current : lowest), mockRevenueData[0], ) return (

Revenue Reports

Total Revenue

{formatCurrency(totalRevenue)}

For the year {year}

Average Monthly

{formatCurrency(averageMonthlyRevenue)}

Per month in {year}

Highest Month

{formatCurrency(highestRevenueMonth.revenue)}

{highestRevenueMonth.month} {year}

Lowest Month

{formatCurrency(lowestRevenueMonth.revenue)}

{lowestRevenueMonth.month} {year}

Overview Monthly By Homestay By Customer Revenue Overview Monthly revenue for the year {year}

{/* This would be a chart in a real implementation */}

{mockRevenueData.map((item, index) => (

))}

{mockRevenueData.map((item, index) => (

{item.month}

))}

Monthly Breakdown Detailed monthly revenue analysis for {year}

{mockRevenueData.map((item, index) => (

{item.month}

{formatCurrency(item.revenue)}

))}

Revenue by Homestay Top performing homestays by revenue

This section would show revenue breakdown by homestay.

Revenue by Customer Top customers by revenue

This section would show revenue breakdown by customer.

) } [V0_FILE]typescriptreact:file="app/admin/reports/bookings/page.tsx" isFixed="true" isQuickEdit="true" "use client" import { useState } from "react" import { Download } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { mockBookingStats } from "@/lib/mock-data/admin" export default function BookingReportPage() { const [timeRange, setTimeRange] = useState("year") const [year, setYear] = useState("2023") return (

Booking Reports

Total Bookings

{mockBookingStats.total}

For the year {year}

Completed

{mockBookingStats.completed}

{Math.round((mockBookingStats.completed / mockBookingStats.total) * 100)}% of total

Cancelled

{mockBookingStats.cancelled}

{Math.round((mockBookingStats.cancelled / mockBookingStats.total) * 100)}% of total

Pending

{mockBookingStats.pending}

Awaiting confirmation

Overview Monthly By Status By Source Booking Overview Monthly booking statistics for the year {year}

{/* This would be a chart in a real implementation */}

{mockBookingStats.monthlyStats.map((item, index) => (

s.bookings))) * 100}%`, }} />

))}

{mockBookingStats.monthlyStats.map((item, index) => (

{item.month}

))}

Monthly Breakdown Detailed monthly booking analysis for {year}

{mockBookingStats.monthlyStats.map((item, index) => (

{item.month}

s.bookings))) * 100}%`, }} />

{item.bookings} bookings

))}

By Status Booking distribution by status for {year} {/* Add status-based statistics here */} By Source Booking distribution by source for {year} {/* Add source-based statistics here */}

) } [V0_FILE]typescriptreact:file="app/admin/reports/room-usage/page.tsx" "use client" import { useState } from "react" import { Download } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { mockRoomUsageStats } from "@/lib/mock-data/admin" export default function RoomUsageReportPage() { const [timeRange, setTimeRange] = useState("year") const [year, setYear] = useState("2023") return (

Room Usage Reports

Total Homestays

{mockRoomUsageStats.totalHomestays}

In the system

Active Homestays

{mockRoomUsageStats.activeHomestays}

{Math.round((mockRoomUsageStats.activeHomestays / mockRoomUsageStats.totalHomestays) * 100)}% of total

Occupancy Rate

{mockRoomUsageStats.occupancyRate}%

Average for {year}

Avg. Stay Duration

{mockRoomUsageStats.averageStayDuration} days

Per booking

Occupancy Homestays Seasonal Trends Occupancy Rate Monthly occupancy rate for the year {year}

{/* This would be a chart in a real implementation */}

{mockRoomUsageStats.monthlyOccupancy.map((item, index) => (

))}

{mockRoomUsageStats.monthlyOccupancy.map((item, index) => (

{item.month}

))}

Homestay Status Current status of all homestays

{mockRoomUsageStats.activeHomestays} Active

Active {mockRoomUsageStats.activeHomestays}

Maintenance {mockRoomUsageStats.maintenanceHomestays}

Inactive {mockRoomUsageStats.inactiveHomestays}

Seasonal Trends Occupancy rate by season for {year}

High Season (Jun-Aug)

Average Occupancy 88%

Shoulder Season (Apr-May, Sep-Oct)

Average Occupancy 75%

Low Season (Nov-Mar)

Average Occupancy 65%

) } [V0_FILE]typescriptreact:file="app/admin/reports/reviews/page.tsx" "use client" import { useState } from "react" import { Download, Star } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { mockReviewStats, mockReviews } from "@/lib/mock-data/admin" import { formatDate, getStatusColor } from "@/lib/utils" export default function ReviewReportPage() { const [timeRange, setTimeRange] = useState("year") const [year, setYear] = useState("2023") const [statusFilter, setStatusFilter] = useState("all") // Filter reviews based on status filter const filteredReviews = mockReviews.filter((review) => { return statusFilter === "all" || review.status === statusFilter }) return (

Review Reports

Total Reviews

{mockReviewStats.totalReviews}

For all homestays

Average Rating

{mockReviewStats.averageRating}/5

{[1, 2, 3, 4, 5].map((star) => ( ))}

Pending Reviews

{mockReviewStats.pendingReviews}

Awaiting approval

5-Star Reviews

{mockReviewStats.ratingDistribution.find((r) => r.rating === 5)?.count || 0}

{Math.round( ((mockReviewStats.ratingDistribution.find((r) => r.rating === 5)?.count || 0) / mockReviewStats.totalReviews) * 100, )} % of total

Overview Rating Distribution Recent Reviews Review Overview Summary of customer reviews and ratings

Rating Distribution

{mockReviewStats.ratingDistribution.map((item) => (

{item.rating}

{Math.round((item.count / mockReviewStats.totalReviews) * 100)}%

))}

Review Status

{mockReviewStats.approvedReviews}

Approved

{mockReviewStats.pendingReviews}

Pending

{mockReviewStats.rejectedReviews}

Rejected

Rating Distribution Detailed breakdown of ratings by homestay

This section would show rating distribution by homestay.

Recent Reviews Latest customer reviews and feedback

{filteredReviews.map((review) => (

{review.customerName}

{formatDate(review.createdAt)}

{[1, 2, 3, 4, 5].map((star) => ( ))}

{review.status}

{review.comment}

Homestay: {review.homestayName}

{review.status === "pending" && (

)}

))}

) } [V0_FILE]typescriptreact:file="lib/mock-data/rooms.json" [ { "id": "1-1", "homestayId": "1", "name": "Master Suite", "description": "Phòng ngủ chính với tầm nhìn ra biển, phòng tắm riêng và ban công rộng rãi.", "price": 500000, "capacity": 2, "beds": [ { "type": "King", "count": 1 } ], "amenities": ["Wifi", "Máy lạnh", "TV", "Phòng tắm riêng", "Ban công"], "images": ["/images/sunset-beach-villa-room-1.png", "/images/sunset-beach-villa-room-2.png"], "status": "available" }, { "id": "1-2", "homestayId": "1", "name": "Deluxe Room", "description": "Phòng ngủ tiện nghi với giường đôi và tầm nhìn ra vườn.", "price": 400000, "capacity": 2, "beds": [ { "type": "Queen", "count": 1 } ], "amenities": ["Wifi", "Máy lạnh", "TV", "Phòng tắm riêng"], "images": ["/images/sunset-beach-villa-room-3.png", "/images/sunset-beach-villa-room-4.png"], "status": "available" }, { "id": "1-3", "homestayId": "1", "name": "Twin Room", "description": "Phòng ngủ với hai giường đơn, phù hợp cho bạn bè hoặc gia đình.", "price": 350000, "capacity": 2, "beds": [ { "type": "Single", "count": 2 } ], "amenities": ["Wifi", "Máy lạnh", "TV", "Phòng tắm riêng"], "images": ["/images/sunset-beach-villa-room-5.png", "/images/sunset-beach-villa-room-6.png"], "status": "available" }, { "id": "2-1", "homestayId": "2", "name": "Cozy Loft", "description": "Phòng áp mái ấm cúng với tầm nhìn tuyệt đẹp ra rừng thông.", "price": 300000, "capacity": 2, "beds": [ { "type": "Queen", "count": 1 } ], "amenities": ["Wifi", "Lò sưởi", "TV", "Phòng tắm riêng"], "images": ["/images/mountain-retreat-room-1.png", "/images/mountain-retreat-room-2.png"], "status": "available" }, { "id": "2-2", "homestayId": "2", "name": "Forest View Room", "description": "Phòng ngủ với tầm nhìn ra rừng, không gian yên tĩnh và thư giãn.", "price": 250000, "capacity": 2, "beds": [ { "type": "Double", "count": 1 } ], "amenities": ["Wifi", "Máy lạnh", "TV", "Phòng tắm riêng"], "images": ["/images/mountain-retreat-room-3.png", "/images/mountain-retreat-room-4.png"], "status": "available" }, { "id": "3-1", "homestayId": "3", "name": "River View Room", "description": "Phòng ngủ với tầm nhìn ra sông, không gian yên bình và thư giãn.", "price": 350000, "capacity": 2, "beds": [ { "type": "Queen", "count": 1 } ], "amenities": ["Wifi", "Máy lạnh", "TV", "Phòng tắm riêng", "Ban công"], "images": ["/images/riverside-cottage-room-1.png", "/images/riverside-cottage-room-2.png"], "status": "available" }, { "id": "3-2", "homestayId": "3", "name": "Garden Room", "description": "Phòng ngủ với tầm nhìn ra vườn, không gian yên tĩnh và thư giãn.", "price": 300000, "capacity": 1, "beds": [ { "type": "Single", "count": 1 } ], "amenities": ["Wifi", "Máy lạnh", "TV", "Phòng tắm riêng"], "images": ["/images/riverside-cottage-room-3.png", "/images/riverside-cottage-room-4.png"], "status": "available" } ] [V0_FILE]typescriptreact:file="lib/mock-data/homestays.json" [ { "id": "1", "name": "Sunset Beach Villa", "location": "Đà Nẵng", "description": "Biệt thự hướng biển tuyệt đẹp với tầm nhìn panorama ra biển Đà Nẵng. Nằm cách bãi biển Mỹ Khê chỉ 5 phút đi bộ, biệt thự này cung cấp không gian nghỉ dưỡng sang trọng và yên tĩnh.", "price": 1200000, "rating": 4.8, "maxGuests": 6, "totalRooms": 3, "images": [ "/images/sunset-beach-villa-1.png", "/images/sunset-beach-villa-2.png", "/images/sunset-beach-villa-3.png" ], "amenities": ["Wifi", "Bể bơi", "Bếp", "Máy lạnh", "Bãi đỗ xe", "TV", "Máy giặt"], "featured": true, "allowsPartialBooking": true, "status": "active" }, { "id": "2", "name": "Mountain Retreat", "location": "Đà Lạt", "description": "Căn nhà gỗ ấm cúng nằm giữa rừng thông Đà Lạt. Với thiết kế mộc mạc nhưng tiện nghi đầy đủ, đây là nơi lý tưởng để tận hưởng không khí trong lành và khung cảnh thiên nhiên tuyệt đẹp của cao nguyên.", "price": 850000, "rating": 4.6, "maxGuests": 4, "totalRooms": 2, "images": ["/images/mountain-retreat-1.png", "/images/mountain-retreat-2.png", "/images/mountain-retreat-3.png"], "amenities": ["Wifi", "Lò sưởi", "Bếp", "Máy lạnh", "TV", "Máy giặt"], "featured": true, "allowsPartialBooking": true, "status": "active" }, { "id": "3", "name": "Riverside Cottage", "location": "Hội An", "description": "Ngôi nhà nhỏ xinh nằm bên dòng sông Thu Bồn thơ mộng. Từ đây, bạn có thể dễ dàng đi bộ đến phố cổ Hội An trong vòng 10 phút. Không gian yên bình và view sông tuyệt đẹp sẽ mang đến cho bạn những trải nghiệm đáng nhớ.", "price": 950000, "rating": 4.7, "maxGuests": 3, "totalRooms": 2, "images": ["/images/riverside-cottage-1.png", "/images/riverside-cottage-2.png", "/images/riverside-cottage-3.png"], "amenities": ["Wifi", "Bếp", "Máy lạnh", "TV", "Máy giặt", "Ban công"], "featured": true, "allowsPartialBooking": true, "status": "maintenance" }, { "id": "4", "name": "City Center Apartment", "location": "Hồ Chí Minh", "description": "Căn hộ hiện đại nằm ở trung tâm Quận 1, TP.HCM. Với vị trí đắc địa, bạn có thể dễ dàng khám phá các điểm du lịch nổi tiếng như Nhà thờ Đức Bà, Bưu điện Trung tâm, phố đi bộ Nguyễn Huệ chỉ trong vài phút đi bộ.", "price": 1100000, "rating": 4.5, "maxGuests": 4, "totalRooms": 2, "images": [ "/images/city-center-apartment-1.png", "/images/city-center-apartment-2.png", "/images/city-center-apartment-3.png" ], "amenities": ["Wifi", "Bếp", "Máy lạnh", "TV", "Máy giặt", "Bể bơi chung"], "featured": false, "allowsPartialBooking": false, "status": "active" }, { "id": "5", "name": "Lakeside Villa", "location": "Hà Nội", "description": "Biệt thự sang trọng bên Hồ Tây, Hà Nội. Không gian rộng rãi với kiến trúc hiện đại kết hợp nét truyền thống, mang đến cảm giác thoải mái và gần gũi với thiên nhiên ngay giữa lòng thủ đô.", "price": 1500000, "rating": 4.9, "maxGuests": 8, "totalRooms": 4, "images": ["/images/lakeside-villa-1.png", "/images/lakeside-villa-2.png", "/images/lakeside-villa-3.png"], "amenities": ["Wifi", "Bể bơi", "Bếp", "Máy lạnh", "Bãi đỗ xe", "TV", "Máy giặt", "Sân vườn"], "featured": true, "allowsPartialBooking": true, "status": "inactive" }, { "id": "6", "name": "Beachfront Bungalow", "location": "Phú Quốc", "description": "Bungalow nằm ngay trên bãi biển Bãi Sao, Phú Quốc. Với thiết kế mở, bạn có thể ngắm nhìn biển từ mọi góc nhìn trong nhà. Đây là nơi lý tưởng để tận hưởng những ngày nghỉ dưỡng bên bờ biển trong xanh.", "price": 1300000, "rating": 4.7, "maxGuests": 2, "totalRooms": 1, "images": [ "/images/beachfront-bungalow-1.png", "/images/beachfront-bungalow-2.png", "/images/beachfront-bungalow-3.png" ], "amenities": ["Wifi", "Bếp", "Máy lạnh", "TV", "Bãi biển riêng", "Võng"], "featured": true, "allowsPartialBooking": false, "status": "active" }, { "id": "7", "name": "Countryside Farmstay", "location": "Mộc Châu", "description": "Farmstay nằm giữa thung lũng Mộc Châu xanh mát. Đây là nơi lý tưởng để trải nghiệm cuộc sống nông thôn, tham gia các hoạt động như hái trái cây, chăm sóc vườn rau và thưởng thức không khí trong lành của vùng cao nguyên.", "price": 700000, "rating": 4.5, "maxGuests": 10, "totalRooms": 5, "images": [ "/images/countryside-farmstay-1.png", "/images/countryside-farmstay-2.png", "/images/countryside-farmstay-3.png" ], "amenities": ["Wifi", "Bếp", "Lò sưởi", "TV", "Sân vườn", "BBQ"], "featured": false, "allowsPartialBooking": true, "status": "active" }, { "id": "8", "name": "Luxury Penthouse", "location": "Nha Trang", "description": "Căn hộ penthouse sang trọng với tầm nhìn panorama ra vịnh Nha Trang. Nằm trên tầng cao nhất của tòa nhà, căn hộ này cung cấp không gian sống đẳng cấp với đầy đủ tiện nghi cao cấp.", "price": 2000000, "rating": 4.9, "maxGuests": 6, "totalRooms": 3, "images": ["/images/luxury-penthouse-1.png", "/images/luxury-penthouse-2.png", "/images/luxury-penthouse-3.png"], "amenities": ["Wifi", "Bể bơi", "Bếp", "Máy lạnh", "Bãi đỗ xe", "TV", "Máy giặt", "Jacuzzi", "Phòng gym"], "featured": true, "allowsPartialBooking": false, "status": "active" } ] [V0_FILE]typescriptreact:file="lib/data.ts" import type { Homestay, Room, SearchParams, User } from "./types" import homestaysData from "./mock-data/homestays.json" import roomsData from "./mock-data/rooms.json" import usersData from "./mock-data/users.json" export async function getHomestays(): Promise { return homestaysData as Homestay[] } export async function getFeaturedHomestays(): Promise { const homestays = await getHomestays() return homestays.filter((homestay) => homestay.featured) } export async function getHomestayById(id: string): Promise { const homestays = await getHomestays() return homestays.find((homestay) => homestay.id === id) } export async function getRooms(): Promise { return roomsData as Room[] } export async function getRoomsByHomestayId(homestayId: string): Promise { const rooms = await getRooms() return rooms.filter((room) => room.homestayId === homestayId) } export async function getRoomById(id: string): Promise { const rooms = await getRooms() return rooms.find((room) => room.id === id) } export async function getAvailableRoomsByHomestayId( homestayId: string, checkIn: string, checkOut: string, ): Promise { // In a real app, you would check against bookings const rooms = await getRoomsByHomestayId(homestayId) return rooms.filter((room) => room.status === "available") } export async function searchHomestays(params: SearchParams): Promise { const homestays = await getHomestays() return homestays.filter((homestay) => { // Filter by location if (params.location && !homestay.location.toLowerCase().includes(params.location.toLowerCase())) { return false } // Filter by price range if (params.minPrice && homestay.price < params.minPrice) { return false } if (params.maxPrice && homestay.price > params.maxPrice) { return false } // Filter by rating if (params.rating && homestay.rating < params.rating) { return false } // Filter by amenities if (params.amenities && params.amenities.length > 0) { const hasAllAmenities = params.amenities.every((amenity) => homestay.amenities.includes(amenity)) if (!hasAllAmenities) { return false } } // Filter by rooms needed if (params.roomsNeeded && params.roomsNeeded > 0) { // Only include homestays that allow partial booking and have enough rooms if (!homestay.allowsPartialBooking || homestay.totalRooms < params.roomsNeeded) { return false } } return true }) } export async function getUsers(): Promise { return usersData as User[] } export async function getUserByEmail(email: string): Promise { const users = await getUsers() return users.find((user) => user.email === email) } export async function authenticateUser(email: string, password: string): Promise { const user = await getUserByEmail(email) if (user && user.password === password) { return user } return null } [V0_FILE]typescriptreact:file="lib/validation.ts" import { z } from "zod" export const registerSchema = z .object({ email: z.string().email("Email không hợp lệ"), password: z.string().min(6, "Mật khẩu phải có ít nhất 6 ký tự"), confirmPassword: z.string().min(6, "Mật khẩu phải có ít nhất 6 ký tự"), }) .refine((data) => data.password === data.confirmPassword, { message: "Mật khẩu xác nhận không khớp", path: ["confirmPassword"], }) export const loginSchema = z.object({ email: z.string().email("Email không hợp lệ"), password: z.string().min(6, "Mật khẩu phải có ít nhất 6 ký tự"), }) export const searchSchema = z.object({ location: z.string().optional(), checkIn: z.string().optional(), checkOut: z.string().optional(), guests: z.number().min(1).optional(), roomsNeeded: z.number().min(1).optional(), }) export const bookingSchema = z.object({ checkIn: z.string().min(1, "Vui lòng chọn ngày nhận phòng"), checkOut: z.string().min(1, "Vui lòng chọn ngày trả phòng"), guests: z.number().min(1, "Số khách phải ít nhất là 1"), bookingType: z.enum(["whole", "rooms"]), selectedRooms: z.array(z.string()).optional(), }) [V0_FILE]typescriptreact:file="app/api/rooms/route.ts" import { NextResponse } from "next/server" import { getRooms, getRoomsByHomestayId } from "@/lib/data" export async function GET(request: Request) { try { const { searchParams } = new URL(request.url) const homestayId = searchParams.get("homestayId") if (homestayId) { const rooms = await getRoomsByHomestayId(homestayId) return NextResponse.json(rooms) } else { const rooms = await getRooms() return NextResponse.json(rooms) } } catch (error) { return new NextResponse(JSON.stringify({ error: "Internal Server Error" }), { status: 500, headers: { "Content-Type": "application/json", }, }) } } [V0_FILE]typescriptreact:file="app/api/rooms/[id]/route.ts" import { NextResponse } from "next/server" import { getRoomById } from "@/lib/data" export async function GET(request: Request, { params }: { params: { id: string } }) { try { const room = await getRoomById(params.id) if (!room) { return new NextResponse(JSON.stringify({ error: "Room not found" }), { status: 404, headers: { "Content-Type": "application/json", }, }) } return NextResponse.json(room) } catch (error) { return new NextResponse(JSON.stringify({ error: "Internal Server Error" }), { status: 500, headers: { "Content-Type": "application/json", }, }) } } [V0_FILE]png:file="public/images/sunset-beach-villa-room-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/luxury-ocean-view-hotel-npZ3Hl1Ct9E0vEGYWSBCuzCq9F9Sru.png" [V0_FILE]png:file="public/images/sunset-beach-villa-room-2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/sunset-beach-villa-room-2-i927a1QXc7tj3jQEEMZ1tGfUENgMqs.png" [V0_FILE]png:file="public/images/sunset-beach-villa-room-3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/cozy-hotel-double-bed-zF5A6ihzr9VluzeBY75ozQLbXsD4vk.png" [V0_FILE]png:file="public/images/sunset-beach-villa-room-4.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/sunset-beach-villa-room-4-mWf3edHLW2fi5D2UcKy52wlt3b7cY5.png" [V0_FILE]png:file="public/images/sunset-beach-villa-room-5.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/sunset-beach-villa-room-5-AtkwVxTZ3ewymfzk4d8URDRweRk95q.png" [V0_FILE]png:file="public/images/sunset-beach-villa-room-6.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/sunset-beach-villa-room-6-b7cMly0BhlHn7PpzYOe7kqK1RfeZcK.png" [V0_FILE]png:file="public/images/mountain-retreat-room-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/mountain-retreat-room-1-GbqeSxL67gow6oN4BzNDKaKJJN9ypC.png" [V0_FILE]png:file="public/images/mountain-retreat-room-2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/mountain-retreat-room-3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/mountain-retreat-room-4.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/riverside-cottage-room-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/riverside-cottage-room-2.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/riverside-cottage-room-3.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]png:file="public/images/riverside-cottage-room-4.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" [V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" import { ConditionalHeader } from "@/components/layout/conditional-header" import { ConditionalFooter } from "@/components/layout/conditional-footer" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "HomeStay - Đặt phòng homestay trực tuyến", description: "Nền tảng đặt phòng homestay hàng đầu Việt Nam", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return (

{children}

) } [V0_FILE]typescriptreact:file="components/layout/conditional-header.tsx" "use client" import { usePathname } from "next/navigation" import { Header } from "./header" export function ConditionalHeader() { const pathname = usePathname() const isAdminPage = pathname?.startsWith("/admin") if (isAdminPage) { return null } return

} [V0_FILE]typescriptreact:file="components/layout/conditional-footer.tsx" "use client" import { usePathname } from "next/navigation" import { Footer } from "./footer" export function ConditionalFooter() { const pathname = usePathname() const isAdminPage = pathname?.startsWith("/admin") if (isAdminPage) { return null } return