[V0_FILE]javascript:file="src/App.js" isMerged="true" "use client" import { useState, useEffect } from "react" import { BrowserRouter as Router, Routes, Route, Navigate } from "react-router-dom" import Login from "./components/Login" import Dashboard from "./components/Dashboard" import BuildingSetup from "./components/BuildingSetup" import TenantManagement from "./components/TenantManagement" import RentTracker from "./components/RentTracker" import Reports from "./components/Reports" import Navbar from "./components/Navbar" import "./App.css" function App() { const [isAuthenticated, setIsAuthenticated] = useState(false) const [user, setUser] = useState(null) const [loading, setLoading] = useState(true) useEffect(() => { const token = localStorage.getItem("token") if (token) { // Verify token with backend fetch("/api/auth/verify", { headers: { Authorization: `Bearer ${token}` }, }) .then((res) => res.json()) .then((data) => { if (data.valid) { setIsAuthenticated(true) setUser(data.user) } else { localStorage.removeItem("token") } setLoading(false) }) .catch(() => { localStorage.removeItem("token") setLoading(false) }) } else { setLoading(false) } }, []) const handleLogin = (userData, token) => { localStorage.setItem("token", token) setIsAuthenticated(true) setUser(userData) } const handleLogout = () => { localStorage.removeItem("token") setIsAuthenticated(false) setUser(null) } if (loading) { return

} return (

{isAuthenticated && } : } /> : } /> : } /> : } /> : } /> : } /> } />

) } export default App [V0_FILE]javascript:file="src/components/Login.js" isMerged="true" "use client" import { useState } from "react" const Login = ({ onLogin }) => { const [formData, setFormData] = useState({ email: "", password: "", }) const [loading, setLoading] = useState(false) const [error, setError] = useState("") const handleChange = (e) => { setFormData({ ...formData, [e.target.name]: e.target.value, }) } const handleSubmit = async (e) => { e.preventDefault() setLoading(true) setError("") try { const response = await fetch("/api/auth/login", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(formData), }) const data = await response.json() if (response.ok) { onLogin(data.user, data.token) } else { setError(data.message || "Login failed") } } catch (err) { setError("Network error. Please try again.") } finally { setLoading(false) } } return (

PG Management System

) } export default Login [V0_FILE]javascript:file="src/components/Dashboard.js" isMerged="true" "use client" import { useState, useEffect } from "react" const Dashboard = ({ user }) => { const [subscriptionStatus, setSubscriptionStatus] = useState(null) const [stats, setStats] = useState({ totalBuildings: 0, totalTenants: 0, totalRooms: 0, occupiedRooms: 0, }) useEffect(() => { fetchSubscriptionStatus() fetchDashboardStats() }, []) const fetchSubscriptionStatus = async () => { try { const response = await fetch("/api/subscription/status", { headers: { Authorization: `Bearer ${localStorage.getItem("token")}` }, }) const data = await response.json() setSubscriptionStatus(data) } catch (error) { console.error("Error fetching subscription status:", error) } } const fetchDashboardStats = async () => { try { const response = await fetch("/api/dashboard/stats", { headers: { Authorization: `Bearer ${localStorage.getItem("token")}` }, }) const data = await response.json() setStats(data) } catch (error) { console.error("Error fetching dashboard stats:", error) } } const SubscriptionBanner = () => { if (!subscriptionStatus) return null if (!subscriptionStatus.isActive) { return (

Subscription Expired! Please renew your subscription. Contact admin at yourupi@upi

) } return (

Subscription Active {" "} Valid until {new Date(subscriptionStatus.endDate).toLocaleDateString()}

) } return (

Dashboard

Welcome back, {user?.name || user?.email}

Total Buildings: {stats.totalBuildings}

Total Tenants: {stats.totalTenants}

Total Rooms: {stats.totalRooms}

Occupancy Rate: {stats.totalRooms > 0 ? Math.round((stats.occupiedRooms / stats.totalRooms) * 100) : 0}%

Quick Actions

Add New Building Add New Tenant Track Rent Payments

Recent Activity

No recent activity to display.

) } export default Dashboard [V0_FILE]javascript:file="src/components/BuildingSetup.js" isMerged="true" "use client" import { useState, useEffect } from "react" const BuildingSetup = () => { const [step, setStep] = useState(1) const [buildings, setBuildings] = useState([]) const [buildingData, setBuildingData] = useState({ name: "", address: "", }) const [roomConfig, setRoomConfig] = useState({ buildingId: null, twoSharing: 0, threeSharing: 0, fourSharing: 0, }) useEffect(() => { fetchBuildings() }, []) const fetchBuildings = async () => { try { const response = await fetch("/api/buildings", { headers: { Authorization: `Bearer ${localStorage.getItem("token")}` }, }) const data = await response.json() setBuildings(data) } catch (error) { console.error("Error fetching buildings:", error) } } const handleBuildingSubmit = async (e) => { e.preventDefault() try { const response = await fetch("/api/buildings", { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${localStorage.getItem("token")}`, }, body: JSON.stringify(buildingData), }) if (response.ok) { const newBuilding = await response.json() setRoomConfig({ ...roomConfig, buildingId: newBuilding.id }) setStep(2) fetchBuildings() } } catch (error) { console.error("Error creating building:", error) } } const handleRoomConfigSubmit = async (e) => { e.preventDefault() try { const response = await fetch("/api/buildings/configure-rooms", { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${localStorage.getItem("token")}`, }, body: JSON.stringify(roomConfig), }) if (response.ok) { alert("Rooms configured successfully!") setStep(1) setBuildingData({ name: "", address: "" }) setRoomConfig({ buildingId: null, twoSharing: 0, threeSharing: 0, fourSharing: 0 }) } } catch (error) { console.error("Error configuring rooms:", error) } } return (

Building Setup

{step === 1 && (

Add New Building

PG Name setBuildingData({ ...buildingData, name: e.target.value })} />

Address

setBuildingData({ ...buildingData, address: e.target.value })}
                />
              </div>
              <button
                type="submit"
                className="w-full bg-indigo-600 text-white py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500"
              >
                Add Building
              </button>
            </form>
          </div>
        </div>
      )}

{step === 2 && (
        <div className="max-w-md mx-auto">
          <div className="bg-white shadow rounded-lg p-6">
            <h2 className="text-xl font-semibold mb-4">Configure Rooms</h2>
            <form onSubmit={handleRoomConfigSubmit}>
              <div className="mb-4">
                <label className="block text-sm font-medium text-gray-700 mb-2">Number of 2-Sharing Rooms</label>
                <input
                  type="number"
                  min="0"
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  value={roomConfig.twoSharing}
                  onChange={(e) => setRoomConfig({ ...roomConfig, twoSharing: Number.parseInt(e.target.value) || 0 })}
                />
              </div>
              <div className="mb-4">
                <label className="block text-sm font-medium text-gray-700 mb-2">Number of 3-Sharing Rooms</label>
                <input
                  type="number"
                  min="0"
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  value={roomConfig.threeSharing}
                  onChange={(e) => setRoomConfig({ ...roomConfig, threeSharing: Number.parseInt(e.target.value) || 0 })}
                />
              </div>
              <div className="mb-6">
                <label className="block text-sm font-medium text-gray-700 mb-2">Number of 4-Sharing Rooms</label>
                <input
                  type="number"
                  min="0"
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  value={roomConfig.fourSharing}
                  onChange={(e) => setRoomConfig({ ...roomConfig, fourSharing: Number.parseInt(e.target.value) || 0 })}
                />
              </div>
              <div className="flex space-x-4">
                <button
                  type="button"
                  onClick={() => setStep(1)}
                  className="flex-1 bg-gray-300 text-gray-700 py-2 px-4 rounded-md hover:bg-gray-400"
                >
                  Back
                </button>
                <button
                  type="submit"
                  className="flex-1 bg-indigo-600 text-white py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500"
                >
                  Configure Rooms
                </button>
              </div>
            </form>
          </div>
        </div>
      )}

{buildings.length > 0 && (
        <div className="mt-8">
          <h2 className="text-xl font-semibold mb-4">Existing Buildings</h2>
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
            {buildings.map((building) => (
              <div key={building.id} className="bg-white shadow rounded-lg p-4">
                <h3 className="font-semibold text-lg">{building.name}</h3>
                <p className="text-gray-600 text-sm">{building.address}</p>
                <p className="text-sm mt-2">Total Rooms: {building.totalRooms || 0}</p>
              </div>
            ))}
          </div>
        </div>
      )}
    </div>
  )
}

export default BuildingSetup
[V0_FILE]javascript:file="src/components/TenantManagement.js" isMerged="true"
"use client"

import { useState, useEffect } from "react"

const TenantManagement = () => {
  const [tenants, setTenants] = useState([])
  const [buildings, setBuildings] = useState([])
  const [rooms, setRooms] = useState([])
  const [showForm, setShowForm] = useState(false)
  const [tenantData, setTenantData] = useState({
    name: "",
    mobile: "",
    email: "",
    roomId: "",
    securityDeposit: "",
    checkInDate: "",
  })

useEffect(() => {
    fetchTenants()
    fetchBuildings()
  }, [])

const fetchTenants = async () => {
    try {
      const response = await fetch("/api/tenants", {
        headers: { Authorization: `Bearer ${localStorage.getItem("token")}` },
      })
      const data = await response.json()
      setTenants(data)
    } catch (error) {
      console.error("Error fetching tenants:", error)
    }
  }

const fetchBuildings = async () => {
    try {
      const response = await fetch("/api/buildings", {
        headers: { Authorization: `Bearer ${localStorage.getItem("token")}` },
      })
      const data = await response.json()
      setBuildings(data)
    } catch (error) {
      console.error("Error fetching buildings:", error)
    }
  }

const fetchRooms = async (buildingId) => {
    try {
      const response = await fetch(`/api/buildings/${buildingId}/rooms`, {
        headers: { Authorization: `Bearer ${localStorage.getItem("token")}` },
      })
      const data = await response.json()
      setRooms(data)
    } catch (error) {
      console.error("Error fetching rooms:", error)
    }
  }

const handleSubmit = async (e) => {
    e.preventDefault()
    try {
      const response = await fetch("/api/tenants", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          Authorization: `Bearer ${localStorage.getItem("token")}`,
        },
        body: JSON.stringify(tenantData),
      })

if (response.ok) {
        setShowForm(false)
        setTenantData({
          name: "",
          mobile: "",
          email: "",
          roomId: "",
          securityDeposit: "",
          checkInDate: "",
        })
        fetchTenants()
      }
    } catch (error) {
      console.error("Error adding tenant:", error)
    }
  }

const handleBuildingChange = (buildingId) => {
    if (buildingId) {
      fetchRooms(buildingId)
    } else {
      setRooms([])
    }
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="flex justify-between items-center mb-8">
        <h1 className="text-3xl font-bold text-gray-900">Tenant Management</h1>
        <button
          onClick={() => setShowForm(!showForm)}
          className="bg-indigo-600 text-white px-4 py-2 rounded-md hover:bg-indigo-700"
        >
          {showForm ? "Cancel" : "Add Tenant"}
        </button>
      </div>

{showForm && (
        <div className="bg-white shadow rounded-lg p-6 mb-8">
          <h2 className="text-xl font-semibold mb-4">Add New Tenant</h2>
          <form onSubmit={handleSubmit}>
            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-2">Name</label>
                <input
                  type="text"
                  required
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  value={tenantData.name}
                  onChange={(e) => setTenantData({ ...tenantData, name: e.target.value })}
                />
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-2">Mobile</label>
                <input
                  type="tel"
                  required
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  value={tenantData.mobile}
                  onChange={(e) => setTenantData({ ...tenantData, mobile: e.target.value })}
                />
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-2">Email</label>
                <input
                  type="email"
                  required
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  value={tenantData.email}
                  onChange={(e) => setTenantData({ ...tenantData, email: e.target.value })}
                />
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-2">Building</label>
                <select
                  required
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  onChange={(e) => handleBuildingChange(e.target.value)}
                >
                  <option value="">Select Building</option>
                  {buildings.map((building) => (
                    <option key={building.id} value={building.id}>
                      {building.name}
                    </option>
                  ))}
                </select>
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-2">Room</label>
                <select
                  required
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  value={tenantData.roomId}
                  onChange={(e) => setTenantData({ ...tenantData, roomId: e.target.value })}
                >
                  <option value="">Select Room</option>
                  {rooms.map((room) => (
                    <option key={room.id} value={room.id}>
                      Room {room.roomNumber} - {room.currentOccupancy}/{room.capacity}
                    </option>
                  ))}
                </select>
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-2">Security Deposit</label>
                <input
                  type="number"
                  required
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  value={tenantData.securityDeposit}
                  onChange={(e) => setTenantData({ ...tenantData, securityDeposit: e.target.value })}
                />
              </div>
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-2">Check-in Date</label>
                <input
                  type="date"
                  required
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500"
                  value={tenantData.checkInDate}
                  onChange={(e) => setTenantData({ ...tenantData, checkInDate: e.target.value })}
                />
              </div>
            </div>
            <div className="mt-6">
              <button type="submit" className="bg-indigo-600 text-white px-4 py-2 rounded-md hover:bg-indigo-700">
                Add Tenant
              </button>
            </div>
          </form>
        </div>
      )}

<div className="bg-white shadow rounded-lg overflow-hidden">
        <div className="px-6 py-4 border-b border-gray-200">
          <h2 className="text-lg font-semibold">Current Tenants</h2>
        </div>
        <div className="overflow-x-auto">
          <table className="min-w-full divide-y divide-gray-200">
            <thead className="bg-gray-50">
              <tr>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                  Contact
                </th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Room</th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                  Check-in Date
                </th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                  Security Deposit
                </th>
              </tr>
            </thead>
            <tbody className="bg-white divide-y divide-gray-200">
              {tenants.map((tenant) => (
                <tr key={tenant.id}>
                  <td className="px-6 py-4 whitespace-nowrap">
                    <div className="text-sm font-medium text-gray-900">{tenant.name}</div>
                  </td>
                  <td className="px-6 py-4 whitespace-nowrap">
                    <div className="text-sm text-gray-900">{tenant.mobile}</div>
                    <div className="text-sm text-gray-500">{tenant.email}</div>
                  </td>
                  <td className="px-6 py-4 whitespace-nowrap">
                    <div className="text-sm text-gray-900">Room {tenant.room?.roomNumber}</div>
                    <div className="text-sm text-gray-500">{tenant.room?.building?.name}</div>
                  </td>
                  <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                    {new Date(tenant.checkInDate).toLocaleDateString()}
                  </td>
                  <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">₹{tenant.securityDeposit}</td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  )
}

export default TenantManagement
[V0_FILE]javascript:file="src/components/RentTracker.js" isMerged="true"
"use client"

import { useState, useEffect } from "react"

const RentTracker = () => {
  const [rentData, setRentData] = useState([])
  const [filter, setFilter] = useState("all") // all, paid, due

useEffect(() => {
    fetchRentData()
  }, [])

const fetchRentData = async () => {
    try {
      const response = await fetch("/api/rent/tracker", {
        headers: { Authorization: `Bearer ${localStorage.getItem("token")}` },
      })
      const data = await response.json()
      setRentData(data)
    } catch (error) {
      console.error("Error fetching rent data:", error)
    }
  }

const markAsPaid = async (tenantId, month, year) => {
    try {
      const response = await fetch("/api/rent/payment", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          Authorization: `Bearer ${localStorage.getItem("token")}`,
        },
        body: JSON.stringify({ tenantId, month, year }),
      })

if (response.ok) {
        fetchRentData()
      }
    } catch (error) {
      console.error("Error marking rent as paid:", error)
    }
  }

const handleNotify = (tenant) => {
    // Dummy notification function
    alert(`Notification sent to ${tenant.name} (${tenant.mobile})`)
  }

const filteredData = rentData.filter((item) => {
    if (filter === "paid") return item.status === "PAID"
    if (filter === "due") return item.status === "DUE"
    return true
  })

const getStatusColor = (status) => {
    switch (status) {
      case "PAID":
        return "bg-green-100 text-green-800"
      case "DUE":
        return "bg-red-100 text-red-800"
      case "OVERDUE":
        return "bg-red-200 text-red-900"
      default:
        return "bg-gray-100 text-gray-800"
    }
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="flex justify-between items-center mb-8">
        <h1 className="text-3xl font-bold text-gray-900">Rent Tracker</h1>
        <div className="flex space-x-2">
          <button
            onClick={() => setFilter("all")}
            className={`px-4 py-2 rounded-md ${filter === "all" ? "bg-indigo-600 text-white" : "bg-gray-200 text-gray-700"}`}
          >
            All
          </button>
          <button
            onClick={() => setFilter("paid")}
            className={`px-4 py-2 rounded-md ${filter === "paid" ? "bg-green-600 text-white" : "bg-gray-200 text-gray-700"}`}
          >
            Paid
          </button>
          <button
            onClick={() => setFilter("due")}
            className={`px-4 py-2 rounded-md ${filter === "due" ? "bg-red-600 text-white" : "bg-gray-200 text-gray-700"}`}
          >
            Due
          </button>
        </div>
      </div>

<div className="bg-white shadow rounded-lg overflow-hidden">
        <div className="overflow-x-auto">
          <table className="min-w-full divide-y divide-gray-200">
            <thead className="bg-gray-50">
              <tr>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                  Tenant
                </th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Room</th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                  Rent Amount
                </th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                  Due Date
                </th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                  Status
                </th>
                <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                  Actions
                </th>
              </tr>
            </thead>
            <tbody className="bg-white divide-y divide-gray-200">
              {filteredData.map((item) => (
                <tr key={`${item.tenant.id}-${item.month}-${item.year}`}>
                  <td className="px-6 py-4 whitespace-nowrap">
                    <div className="text-sm font-medium text-gray-900">{item.tenant.name}</div>
                    <div className="text-sm text-gray-500">{item.tenant.mobile}</div>
                  </td>
                  <td className="px-6 py-4 whitespace-nowrap">
                    <div className="text-sm text-gray-900">Room {item.tenant.room.roomNumber}</div>
                    <div className="text-sm text-gray-500">{item.tenant.room.building.name}</div>
                  </td>
                  <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">₹{item.rentAmount}</td>
                  <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                    {new Date(item.dueDate).toLocaleDateString()}
                  </td>
                  <td className="px-6 py-4 whitespace-nowrap">
                    <span
                      className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getStatusColor(item.status)}`}
                    >
                      {item.status}
                    </span>
                  </td>
                  <td className="px-6 py-4 whitespace-nowrap text-sm font-medium space-x-2">
                    {item.status !== "PAID" && (
                      <button
                        onClick={() => markAsPaid(item.tenant.id, item.month, item.year)}
                        className="text-green-600 hover:text-green-900"
                      >
                        Mark Paid
                      </button>
                    )}
                    <button onClick={() => handleNotify(item.tenant)} className="text-indigo-600 hover:text-indigo-900">
                      Notify
                    </button>
                  </td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  )
}

export default RentTracker
[V0_FILE]javascript:file="src/components/Reports.js" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import {
  LineChart,
  Line,
  XAxis,
  YAxis,
  CartesianGrid,
  Tooltip,
  Legend,
  ResponsiveContainer,
  BarChart,
  Bar,
  PieChart,
  Pie,
  Cell,
} from "recharts"

const Reports = () => {
  const [reportData, setReportData] = useState({
    monthlyCollection: [],
    upcomingDues: [],
    occupancyData: [],
  })
  const [selectedPeriod, setSelectedPeriod] = useState("6months")

useEffect(() => {
    fetchReportData()
  }, [selectedPeriod])

const fetchReportData = async () => {
    try {
      const response = await fetch(`/api/reports?period=${selectedPeriod}`, {
        headers: { Authorization: `Bearer ${localStorage.getItem("token")}` },
      })
      const data = await response.json()
      setReportData(data)
    } catch (error) {
      console.error("Error fetching report data:", error)
    }
  }

const COLORS = ["#0088FE", "#00C49F", "#FFBB28", "#FF8042"]

return (
    <div className="container mx-auto px-4 py-8">
      <div className="flex justify-between items-center mb-8">
        <h1 className="text-3xl font-bold text-gray-900">Reports & Analytics</h1>
        <select
          value={selectedPeriod}
          onChange={(e) => setSelectedPeriod(e.target.value)}
          className="px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500"
        >
          <option value="3months">Last 3 Months</option>
          <option value="6months">Last 6 Months</option>
          <option value="1year">Last 1 Year</option>
        </select>
      </div>

<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8">
        {/* Monthly Rent Collection */}
        <div className="bg-white shadow rounded-lg p-6">
          <h2 className="text-xl font-semibold mb-4">Monthly Rent Collection</h2>
          <ResponsiveContainer width="100%" height={300}>
            <LineChart data={reportData.monthlyCollection}>
              <CartesianGrid strokeDasharray="3 3" />
              <XAxis dataKey="month" />
              <YAxis />
              <Tooltip formatter={(value) => [`₹${value}`, "Amount"]} />
              <Legend />
              <Line type="monotone" dataKey="collected" stroke="#8884d8" strokeWidth={2} />
              <Line type="monotone" dataKey="expected" stroke="#82ca9d" strokeWidth={2} />
            </LineChart>
          </ResponsiveContainer>
        </div>

{/* Upcoming Rent Dues */}
        <div className="bg-white shadow rounded-lg p-6">
          <h2 className="text-xl font-semibold mb-4">Upcoming Rent Dues</h2>
          <ResponsiveContainer width="100%" height={300}>
            <BarChart data={reportData.upcomingDues}>
              <CartesianGrid strokeDasharray="3 3" />
              <XAxis dataKey="date" />
              <YAxis />
              <Tooltip formatter={(value) => [`₹${value}`, "Amount"]} />
              <Legend />
              <Bar dataKey="amount" fill="#8884d8" />
            </BarChart>
          </ResponsiveContainer>
        </div>
      </div>

<div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
        {/* Occupancy Rate */}
        <div className="bg-white shadow rounded-lg p-6">
          <h2 className="text-xl font-semibold mb-4">Room Occupancy</h2>
          <ResponsiveContainer width="100%" height={300}>
            <PieChart>
              <Pie
                data={reportData.occupancyData}
                cx="50%"
                cy="50%"
                labelLine={false}
                label={({ name, percent }) => `${name} ${(percent * 100).toFixed(0)}%`}
                outerRadius={80}
                fill="#8884d8"
                dataKey="value"
              >
                {reportData.occupancyData.map((entry, index) => (
                  <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
                ))}
              </Pie>
              <Tooltip />
            </PieChart>
          </ResponsiveContainer>
        </div>

{/* Summary Stats */}
        <div className="bg-white shadow rounded-lg p-6">
          <h2 className="text-xl font-semibold mb-4">Summary Statistics</h2>
          <div className="space-y-4">
            <div className="flex justify-between items-center p-4 bg-green-50 rounded-lg">
              <span className="text-green-700 font-medium">Total Collection (This Month)</span>
              <span className="text-green-900 font-bold text-xl">
                ₹{reportData.monthlyCollection[reportData.monthlyCollection.length - 1]?.collected || 0}
              </span>
            </div>
            <div className="flex justify-between items-center p-4 bg-yellow-50 rounded-lg">
              <span className="text-yellow-700 font-medium">Pending Dues</span>
              <span className="text-yellow-900 font-bold text-xl">
                ₹{reportData.upcomingDues.reduce((sum, item) => sum + item.amount, 0)}
              </span>
            </div>
            <div className="flex justify-between items-center p-4 bg-blue-50 rounded-lg">
              <span className="text-blue-700 font-medium">Average Occupancy</span>
              <span className="text-blue-900 font-bold text-xl">
                {reportData.occupancyData.find((item) => item.name === "Occupied")?.value || 0}%
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}

export default Reports
[V0_FILE]javascript:file="src/components/Navbar.js" isMerged="true"
"use client"
import { Link, useLocation } from "react-router-dom"

const Navbar = ({ user, onLogout }) => {
  const location = useLocation()

const isActive = (path) => {
    return location.pathname === path ? "bg-indigo-700 text-white" : "text-indigo-100 hover:bg-indigo-600"
  }

return (
    <nav className="bg-indigo-600">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="flex items-center justify-between h-16">
          <div className="flex items-center">
            <div className="flex-shrink-0">
              <h1 className="text-white text-xl font-bold">PG Management</h1>
            </div>
            <div className="hidden md:block">
              <div className="ml-10 flex items-baseline space-x-4">
                <Link to="/dashboard" className={`px-3 py-2 rounded-md text-sm font-medium ${isActive("/dashboard")}`}>
                  Dashboard
                </Link>
                <Link
                  to="/building-setup"
                  className={`px-3 py-2 rounded-md text-sm font-medium ${isActive("/building-setup")}`}
                >
                  Buildings
                </Link>
                <Link
                  to="/tenant-management"
                  className={`px-3 py-2 rounded-md text-sm font-medium ${isActive("/tenant-management")}`}
                >
                  Tenants
                </Link>
                <Link
                  to="/rent-tracker"
                  className={`px-3 py-2 rounded-md text-sm font-medium ${isActive("/rent-tracker")}`}
                >
                  Rent Tracker
                </Link>
                <Link to="/reports" className={`px-3 py-2 rounded-md text-sm font-medium ${isActive("/reports")}`}>
                  Reports
                </Link>
              </div>
            </div>
          </div>
          <div className="hidden md:block">
            <div className="ml-4 flex items-center md:ml-6">
              <span className="text-indigo-100 mr-4">Welcome, {user?.name || user?.email}</span>
              <button
                onClick={onLogout}
                className="bg-indigo-700 text-white px-3 py-2 rounded-md text-sm font-medium hover:bg-indigo-800"
              >
                Logout
              </button>
            </div>
          </div>
        </div>
      </div>
    </nav>
  )
}

export default Navbar
[V0_FILE]java:file="src/main/java/com/pgmanagement/PgManagementApplication.java" isMerged="true"
package com.pgmanagement;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class PgManagementApplication {
    public static void main(String[] args) {
        SpringApplication.run(PgManagementApplication.class, args);
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/model/User.java" isMerged="true"
package com.pgmanagement.model;

import jakarta.persistence.*;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.AllArgsConstructor;

import java.time.LocalDateTime;

@Entity
@Table(name = "users")
@Data
@NoArgsConstructor
@AllArgsConstructor
public class User {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;

@Column(unique = true, nullable = false)
    private String email;

@Column(nullable = false)
    private String password;

private String name;
    private String mobile;

@Column(name = "created_at")
    private LocalDateTime createdAt;

@Column(name = "updated_at")
    private LocalDateTime updatedAt;

@PrePersist
    protected void onCreate() {
        createdAt = LocalDateTime.now();
        updatedAt = LocalDateTime.now();
    }

@PreUpdate
    protected void onUpdate() {
        updatedAt = LocalDateTime.now();
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/model/Building.java" isMerged="true"
package com.pgmanagement.model;

import jakarta.persistence.*;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.AllArgsConstructor;

import java.time.LocalDateTime;
import java.util.List;

@Entity
@Table(name = "buildings")
@Data
@NoArgsConstructor
@AllArgsConstructor
public class Building {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;

@Column(nullable = false)
    private String name;

@Column(nullable = false)
    private String address;

@ManyToOne(fetch = FetchType.LAZY)
    @JoinColumn(name = "user_id", nullable = false)
    private User user;

@OneToMany(mappedBy = "building", cascade = CascadeType.ALL, fetch = FetchType.LAZY)
    private List<Room> rooms;

@Column(name = "created_at")
    private LocalDateTime createdAt;

@Column(name = "updated_at")
    private LocalDateTime updatedAt;

@PrePersist
    protected void onCreate() {
        createdAt = LocalDateTime.now();
        updatedAt = LocalDateTime.now();
    }

@PreUpdate
    protected void onUpdate() {
        updatedAt = LocalDateTime.now();
    }

public int getTotalRooms() {
        return rooms != null ? rooms.size() : 0;
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/model/Room.java" isMerged="true"
package com.pgmanagement.model;

import jakarta.persistence.*;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.AllArgsConstructor;

import java.math.BigDecimal;
import java.time.LocalDateTime;
import java.util.List;

@Entity
@Table(name = "rooms")
@Data
@NoArgsConstructor
@AllArgsConstructor
public class Room {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;

@Column(name = "room_number", nullable = false)
    private String roomNumber;

@Column(nullable = false)
    private Integer capacity; // 2, 3, or 4 sharing

@Column(name = "rent_amount")
    private BigDecimal rentAmount;

@ManyToOne(fetch = FetchType.LAZY)
    @JoinColumn(name = "building_id", nullable = false)
    private Building building;

@OneToMany(mappedBy = "room", cascade = CascadeType.ALL, fetch = FetchType.LAZY)
    private List<Tenant> tenants;

@Column(name = "created_at")
    private LocalDateTime createdAt;

@Column(name = "updated_at")
    private LocalDateTime updatedAt;

@PrePersist
    protected void onCreate() {
        createdAt = LocalDateTime.now();
        updatedAt = LocalDateTime.now();
    }

@PreUpdate
    protected void onUpdate() {
        updatedAt = LocalDateTime.now();
    }

public int getCurrentOccupancy() {
        return tenants != null ? (int) tenants.stream().filter(t -> t.getCheckOutDate() == null).count() : 0;
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/model/Tenant.java" isMerged="true"
package com.pgmanagement.model;

import jakarta.persistence.*;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.AllArgsConstructor;

import java.math.BigDecimal;
import java.time.LocalDate;
import java.time.LocalDateTime;
import java.util.List;

@Entity
@Table(name = "tenants")
@Data
@NoArgsConstructor
@AllArgsConstructor
public class Tenant {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;

@Column(nullable = false)
    private String name;

@Column(nullable = false)
    private String mobile;

@Column(nullable = false)
    private String email;

@ManyToOne(fetch = FetchType.LAZY)
    @JoinColumn(name = "room_id", nullable = false)
    private Room room;

@Column(name = "security_deposit")
    private BigDecimal securityDeposit;

@Column(name = "check_in_date", nullable = false)
    private LocalDate checkInDate;

@Column(name = "check_out_date")
    private LocalDate checkOutDate;

@OneToMany(mappedBy = "tenant", cascade = CascadeType.ALL, fetch = FetchType.LAZY)
    private List<RentPayment> rentPayments;

@Column(name = "created_at")
    private LocalDateTime createdAt;

@Column(name = "updated_at")
    private LocalDateTime updatedAt;

@PrePersist
    protected void onCreate() {
        createdAt = LocalDateTime.now();
        updatedAt = LocalDateTime.now();
    }

@PreUpdate
    protected void onUpdate() {
        updatedAt = LocalDateTime.now();
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/model/RentPayment.java" isMerged="true"
package com.pgmanagement.model;

import jakarta.persistence.*;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.AllArgsConstructor;

import java.math.BigDecimal;
import java.time.LocalDate;
import java.time.LocalDateTime;

@Entity
@Table(name = "rent_payments")
@Data
@NoArgsConstructor
@AllArgsConstructor
public class RentPayment {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;

@ManyToOne(fetch = FetchType.LAZY)
    @JoinColumn(name = "tenant_id", nullable = false)
    private Tenant tenant;

@Column(nullable = false)
    private BigDecimal amount;

@Column(name = "payment_date", nullable = false)
    private LocalDate paymentDate;

@Column(name = "due_date", nullable = false)
    private LocalDate dueDate;

@Column(nullable = false)
    private Integer month;

@Column(nullable = false)
    private Integer year;

@Enumerated(EnumType.STRING)
    @Column(nullable = false)
    private PaymentStatus status = PaymentStatus.DUE;

@Column(name = "created_at")
    private LocalDateTime createdAt;

@PrePersist
    protected void onCreate() {
        createdAt = LocalDateTime.now();
    }

public enum PaymentStatus {
        PAID, DUE, OVERDUE
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/controller/BuildingController.java" isMerged="true"
package com.pgmanagement.controller;

import com.pgmanagement.dto.BuildingRequest;
import com.pgmanagement.dto.RoomConfigRequest;
import com.pgmanagement.model.Building;
import com.pgmanagement.model.Room;
import com.pgmanagement.service.BuildingService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.security.core.Authentication;
import org.springframework.web.bind.annotation.*;

import java.util.List;

@RestController
@RequestMapping("/api/buildings")
@CrossOrigin(origins = "*")
public class BuildingController {

@Autowired
    private BuildingService buildingService;

@GetMapping
    public ResponseEntity<List<Building>> getAllBuildings(Authentication authentication) {
        String userEmail = authentication.getName();
        List<Building> buildings = buildingService.getBuildingsByUser(userEmail);
        return ResponseEntity.ok(buildings);
    }

@PostMapping
    public ResponseEntity<Building> createBuilding(@RequestBody BuildingRequest request, 
                                                 Authentication authentication) {
        String userEmail = authentication.getName();
        Building building = buildingService.createBuilding(request, userEmail);
        return ResponseEntity.ok(building);
    }

@PostMapping("/configure-rooms")
    public ResponseEntity<String> configureRooms(@RequestBody RoomConfigRequest request,
                                               Authentication authentication) {
        String userEmail = authentication.getName();
        buildingService.configureRooms(request, userEmail);
        return ResponseEntity.ok("Rooms configured successfully");
    }

@GetMapping("/{buildingId}/rooms")
    public ResponseEntity<List<Room>> getRoomsByBuilding(@PathVariable Long buildingId,
                                                       Authentication authentication) {
        String userEmail = authentication.getName();
        List<Room> rooms = buildingService.getRoomsByBuilding(buildingId, userEmail);
        return ResponseEntity.ok(rooms);
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/controller/TenantController.java" isMerged="true"
package com.pgmanagement.controller;

import com.pgmanagement.dto.TenantRequest;
import com.pgmanagement.model.Tenant;
import com.pgmanagement.service.TenantService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.security.core.Authentication;
import org.springframework.web.bind.annotation.*;

import java.util.List;

@RestController
@RequestMapping("/api/tenants")
@CrossOrigin(origins = "*")
public class TenantController {

@Autowired
    private TenantService tenantService;

@GetMapping
    public ResponseEntity<List<Tenant>> getAllTenants(Authentication authentication) {
        String userEmail = authentication.getName();
        List<Tenant> tenants = tenantService.getTenantsByUser(userEmail);
        return ResponseEntity.ok(tenants);
    }

@PostMapping
    public ResponseEntity<Tenant> createTenant(@RequestBody TenantRequest request,
                                             Authentication authentication) {
        String userEmail = authentication.getName();
        Tenant tenant = tenantService.createTenant(request, userEmail);
        return ResponseEntity.ok(tenant);
    }

@GetMapping("/building/{buildingId}")
    public ResponseEntity<List<Tenant>> getTenantsByBuilding(@PathVariable Long buildingId,
                                                           Authentication authentication) {
        String userEmail = authentication.getName();
        List<Tenant> tenants = tenantService.getTenantsByBuilding(buildingId, userEmail);
        return ResponseEntity.ok(tenants);
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/controller/RentController.java" isMerged="true"
package com.pgmanagement.controller;

import com.pgmanagement.dto.RentPaymentRequest;
import com.pgmanagement.dto.RentTrackerResponse;
import com.pgmanagement.service.RentService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.security.core.Authentication;
import org.springframework.web.bind.annotation.*;

import java.util.List;

@RestController
@RequestMapping("/api/rent")
@CrossOrigin(origins = "*")
public class RentController {

@Autowired
    private RentService rentService;

@GetMapping("/tracker")
    public ResponseEntity<List<RentTrackerResponse>> getRentTracker(Authentication authentication) {
        String userEmail = authentication.getName();
        List<RentTrackerResponse> rentData = rentService.getRentTracker(userEmail);
        return ResponseEntity.ok(rentData);
    }

@PostMapping("/payment")
    public ResponseEntity<String> recordPayment(@RequestBody RentPaymentRequest request,
                                              Authentication authentication) {
        String userEmail = authentication.getName();
        rentService.recordPayment(request, userEmail);
        return ResponseEntity.ok("Payment recorded successfully");
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/controller/DashboardController.java" isMerged="true"
package com.pgmanagement.controller;

import com.pgmanagement.dto.DashboardStats;
import com.pgmanagement.service.DashboardService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.security.core.Authentication;
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/api/dashboard")
@CrossOrigin(origins = "*")
public class DashboardController {

@Autowired
    private DashboardService dashboardService;

@GetMapping("/stats")
    public ResponseEntity<DashboardStats> getDashboardStats(Authentication authentication) {
        String userEmail = authentication.getName();
        DashboardStats stats = dashboardService.getDashboardStats(userEmail);
        return ResponseEntity.ok(stats);
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/controller/SubscriptionController.java" isMerged="true"
package com.pgmanagement.controller;

import com.pgmanagement.dto.SubscriptionStatus;
import com.pgmanagement.service.SubscriptionService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.security.core.Authentication;
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/api/subscription")
@CrossOrigin(origins = "*")
public class SubscriptionController {

@Autowired
    private SubscriptionService subscriptionService;

@GetMapping("/status")
    public ResponseEntity<SubscriptionStatus> getSubscriptionStatus(Authentication authentication) {
        String userEmail = authentication.getName();
        SubscriptionStatus status = subscriptionService.getSubscriptionStatus(userEmail);
        return ResponseEntity.ok(status);
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/controller/ReportsController.java" isMerged="true"
package com.pgmanagement.controller;

import com.pgmanagement.dto.ReportData;
import com.pgmanagement.service.ReportsService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.security.core.Authentication;
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/api/reports")
@CrossOrigin(origins = "*")
public class ReportsController {

@Autowired
    private ReportsService reportsService;

@GetMapping
    public ResponseEntity<ReportData> getReports(@RequestParam(defaultValue = "6months") String period,
                                               Authentication authentication) {
        String userEmail = authentication.getName();
        ReportData reportData = reportsService.getReportData(userEmail, period);
        return ResponseEntity.ok(reportData);
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/service/BuildingService.java" isMerged="true"
package com.pgmanagement.service;

import com.pgmanagement.dto.BuildingRequest;
import com.pgmanagement.dto.RoomConfigRequest;
import com.pgmanagement.model.Building;
import com.pgmanagement.model.Room;
import com.pgmanagement.model.User;
import com.pgmanagement.repository.BuildingRepository;
import com.pgmanagement.repository.RoomRepository;
import com.pgmanagement.repository.UserRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.List;

@Service
public class BuildingService {

@Autowired
    private BuildingRepository buildingRepository;

@Autowired
    private RoomRepository roomRepository;

@Autowired
    private UserRepository userRepository;

public List<Building> getBuildingsByUser(String userEmail) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));
        return buildingRepository.findByUserId(user.getId());
    }

public Building createBuilding(BuildingRequest request, String userEmail) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));

Building building = new Building();
        building.setName(request.getName());
        building.setAddress(request.getAddress());
        building.setUser(user);

return buildingRepository.save(building);
    }

@Transactional
    public void configureRooms(RoomConfigRequest request, String userEmail) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));

Building building = buildingRepository.findById(request.getBuildingId())
                .orElseThrow(() -> new RuntimeException("Building not found"));

if (!building.getUser().getId().equals(user.getId())) {
            throw new RuntimeException("Unauthorized access to building");
        }

List<Room> rooms = new ArrayList<>();
        int roomCounter = 101;

// Create 2-sharing rooms
        for (int i = 0; i < request.getTwoSharing(); i++) {
            Room room = new Room();
            room.setRoomNumber(String.valueOf(roomCounter++));
            room.setCapacity(2);
            room.setRentAmount(new BigDecimal("8000")); // Default rent
            room.setBuilding(building);
            rooms.add(room);
        }

// Create 3-sharing rooms
        for (int i = 0; i < request.getThreeSharing(); i++) {
            Room room = new Room();
            room.setRoomNumber(String.valueOf(roomCounter++));
            room.setCapacity(3);
            room.setRentAmount(new BigDecimal("6000")); // Default rent
            room.setBuilding(building);
            rooms.add(room);
        }

// Create 4-sharing rooms
        for (int i = 0; i < request.getFourSharing(); i++) {
            Room room = new Room();
            room.setRoomNumber(String.valueOf(roomCounter++));
            room.setCapacity(4);
            room.setRentAmount(new BigDecimal("5000")); // Default rent
            room.setBuilding(building);
            rooms.add(room);
        }

roomRepository.saveAll(rooms);
    }

public List<Room> getRoomsByBuilding(Long buildingId, String userEmail) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));

Building building = buildingRepository.findById(buildingId)
                .orElseThrow(() -> new RuntimeException("Building not found"));

if (!building.getUser().getId().equals(user.getId())) {
            throw new RuntimeException("Unauthorized access to building");
        }

return roomRepository.findByBuildingId(buildingId);
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/LoginRequest.java" isMerged="true"
package com.pgmanagement.dto;

import lombok.Data;

@Data
public class LoginRequest {
    private String email;
    private String password;
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/UserDto.java" isMerged="true"
package com.pgmanagement.dto;

import lombok.AllArgsConstructor;
import lombok.Data;

@Data
@AllArgsConstructor
public class UserDto {
    private Long id;
    private String email;
    private String name;
    private String mobile;
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/security/JwtAuthenticationEntryPoint.java" isMerged="true"
package com.pgmanagement.security;

import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import org.springframework.security.core.AuthenticationException;
import org.springframework.security.web.AuthenticationEntryPoint;
import org.springframework.stereotype.Component;

import java.io.IOException;

@Component
public class JwtAuthenticationEntryPoint implements AuthenticationEntryPoint {

@Override
    public void commence(HttpServletRequest httpServletRequest,
                        HttpServletResponse httpServletResponse,
                        AuthenticationException e) throws IOException {
        httpServletResponse.sendError(HttpServletResponse.SC_UNAUTHORIZED, "Unauthorized");
    }
}
[V0_FILE]sql:file="database/schema.sql" isMerged="true"
-- Create database
CREATE DATABASE pgmanagement;

-- Use the database
\c pgmanagement;

-- Create users table
CREATE TABLE users (
    id BIGSERIAL PRIMARY KEY,
    email VARCHAR(255) UNIQUE NOT NULL,
    password VARCHAR(255) NOT NULL,
    name VARCHAR(255),
    mobile VARCHAR(20),
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Create subscriptions table
CREATE TABLE subscriptions (
    id BIGSERIAL PRIMARY KEY,
    user_id BIGINT NOT NULL REFERENCES users(id) ON DELETE CASCADE,
    start_date DATE NOT NULL,
    end_date DATE NOT NULL,
    is_active BOOLEAN DEFAULT TRUE,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Create buildings table
CREATE TABLE buildings (
    id BIGSERIAL PRIMARY KEY,
    name VARCHAR(255) NOT NULL,
    address TEXT NOT NULL,
    user_id BIGINT NOT NULL REFERENCES users(id) ON DELETE CASCADE,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Create rooms table
CREATE TABLE rooms (
    id BIGSERIAL PRIMARY KEY,
    room_number VARCHAR(50) NOT NULL,
    capacity INTEGER NOT NULL,
    rent_amount DECIMAL(10,2),
    building_id BIGINT NOT NULL REFERENCES buildings(id) ON DELETE CASCADE,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Create tenants table
CREATE TABLE tenants (
    id BIGSERIAL PRIMARY KEY,
    name VARCHAR(255) NOT NULL,
    mobile VARCHAR(20) NOT NULL,
    email VARCHAR(255) NOT NULL,
    room_id BIGINT NOT NULL REFERENCES rooms(id) ON DELETE CASCADE,
    security_deposit DECIMAL(10,2),
    check_in_date DATE NOT NULL,
    check_out_date DATE,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Create rent_payments table
CREATE TABLE rent_payments (
    id BIGSERIAL PRIMARY KEY,
    tenant_id BIGINT NOT NULL REFERENCES tenants(id) ON DELETE CASCADE,
    amount DECIMAL(10,2) NOT NULL,
    payment_date DATE,
    due_date DATE NOT NULL,
    month INTEGER NOT NULL,
    year INTEGER NOT NULL,
    status VARCHAR(20) DEFAULT 'DUE',
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Insert sample data
INSERT INTO users (email, password, name, mobile) VALUES 
('admin@pgmanagement.com', '$2a$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', 'Admin User', '9876543210');

INSERT INTO subscriptions (user_id, start_date, end_date, is_active) VALUES 
(1, '2024-01-01', '2024-12-31', TRUE);

-- Create indexes for better performance
CREATE INDEX idx_buildings_user_id ON buildings(user_id);
CREATE INDEX idx_rooms_building_id ON rooms(building_id);
CREATE INDEX idx_tenants_room_id ON tenants(room_id);
CREATE INDEX idx_rent_payments_tenant_id ON rent_payments(tenant_id);
CREATE INDEX idx_rent_payments_status ON rent_payments(status);
[V0_FILE]xml:file="pom.xml" isMerged="true"
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>3.2.0</version>
        <relativePath/>
    </parent>
    <groupId>com.pgmanagement</groupId>
    <artifactId>pg-management-system</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>PG Management System</name>
    <description>PG Management System with Spring Boot</description>

<dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-jpa</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-security</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.postgresql</groupId>
            <artifactId>postgresql</artifactId>
            <scope>runtime</scope>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>io.jsonwebtoken</groupId>
            <artifactId>jjwt-api</artifactId>
            <version>0.11.5</version>
        </dependency>
        <dependency>
            <groupId>io.jsonwebtoken</groupId>
            <artifactId>jjwt-impl</artifactId>
            <version>0.11.5</version>
            <scope>runtime</scope>
        </dependency>
        <dependency>
            <groupId>io.jsonwebtoken</groupId>
            <artifactId>jjwt-jackson</artifactId>
            <version>0.11.5</version>
            <scope>runtime</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.security</groupId>
            <artifactId>spring-security-test</artifactId>
            <scope>test</scope>
        </dependency>
    </dependencies>

<build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <configuration>
                    <excludes>
                        <exclude>
                            <groupId>org.projectlombok</groupId>
                            <artifactId>lombok</artifactId>
                        </exclude>
                    </excludes>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>
[V0_FILE]json:file="package.json" isMerged="true"
{
  "name": "pg-management-frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.3.0",
    "@testing-library/user-event": "^13.5.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.8.1",
    "react-scripts": "5.0.1",
    "recharts": "^2.5.0",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": ["react-app", "react-app/jest"]
  },
  "browserslist": {
    "production": [">0.2%", "not dead", "not op_mini all"],
    "development": ["last 1 chrome version", "last 1 firefox version", "last 1 safari version"]
  },
  "devDependencies": {
    "autoprefixer": "^10.4.14",
    "postcss": "^8.4.21",
    "tailwindcss": "^3.2.7"
  },
  "proxy": "http://localhost:8080"
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/repository/BuildingRepository.java" isMerged="true"
package com.pgmanagement.repository;

import com.pgmanagement.model.Building;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.data.jpa.repository.Query;
import org.springframework.data.repository.query.Param;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public interface BuildingRepository extends JpaRepository<Building, Long> {
    List<Building> findByUserId(Long userId);
    
    @Query("SELECT COUNT(b) FROM Building b WHERE b.user.id = :userId")
    long countByUserId(@Param("userId") Long userId);
    
    @Query("SELECT b FROM Building b LEFT JOIN FETCH b.rooms WHERE b.user.id = :userId")
    List<Building> findByUserIdWithRooms(@Param("userId") Long userId);
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/repository/RoomRepository.java" isMerged="true"
package com.pgmanagement.repository;

import com.pgmanagement.model.Room;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.data.jpa.repository.Query;
import org.springframework.data.repository.query.Param;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public interface RoomRepository extends JpaRepository<Room, Long> {
    List<Room> findByBuildingId(Long buildingId);
    
    @Query("SELECT r FROM Room r WHERE r.building.user.id = :userId")
    List<Room> findByUserId(@Param("userId") Long userId);
    
    @Query("SELECT COUNT(r) FROM Room r WHERE r.building.user.id = :userId")
    long countByUserId(@Param("userId") Long userId);
    
    @Query("SELECT r FROM Room r LEFT JOIN FETCH r.tenants WHERE r.building.id = :buildingId")
    List<Room> findByBuildingIdWithTenants(@Param("buildingId") Long buildingId);
    
    @Query("SELECT COUNT(r) FROM Room r JOIN r.tenants t WHERE r.building.user.id = :userId AND t.checkOutDate IS NULL")
    long countOccupiedRoomsByUserId(@Param("userId") Long userId);
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/repository/TenantRepository.java" isMerged="true"
package com.pgmanagement.repository;

import com.pgmanagement.model.Tenant;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.data.jpa.repository.Query;
import org.springframework.data.repository.query.Param;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public interface TenantRepository extends JpaRepository<Tenant, Long> {
    @Query("SELECT t FROM Tenant t WHERE t.room.building.user.id = :userId AND t.checkOutDate IS NULL")
    List<Tenant> findActiveByUserId(@Param("userId") Long userId);
    
    @Query("SELECT t FROM Tenant t WHERE t.room.building.id = :buildingId AND t.checkOutDate IS NULL")
    List<Tenant> findActiveByBuildingId(@Param("buildingId") Long buildingId);
    
    @Query("SELECT COUNT(t) FROM Tenant t WHERE t.room.building.user.id = :userId AND t.checkOutDate IS NULL")
    long countActiveByUserId(@Param("userId") Long userId);
    
    @Query("SELECT t FROM Tenant t LEFT JOIN FETCH t.room r LEFT JOIN FETCH r.building WHERE t.room.building.user.id = :userId AND t.checkOutDate IS NULL")
    List<Tenant> findActiveByUserIdWithDetails(@Param("userId") Long userId);
    
    List<Tenant> findByRoomIdAndCheckOutDateIsNull(Long roomId);
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/repository/RentPaymentRepository.java" isMerged="true"
package com.pgmanagement.repository;

import com.pgmanagement.model.RentPayment;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.data.jpa.repository.Query;
import org.springframework.data.repository.query.Param;
import org.springframework.stereotype.Repository;

import java.time.LocalDate;
import java.util.List;
import java.util.Optional;

@Repository
public interface RentPaymentRepository extends JpaRepository<RentPayment, Long> {
    @Query("SELECT rp FROM RentPayment rp WHERE rp.tenant.room.building.user.id = :userId")
    List<RentPayment> findByUserId(@Param("userId") Long userId);
    
    @Query("SELECT rp FROM RentPayment rp LEFT JOIN FETCH rp.tenant t LEFT JOIN FETCH t.room r LEFT JOIN FETCH r.building WHERE rp.tenant.room.building.user.id = :userId")
    List<RentPayment> findByUserIdWithDetails(@Param("userId") Long userId);
    
    Optional<RentPayment> findByTenantIdAndMonthAndYear(Long tenantId, Integer month, Integer year);
    
    @Query("SELECT rp FROM RentPayment rp WHERE rp.tenant.room.building.user.id = :userId AND rp.status = 'DUE' AND rp.dueDate <= :date")
    List<RentPayment> findOverdueByUserId(@Param("userId") Long userId, @Param("date") LocalDate date);
    
    @Query("SELECT SUM(rp.amount) FROM RentPayment rp WHERE rp.tenant.room.building.user.id = :userId AND rp.status = 'PAID' AND rp.month = :month AND rp.year = :year")
    Double getTotalCollectionByUserAndMonth(@Param("userId") Long userId, @Param("month") Integer month, @Param("year") Integer year);
    
    @Query("SELECT SUM(rp.amount) FROM RentPayment rp WHERE rp.tenant.room.building.user.id = :userId AND rp.status = 'DUE'")
    Double getTotalPendingByUserId(@Param("userId") Long userId);
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/BuildingRequest.java" isMerged="true"
package com.pgmanagement.dto;

import lombok.Data;

@Data
public class BuildingRequest {
    private String name;
    private String address;
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/RoomConfigRequest.java" isMerged="true"
package com.pgmanagement.dto;

import lombok.Data;

@Data
public class RoomConfigRequest {
    private Long buildingId;
    private Integer twoSharing;
    private Integer threeSharing;
    private Integer fourSharing;
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/TenantRequest.java" isMerged="true"
package com.pgmanagement.dto;

import lombok.Data;

import java.math.BigDecimal;
import java.time.LocalDate;

@Data
public class TenantRequest {
    private String name;
    private String mobile;
    private String email;
    private Long roomId;
    private BigDecimal securityDeposit;
    private LocalDate checkInDate;
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/RentPaymentRequest.java" isMerged="true"
package com.pgmanagement.dto;

import lombok.Data;

@Data
public class RentPaymentRequest {
    private Long tenantId;
    private Integer month;
    private Integer year;
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/RentTrackerResponse.java" isMerged="true"
package com.pgmanagement.dto;

import com.pgmanagement.model.RentPayment;
import lombok.Data;

import java.math.BigDecimal;
import java.time.LocalDate;

@Data
public class RentTrackerResponse {
    private TenantDto tenant;
    private BigDecimal rentAmount;
    private LocalDate dueDate;
    private Integer month;
    private Integer year;
    private RentPayment.PaymentStatus status;
    
    @Data
    public static class TenantDto {
        private Long id;
        private String name;
        private String mobile;
        private String email;
        private RoomDto room;
        
        @Data
        public static class RoomDto {
            private Long id;
            private String roomNumber;
            private Integer capacity;
            private Integer currentOccupancy;
            private BuildingDto building;
            
            @Data
            public static class BuildingDto {
                private Long id;
                private String name;
                private String address;
            }
        }
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/DashboardStats.java" isMerged="true"
package com.pgmanagement.dto;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@NoArgsConstructor
@AllArgsConstructor
public class DashboardStats {
    private long totalBuildings;
    private long totalTenants;
    private long totalRooms;
    private long occupiedRooms;
    private double occupancyRate;
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/ReportData.java" isMerged="true"
package com.pgmanagement.dto;

import lombok.Data;

import java.math.BigDecimal;
import java.util.List;

@Data
public class ReportData {
    private List<MonthlyCollection> monthlyCollection;
    private List<UpcomingDue> upcomingDues;
    private List<OccupancyData> occupancyData;
    
    @Data
    public static class MonthlyCollection {
        private String month;
        private BigDecimal collected;
        private BigDecimal expected;
        
        public MonthlyCollection(String month, BigDecimal collected, BigDecimal expected) {
            this.month = month;
            this.collected = collected;
            this.expected = expected;
        }
    }
    
    @Data
    public static class UpcomingDue {
        private String date;
        private BigDecimal amount;
        
        public UpcomingDue(String date, BigDecimal amount) {
            this.date = date;
            this.amount = amount;
        }
    }
    
    @Data
    public static class OccupancyData {
        private String name;
        private Integer value;
        
        public OccupancyData(String name, Integer value) {
            this.name = name;
            this.value = value;
        }
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/service/TenantService.java" isMerged="true"
package com.pgmanagement.service;

import com.pgmanagement.dto.TenantRequest;
import com.pgmanagement.model.Room;
import com.pgmanagement.model.Tenant;
import com.pgmanagement.model.User;
import com.pgmanagement.repository.RoomRepository;
import com.pgmanagement.repository.TenantRepository;
import com.pgmanagement.repository.UserRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import java.util.List;

@Service
public class TenantService {

@Autowired
    private TenantRepository tenantRepository;

@Autowired
    private RoomRepository roomRepository;

@Autowired
    private UserRepository userRepository;

public List<Tenant> getTenantsByUser(String userEmail) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));
        return tenantRepository.findActiveByUserIdWithDetails(user.getId());
    }

public List<Tenant> getTenantsByBuilding(Long buildingId, String userEmail) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));
        return tenantRepository.findActiveByBuildingId(buildingId);
    }

@Transactional
    public Tenant createTenant(TenantRequest request, String userEmail) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));

Room room = roomRepository.findById(request.getRoomId())
                .orElseThrow(() -> new RuntimeException("Room not found"));

// Verify room belongs to user
        if (!room.getBuilding().getUser().getId().equals(user.getId())) {
            throw new RuntimeException("Unauthorized access to room");
        }

// Check room capacity
        List<Tenant> currentTenants = tenantRepository.findByRoomIdAndCheckOutDateIsNull(request.getRoomId());
        if (currentTenants.size() >= room.getCapacity()) {
            throw new RuntimeException("Room is at full capacity");
        }

Tenant tenant = new Tenant();
        tenant.setName(request.getName());
        tenant.setMobile(request.getMobile());
        tenant.setEmail(request.getEmail());
        tenant.setRoom(room);
        tenant.setSecurityDeposit(request.getSecurityDeposit());
        tenant.setCheckInDate(request.getCheckInDate());

return tenantRepository.save(tenant);
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/service/RentService.java" isMerged="true"
package com.pgmanagement.service;

import com.pgmanagement.dto.RentPaymentRequest;
import com.pgmanagement.dto.RentTrackerResponse;
import com.pgmanagement.model.RentPayment;
import com.pgmanagement.model.Tenant;
import com.pgmanagement.model.User;
import com.pgmanagement.repository.RentPaymentRepository;
import com.pgmanagement.repository.TenantRepository;
import com.pgmanagement.repository.UserRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import java.time.LocalDate;
import java.time.YearMonth;
import java.util.ArrayList;
import java.util.List;
import java.util.Optional;

@Service
public class RentService {

@Autowired
    private RentPaymentRepository rentPaymentRepository;

@Autowired
    private TenantRepository tenantRepository;

@Autowired
    private UserRepository userRepository;

public List<RentTrackerResponse> getRentTracker(String userEmail) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));

List<Tenant> tenants = tenantRepository.findActiveByUserIdWithDetails(user.getId());
        List<RentTrackerResponse> responses = new ArrayList<>();

YearMonth currentMonth = YearMonth.now();
        
        for (Tenant tenant : tenants) {
            // Check current month rent
            Optional<RentPayment> payment = rentPaymentRepository.findByTenantIdAndMonthAndYear(
                    tenant.getId(), currentMonth.getMonthValue(), currentMonth.getYear());

RentTrackerResponse response = new RentTrackerResponse();
            
            // Set tenant details
            RentTrackerResponse.TenantDto tenantDto = new RentTrackerResponse.TenantDto();
            tenantDto.setId(tenant.getId());
            tenantDto.setName(tenant.getName());
            tenantDto.setMobile(tenant.getMobile());
            tenantDto.setEmail(tenant.getEmail());
            
            // Set room details
            RentTrackerResponse.TenantDto.RoomDto roomDto = new RentTrackerResponse.TenantDto.RoomDto();
            roomDto.setId(tenant.getRoom().getId());
            roomDto.setRoomNumber(tenant.getRoom().getRoomNumber());
            roomDto.setCapacity(tenant.getRoom().getCapacity());
            roomDto.setCurrentOccupancy(tenant.getRoom().getCurrentOccupancy());
            
            // Set building details
            RentTrackerResponse.TenantDto.RoomDto.BuildingDto buildingDto = new RentTrackerResponse.TenantDto.RoomDto.BuildingDto();
            buildingDto.setId(tenant.getRoom().getBuilding().getId());
            buildingDto.setName(tenant.getRoom().getBuilding().getName());
            buildingDto.setAddress(tenant.getRoom().getBuilding().getAddress());
            
            roomDto.setBuilding(buildingDto);
            tenantDto.setRoom(roomDto);
            response.setTenant(tenantDto);

if (payment.isPresent()) {
                RentPayment rentPayment = payment.get();
                response.setRentAmount(rentPayment.getAmount());
                response.setDueDate(rentPayment.getDueDate());
                response.setStatus(rentPayment.getStatus());
            } else {
                // Create default rent entry
                response.setRentAmount(tenant.getRoom().getRentAmount());
                response.setDueDate(LocalDate.of(currentMonth.getYear(), currentMonth.getMonth(), 5));
                response.setStatus(RentPayment.PaymentStatus.DUE);
            }
            
            response.setMonth(currentMonth.getMonthValue());
            response.setYear(currentMonth.getYear());
            
            responses.add(response);
        }

return responses;
    }

@Transactional
    public void recordPayment(RentPaymentRequest request, String userEmail) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));

Tenant tenant = tenantRepository.findById(request.getTenantId())
                .orElseThrow(() -> new RuntimeException("Tenant not found"));

// Verify tenant belongs to user
        if (!tenant.getRoom().getBuilding().getUser().getId().equals(user.getId())) {
            throw new RuntimeException("Unauthorized access to tenant");
        }

Optional<RentPayment> existingPayment = rentPaymentRepository.findByTenantIdAndMonthAndYear(
                request.getTenantId(), request.getMonth(), request.getYear());

RentPayment payment;
        if (existingPayment.isPresent()) {
            payment = existingPayment.get();
        } else {
            payment = new RentPayment();
            payment.setTenant(tenant);
            payment.setMonth(request.getMonth());
            payment.setYear(request.getYear());
            payment.setAmount(tenant.getRoom().getRentAmount());
            payment.setDueDate(LocalDate.of(request.getYear(), request.getMonth(), 5));
        }

payment.setStatus(RentPayment.PaymentStatus.PAID);
        payment.setPaymentDate(LocalDate.now());

rentPaymentRepository.save(payment);
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/service/DashboardService.java" isMerged="true"
package com.pgmanagement.service;

import com.pgmanagement.dto.DashboardStats;
import com.pgmanagement.model.User;
import com.pgmanagement.repository.BuildingRepository;
import com.pgmanagement.repository.RoomRepository;
import com.pgmanagement.repository.TenantRepository;
import com.pgmanagement.repository.UserRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

@Service
public class DashboardService {

@Autowired
    private UserRepository userRepository;

@Autowired
    private BuildingRepository buildingRepository;

@Autowired
    private RoomRepository roomRepository;

@Autowired
    private TenantRepository tenantRepository;

public DashboardStats getDashboardStats(String userEmail) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));

long totalBuildings = buildingRepository.countByUserId(user.getId());
        long totalTenants = tenantRepository.countActiveByUserId(user.getId());
        long totalRooms = roomRepository.countByUserId(user.getId());
        long occupiedRooms = roomRepository.countOccupiedRoomsByUserId(user.getId());

double occupancyRate = totalRooms > 0 ? (double) occupiedRooms / totalRooms * 100 : 0;

return new DashboardStats(totalBuildings, totalTenants, totalRooms, occupiedRooms, occupancyRate);
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/service/ReportsService.java" isMerged="true"
package com.pgmanagement.service;

import com.pgmanagement.dto.ReportData;
import com.pgmanagement.model.User;
import com.pgmanagement.repository.RentPaymentRepository;
import com.pgmanagement.repository.RoomRepository;
import com.pgmanagement.repository.UserRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.math.BigDecimal;
import java.time.LocalDate;
import java.time.YearMonth;
import java.time.format.DateTimeFormatter;
import java.util.ArrayList;
import java.util.List;

@Service
public class ReportsService {

@Autowired
    private UserRepository userRepository;

@Autowired
    private RentPaymentRepository rentPaymentRepository;

@Autowired
    private RoomRepository roomRepository;

public ReportData getReportData(String userEmail, String period) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));

int months = switch (period) {
            case "3months" -> 3;
            case "1year" -> 12;
            default -> 6;
        };

ReportData reportData = new ReportData();
        reportData.setMonthlyCollection(getMonthlyCollection(user.getId(), months));
        reportData.setUpcomingDues(getUpcomingDues(user.getId()));
        reportData.setOccupancyData(getOccupancyData(user.getId()));

return reportData;
    }

private List<ReportData.MonthlyCollection> getMonthlyCollection(Long userId, int months) {
        List<ReportData.MonthlyCollection> collections = new ArrayList<>();
        YearMonth currentMonth = YearMonth.now();

for (int i = months - 1; i >= 0; i--) {
            YearMonth month = currentMonth.minusMonths(i);
            String monthStr = month.format(DateTimeFormatter.ofPattern("MMM yyyy"));

Double collected = rentPaymentRepository.getTotalCollectionByUserAndMonth(
                    userId, month.getMonthValue(), month.getYear());
            
            // For demo purposes, setting expected as collected + some amount
            BigDecimal collectedAmount = collected != null ? BigDecimal.valueOf(collected) : BigDecimal.ZERO;
            BigDecimal expectedAmount = collectedAmount.add(BigDecimal.valueOf(5000)); // Demo data

collections.add(new ReportData.MonthlyCollection(monthStr, collectedAmount, expectedAmount));
        }

return collections;
    }

private List<ReportData.UpcomingDue> getUpcomingDues(Long userId) {
        List<ReportData.UpcomingDue> dues = new ArrayList<>();
        
        // Demo data for upcoming dues
        LocalDate today = LocalDate.now();
        for (int i = 1; i <= 7; i++) {
            LocalDate dueDate = today.plusDays(i);
            String dateStr = dueDate.format(DateTimeFormatter.ofPattern("MMM dd"));
            dues.add(new ReportData.UpcomingDue(dateStr, BigDecimal.valueOf(8000 + (i * 1000))));
        }

return dues;
    }

private List<ReportData.OccupancyData> getOccupancyData(Long userId) {
        List<ReportData.OccupancyData> occupancyData = new ArrayList<>();
        
        long totalRooms = roomRepository.countByUserId(userId);
        long occupiedRooms = roomRepository.countOccupiedRoomsByUserId(userId);
        long vacantRooms = totalRooms - occupiedRooms;

if (totalRooms > 0) {
            int occupiedPercentage = (int) ((occupiedRooms * 100) / totalRooms);
            int vacantPercentage = 100 - occupiedPercentage;
            
            occupancyData.add(new ReportData.OccupancyData("Occupied", occupiedPercentage));
            occupancyData.add(new ReportData.OccupancyData("Vacant", vacantPercentage));
        } else {
            occupancyData.add(new ReportData.OccupancyData("Occupied", 0));
            occupancyData.add(new ReportData.OccupancyData("Vacant", 100));
        }

return occupancyData;
    }
}
[V0_FILE]javascriptreact:file="src/components/Login.jsx" isMerged="true"
"use client"

import { useState } from "react"
import { Eye, EyeOff, User, Lock } from "lucide-react"

const Login = ({ onLogin }) => {
  const [formData, setFormData] = useState({
    email: "",
    password: "",
  })
  const [showPassword, setShowPassword] = useState(false)
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState("")

const handleChange = (e) => {
    setFormData({
      ...formData,
      [e.target.name]: e.target.value,
    })
  }

const handleSubmit = async (e) => {
    e.preventDefault()
    setLoading(true)
    setError("")

try {
      const response = await fetch("/api/auth/login", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify(formData),
      })

const data = await response.json()

if (response.ok) {
        onLogin(data.user, data.token)
      } else {
        setError(data.message || "Login failed")
      }
    } catch (err) {
      setError("Network error. Please try again.")
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="min-h-screen bg-gradient-to-br from-indigo-600 via-purple-600 to-blue-700 flex items-center justify-center p-4">
      <div className="w-full max-w-6xl flex bg-white rounded-2xl shadow-2xl overflow-hidden">
        {/* Left Side - Branding */}
        <div className="hidden lg:flex lg:w-1/2 bg-gradient-to-br from-indigo-600 to-purple-700 p-12 flex-col justify-center items-center text-white relative">
          <div className="absolute inset-0 bg-black opacity-10"></div>
          <div className="relative z-10 text-center">
            <div className="mb-8">
              <div className="w-20 h-20 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mx-auto mb-6">
                <User className="w-10 h-10 text-white" />
              </div>
              <h1 className="text-4xl font-bold mb-4">PG Manager</h1>
              <p className="text-xl opacity-90">THE ALL-IN-ONE SOLUTION</p>
              <p className="text-lg opacity-75 mt-2">for a thriving PG and hostel ecosystem.</p>
            </div>
            <div className="space-y-4 text-left">
              <div className="flex items-center space-x-3">
                <div className="w-2 h-2 bg-white rounded-full"></div>
                <span>Complete Tenant Management</span>
              </div>
              <div className="flex items-center space-x-3">
                <div className="w-2 h-2 bg-white rounded-full"></div>
                <span>Automated Rent Tracking</span>
              </div>
              <div className="flex items-center space-x-3">
                <div className="w-2 h-2 bg-white rounded-full"></div>
                <span>Advanced Analytics & Reports</span>
              </div>
            </div>
          </div>
        </div>

{/* Right Side - Login Form */}
        <div className="w-full lg:w-1/2 p-12 flex flex-col justify-center">
          <div className="max-w-md mx-auto w-full">
            <div className="text-center mb-8">
              <h2 className="text-3xl font-bold text-gray-900 mb-2">Login Your Account</h2>
              <p className="text-gray-600">Welcome back! Please enter your details.</p>
            </div>

<form onSubmit={handleSubmit} className="space-y-6">
              <div>
                <label className="block text-sm font-medium text-gray-700 mb-2">Email</label>
                <div className="relative">
                  <User className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
                  <input
                    type="email"
                    name="email"
                    required
                    className="w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all duration-200"
                    placeholder="Enter your email"
                    value={formData.email}
                    onChange={handleChange}
                  />
                </div>
              </div>

<div>
                <label className="block text-sm font-medium text-gray-700 mb-2">Password</label>
                <div className="relative">
                  <Lock className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
                  <input
                    type={showPassword ? "text" : "password"}
                    name="password"
                    required
                    className="w-full pl-10 pr-12 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all duration-200"
                    placeholder="Enter your password"
                    value={formData.password}
                    onChange={handleChange}
                  />
                  <button
                    type="button"
                    className="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600"
                    onClick={() => setShowPassword(!showPassword)}
                  >
                    {showPassword ? <EyeOff className="w-5 h-5" /> : <Eye className="w-5 h-5" />}
                  </button>
                </div>
              </div>

<div className="flex items-center justify-between">
                <label className="flex items-center">
                  <input type="checkbox" className="rounded border-gray-300 text-indigo-600 focus:ring-indigo-500" />
                  <span className="ml-2 text-sm text-gray-600">Remember me</span>
                </label>
                <a href="#" className="text-sm text-indigo-600 hover:text-indigo-500">
                  Forgot password?
                </a>
              </div>

{error && (
                <div className="bg-red-50 border border-red-200 text-red-600 px-4 py-3 rounded-lg text-sm">{error}</div>
              )}

<button
                type="submit"
                disabled={loading}
                className="w-full bg-gradient-to-r from-indigo-600 to-purple-600 text-white py-3 px-4 rounded-lg font-medium hover:from-indigo-700 hover:to-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed"
              >
                {loading ? "Signing in..." : "Sign In"}
              </button>
            </form>

<div className="mt-8 text-center">
              <p className="text-sm text-gray-600">
                Don't have an account?{" "}
                <a href="#" className="text-indigo-600 hover:text-indigo-500 font-medium">
                  Contact Admin
                </a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}

export default Login
[V0_FILE]javascriptreact:file="src/components/Sidebar.jsx" isMerged="true"
"use client"
import { Link, useLocation } from "react-router-dom"
import { Home, Building2, Users, CreditCard, BarChart3, Settings, ChevronRight, Bed, DollarSign } from "lucide-react"

const Sidebar = ({ isOpen, onClose }) => {
  const location = useLocation()

const menuItems = [
    { icon: Home, label: "Dashboard", path: "/dashboard" },
    { icon: Building2, label: "Buildings", path: "/building-setup" },
    { icon: Bed, label: "Rooms", path: "/rooms" },
    { icon: Users, label: "Tenants", path: "/tenant-management" },
    { icon: CreditCard, label: "Rent Tracker", path: "/rent-tracker" },
    { icon: DollarSign, label: "Deposits", path: "/deposits" },
    { icon: BarChart3, label: "Reports", path: "/reports" },
    { icon: Settings, label: "Settings", path: "/settings" },
  ]

const isActive = (path) => location.pathname === path

return (
    <>
      {/* Mobile Overlay */}
      {isOpen && <div className="fixed inset-0 bg-black bg-opacity-50 z-40 lg:hidden" onClick={onClose} />}

{/* Sidebar */}
      <div
        className={`
        fixed top-0 left-0 h-full w-64 bg-gradient-to-b from-indigo-600 to-purple-700 text-white z-50 transform transition-transform duration-300 ease-in-out
        ${isOpen ? "translate-x-0" : "-translate-x-full"}
        lg:translate-x-0 lg:static lg:z-auto
      `}
      >
        <div className="flex flex-col h-full">
          {/* Logo */}
          <div className="p-6 border-b border-indigo-500">
            <div className="flex items-center space-x-3">
              <div className="w-10 h-10 bg-white bg-opacity-20 rounded-lg flex items-center justify-center">
                <Building2 className="w-6 h-6 text-white" />
              </div>
              <div>
                <h1 className="text-xl font-bold">PG Manager</h1>
                <p className="text-xs text-indigo-200">Management System</p>
              </div>
            </div>
          </div>

{/* Navigation */}
          <nav className="flex-1 px-4 py-6 space-y-2">
            {menuItems.map((item) => {
              const Icon = item.icon
              return (
                <Link
                  key={item.path}
                  to={item.path}
                  onClick={onClose}
                  className={`
                    flex items-center space-x-3 px-4 py-3 rounded-lg transition-all duration-200 group
                    ${
                      isActive(item.path)
                        ? "bg-white bg-opacity-20 text-white shadow-lg"
                        : "text-indigo-100 hover:bg-white hover:bg-opacity-10 hover:text-white"
                    }
                  `}
                >
                  <Icon className="w-5 h-5" />
                  <span className="font-medium">{item.label}</span>
                  {isActive(item.path) && <ChevronRight className="w-4 h-4 ml-auto" />}
                </Link>
              )
            })}
          </nav>

{/* Footer */}
          <div className="p-4 border-t border-indigo-500">
            <div className="text-center text-xs text-indigo-200">
              <p>© 2024 PG Manager</p>
              <p>Version 1.0</p>
            </div>
          </div>
        </div>
      </div>
    </>
  )
}

export default Sidebar
[V0_FILE]javascriptreact:file="src/components/Header.jsx" isMerged="true"
"use client"
import { Menu, Bell, Search, User, LogOut } from "lucide-react"

const Header = ({ user, onToggleSidebar, onLogout }) => {
  return (
    <header className="bg-white shadow-sm border-b border-gray-200 px-4 py-3">
      <div className="flex items-center justify-between">
        {/* Left Side */}
        <div className="flex items-center space-x-4">
          <button onClick={onToggleSidebar} className="lg:hidden p-2 rounded-lg hover:bg-gray-100 transition-colors">
            <Menu className="w-6 h-6 text-gray-600" />
          </button>

{/* Right Side */}
        <div className="flex items-center space-x-4">
          <button className="relative p-2 text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-lg transition-colors">
            <Bell className="w-6 h-6" />
            <span className="absolute -top-1 -right-1 w-4 h-4 bg-red-500 text-white text-xs rounded-full flex items-center justify-center">
              3
            </span>
          </button>

<div className="flex items-center space-x-3">
            <div className="hidden sm:block text-right">
              <p className="text-sm font-medium text-gray-900">{user?.name || user?.email}</p>
              <p className="text-xs text-gray-500">Administrator</p>
            </div>
            <div className="relative group">
              <button className="flex items-center space-x-2 p-2 rounded-lg hover:bg-gray-100 transition-colors">
                <div className="w-8 h-8 bg-indigo-600 rounded-full flex items-center justify-center">
                  <User className="w-5 h-5 text-white" />
                </div>
              </button>

{/* Dropdown Menu */}
              <div className="absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50">
                <div className="py-2">
                  <a href="#" className="flex items-center space-x-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
                    <User className="w-4 h-4" />
                    <span>Profile</span>
                  </a>
                  <button
                    onClick={onLogout}
                    className="flex items-center space-x-2 px-4 py-2 text-sm text-red-600 hover:bg-red-50 w-full text-left"
                  >
                    <LogOut className="w-4 h-4" />
                    <span>Logout</span>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
  )
}

export default Header
[V0_FILE]javascriptreact:file="src/components/Dashboard.jsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Building2, Users, Bed, TrendingUp, DollarSign, AlertCircle, CheckCircle, Clock, Plus } from "lucide-react"
import {
  LineChart,
  Line,
  XAxis,
  YAxis,
  CartesianGrid,
  Tooltip,
  ResponsiveContainer,
  PieChart,
  Pie,
  Cell,
} from "recharts"

const Dashboard = ({ user }) => {
  const [subscriptionStatus, setSubscriptionStatus] = useState(null)
  const [stats, setStats] = useState({
    totalBuildings: 0,
    totalTenants: 0,
    totalRooms: 0,
    occupiedRooms: 0,
    totalDeposits: 0,
    monthlyRevenue: 0,
  })
  const [recentActivity, setRecentActivity] = useState([])
  const [loading, setLoading] = useState(true)

// Sample data for charts
  const revenueData = [
    { month: "Jan", revenue: 45000, target: 50000 },
    { month: "Feb", revenue: 52000, target: 50000 },
    { month: "Mar", revenue: 48000, target: 50000 },
    { month: "Apr", revenue: 61000, target: 55000 },
    { month: "May", revenue: 55000, target: 55000 },
    { month: "Jun", revenue: 67000, target: 60000 },
  ]

const occupancyData = [
    { name: "Occupied", value: 75, color: "#10B981" },
    { name: "Vacant", value: 25, color: "#F59E0B" },
  ]

useEffect(() => {
    fetchDashboardData()
  }, [])

const fetchDashboardData = async () => {
    try {
      const [subscriptionRes, statsRes] = await Promise.all([
        fetch("/api/subscription/status", {
          headers: { Authorization: `Bearer ${localStorage.getItem("token")}` },
        }),
        fetch("/api/dashboard/stats", {
          headers: { Authorization: `Bearer ${localStorage.getItem("token")}` },
        }),
      ])

const subscriptionData = await subscriptionRes.json()
      const statsData = await statsRes.json()

setSubscriptionStatus(subscriptionData)
      setStats({
        ...statsData,
        totalDeposits: 125000, // Sample data
        monthlyRevenue: 67000, // Sample data
      })

// Sample recent activity
      setRecentActivity([
        { id: 1, type: "tenant_added", message: "New tenant John Doe added to Room 101", time: "2 hours ago" },
        { id: 2, type: "payment_received", message: "Rent payment received from Jane Smith", time: "4 hours ago" },
        { id: 3, type: "room_vacant", message: "Room 205 became vacant", time: "1 day ago" },
      ])
    } catch (error) {
      console.error("Error fetching dashboard data:", error)
    } finally {
      setLoading(false)
    }
  }

const StatCard = ({ icon: Icon, title, value, subtitle, color, trend }) => (
    <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6 hover:shadow-md transition-shadow">
      <div className="flex items-center justify-between">
        <div className="flex items-center space-x-4">
          <div className={`p-3 rounded-lg ${color}`}>
            <Icon className="w-6 h-6 text-white" />
          </div>
          <div>
            <p className="text-sm font-medium text-gray-600">{title}</p>
            <p className="text-2xl font-bold text-gray-900">{value}</p>
            {subtitle && <p className="text-sm text-gray-500">{subtitle}</p>}
          </div>
        </div>
        {trend && (
          <div className="text-right">
            <div className={`flex items-center space-x-1 ${trend > 0 ? "text-green-600" : "text-red-600"}`}>
              <TrendingUp className="w-4 h-4" />
              <span className="text-sm font-medium">{Math.abs(trend)}%</span>
            </div>
          </div>
        )}
      </div>
    </div>
  )

const SubscriptionBanner = () => {
    if (!subscriptionStatus) return null

if (!subscriptionStatus.isActive) {
      return (
        <div className="bg-red-50 border border-red-200 rounded-lg p-4 mb-6">
          <div className="flex items-center space-x-3">
            <AlertCircle className="w-5 h-5 text-red-600" />
            <div>
              <h3 className="text-sm font-medium text-red-800">Subscription Expired</h3>
              <p className="text-sm text-red-600">Please renew your subscription to continue using all features.</p>
            </div>
          </div>
        </div>
      )
    }

return (
      <div className="bg-green-50 border border-green-200 rounded-lg p-4 mb-6">
        <div className="flex items-center space-x-3">
          <CheckCircle className="w-5 h-5 text-green-600" />
          <div>
            <h3 className="text-sm font-medium text-green-800">Subscription Active</h3>
            <p className="text-sm text-green-600">
              Valid until {new Date(subscriptionStatus.endDate).toLocaleDateString()}
              {subscriptionStatus.daysRemaining <= 30 && (
                <span className="ml-2 text-orange-600">({subscriptionStatus.daysRemaining} days remaining)</span>
              )}
            </p>
          </div>
        </div>
      </div>
    )
  }

if (loading) {
    return (
      <div className="flex items-center justify-center h-64">
        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-indigo-600"></div>
      </div>
    )
  }

{/* Stats Grid */}
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
        <StatCard icon={Building2} title="Total Buildings" value={stats.totalBuildings} color="bg-blue-500" trend={5} />
        <StatCard icon={Users} title="Active Tenants" value={stats.totalTenants} color="bg-green-500" trend={12} />
        <StatCard
          icon={Bed}
          title="Occupancy Rate"
          value={`${stats.totalRooms > 0 ? Math.round((stats.occupiedRooms / stats.totalRooms) * 100) : 0}%`}
          subtitle={`${stats.occupiedRooms}/${stats.totalRooms} rooms`}
          color="bg-purple-500"
          trend={-3}
        />
        <StatCard
          icon={DollarSign}
          title="Monthly Revenue"
          value={`₹${stats.monthlyRevenue.toLocaleString()}`}
          color="bg-orange-500"
          trend={8}
        />
      </div>

{/* Charts Section */}
      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
        {/* Revenue Chart */}
        <div className="lg:col-span-2 bg-white rounded-xl shadow-sm border border-gray-200 p-6">
          <div className="flex items-center justify-between mb-6">
            <h3 className="text-lg font-semibold text-gray-900">Revenue Trend</h3>
            <select className="text-sm border border-gray-300 rounded-lg px-3 py-1">
              <option>Last 6 months</option>
              <option>Last 12 months</option>
            </select>
          </div>
          <ResponsiveContainer width="100%" height={300}>
            <LineChart data={revenueData}>
              <CartesianGrid strokeDasharray="3 3" />
              <XAxis dataKey="month" />
              <YAxis />
              <Tooltip formatter={(value) => [`₹${value.toLocaleString()}`, ""]} />
              <Line type="monotone" dataKey="revenue" stroke="#6366F1" strokeWidth={3} />
              <Line type="monotone" dataKey="target" stroke="#E5E7EB" strokeDasharray="5 5" />
            </LineChart>
          </ResponsiveContainer>
        </div>

{/* Occupancy Chart */}
        <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
          <h3 className="text-lg font-semibold text-gray-900 mb-6">Room Occupancy</h3>
          <ResponsiveContainer width="100%" height={200}>
            <PieChart>
              <Pie data={occupancyData} cx="50%" cy="50%" innerRadius={60} outerRadius={80} dataKey="value">
                {occupancyData.map((entry, index) => (
                  <Cell key={`cell-${index}`} fill={entry.color} />
                ))}
              </Pie>
              <Tooltip formatter={(value) => [`${value}%`, ""]} />
            </PieChart>
          </ResponsiveContainer>
          <div className="mt-4 space-y-2">
            {occupancyData.map((item, index) => (
              <div key={index} className="flex items-center justify-between">
                <div className="flex items-center space-x-2">
                  <div className={`w-3 h-3 rounded-full`} style={{ backgroundColor: item.color }}></div>
                  <span className="text-sm text-gray-600">{item.name}</span>
                </div>
                <span className="text-sm font-medium">{item.value}%</span>
              </div>
            ))}
          </div>
        </div>
      </div>

{/* Bottom Section */}
      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
        {/* Recent Activity */}
        <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
          <h3 className="text-lg font-semibold text-gray-900 mb-4">Recent Activity</h3>
          <div className="space-y-4">
            {recentActivity.map((activity) => (
              <div key={activity.id} className="flex items-start space-x-3">
                <div className="w-2 h-2 bg-indigo-600 rounded-full mt-2"></div>
                <div className="flex-1">
                  <p className="text-sm text-gray-900">{activity.message}</p>
                  <p className="text-xs text-gray-500 flex items-center mt-1">
                    <Clock className="w-3 h-3 mr-1" />
                    {activity.time}
                  </p>
                </div>
              </div>
            ))}
          </div>
        </div>

{/* Quick Actions */}
        <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
          <h3 className="text-lg font-semibold text-gray-900 mb-4">Quick Actions</h3>
          <div className="grid grid-cols-2 gap-4">
            <button className="p-4 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors text-left">
              <Building2 className="w-6 h-6 text-indigo-600 mb-2" />
              <p className="text-sm font-medium text-gray-900">Add Building</p>
            </button>
            <button className="p-4 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors text-left">
              <Users className="w-6 h-6 text-green-600 mb-2" />
              <p className="text-sm font-medium text-gray-900">Add Tenant</p>
            </button>
            <button className="p-4 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors text-left">
              <DollarSign className="w-6 h-6 text-orange-600 mb-2" />
              <p className="text-sm font-medium text-gray-900">Record Payment</p>
            </button>
            <button className="p-4 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors text-left">
              <Bed className="w-6 h-6 text-purple-600 mb-2" />
              <p className="text-sm font-medium text-gray-900">Manage Rooms</p>
            </button>
          </div>
        </div>
      </div>
    </div>
  )
}

export default Dashboard
[V0_FILE]javascriptreact:file="src/components/TenantManagement.jsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { Plus, Search, Edit, Trash2, Eye, Phone, Mail, MapPin, Calendar, DollarSign, X } from "lucide-react"

const TenantManagement = () => {
  const [tenants, setTenants] = useState([])
  const [buildings, setBuildings] = useState([])
  const [rooms, setRooms] = useState([])
  const [showForm, setShowForm] = useState(false)
  const [selectedTenant, setSelectedTenant] = useState(null)
  const [searchTerm, setSearchTerm] = useState("")
  const [filterBuilding, setFilterBuilding] = useState("")
  const [loading, setLoading] = useState(true)

const [tenantData, setTenantData] = useState({
    name: "",
    mobile: "",
    email: "",
    roomId: "",
    securityDeposit: "",
    checkInDate: "",
  })

useEffect(() => {
    fetchTenants()
    fetchBuildings()
  }, [])

if (response.ok) {
        setShowForm(false)
        resetForm()
        fetchTenants()
      }
    } catch (error) {
      console.error("Error adding tenant:", error)
    }
  }

const resetForm = () => {
    setTenantData({
      name: "",
      mobile: "",
      email: "",
      roomId: "",
      securityDeposit: "",
      checkInDate: "",
    })
    setRooms([])
  }

const handleBuildingChange = (buildingId) => {
    if (buildingId) {
      fetchRooms(buildingId)
    } else {
      setRooms([])
    }
  }

const filteredTenants = tenants.filter((tenant) => {
    const matchesSearch =
      tenant.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
      tenant.mobile.includes(searchTerm) ||
      tenant.email.toLowerCase().includes(searchTerm.toLowerCase())
    const matchesBuilding = !filterBuilding || tenant.room?.building?.id.toString() === filterBuilding
    return matchesSearch && matchesBuilding
  })

const TenantCard = ({ tenant }) => (
    <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-6 hover:shadow-md transition-shadow">
      <div className="flex items-start justify-between">
        <div className="flex-1">
          <div className="flex items-center space-x-3 mb-3">
            <div className="w-12 h-12 bg-indigo-100 rounded-full flex items-center justify-center">
              <span className="text-indigo-600 font-semibold text-lg">{tenant.name.charAt(0).toUpperCase()}</span>
            </div>
            <div>
              <h3 className="text-lg font-semibold text-gray-900">{tenant.name}</h3>
              <p className="text-sm text-gray-500">
                Room {tenant.room?.roomNumber} - {tenant.room?.building?.name}
              </p>
            </div>
          </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
            <div className="flex items-center space-x-2 text-sm text-gray-600">
              <Phone className="w-4 h-4" />
              <span>{tenant.mobile}</span>
            </div>
            <div className="flex items-center space-x-2 text-sm text-gray-600">
              <Mail className="w-4 h-4" />
              <span>{tenant.email}</span>
            </div>
            <div className="flex items-center space-x-2 text-sm text-gray-600">
              <Calendar className="w-4 h-4" />
              <span>Check-in: {new Date(tenant.checkInDate).toLocaleDateString()}</span>
            </div>
            <div className="flex items-center space-x-2 text-sm text-gray-600">
              <DollarSign className="w-4 h-4" />
              <span>Deposit: ₹{tenant.securityDeposit}</span>
            </div>
          </div>
        </div>

<div className="flex space-x-2">
          <button
            onClick={() => setSelectedTenant(tenant)}
            className="p-2 text-gray-400 hover:text-indigo-600 hover:bg-indigo-50 rounded-lg transition-colors"
          >
            <Eye className="w-4 h-4" />
          </button>
          <button className="p-2 text-gray-400 hover:text-green-600 hover:bg-green-50 rounded-lg transition-colors">
            <Edit className="w-4 h-4" />
          </button>
          <button className="p-2 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-lg transition-colors">
            <Trash2 className="w-4 h-4" />
          </button>
        </div>
      </div>
    </div>
  )

const TenantModal = ({ tenant, onClose }) => (
    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
      <div className="bg-white rounded-lg max-w-2xl w-full max-h-[90vh] overflow-y-auto">
        <div className="p-6 border-b border-gray-200">
          <div className="flex items-center justify-between">
            <h2 className="text-xl font-semibold text-gray-900">Tenant Details</h2>
            <button onClick={onClose} className="p-2 hover:bg-gray-100 rounded-lg transition-colors">
              <X className="w-5 h-5" />
            </button>
          </div>
        </div>

<div className="p-6 space-y-6">
          <div className="flex items-center space-x-4">
            <div className="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center">
              <span className="text-indigo-600 font-semibold text-2xl">{tenant.name.charAt(0).toUpperCase()}</span>
            </div>
            <div>
              <h3 className="text-2xl font-bold text-gray-900">{tenant.name}</h3>
              <p className="text-gray-600">Tenant ID: #{tenant.id}</p>
            </div>
          </div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div className="space-y-4">
              <h4 className="font-semibold text-gray-900">Contact Information</h4>
              <div className="space-y-3">
                <div className="flex items-center space-x-3">
                  <Phone className="w-5 h-5 text-gray-400" />
                  <span>{tenant.mobile}</span>
                </div>
                <div className="flex items-center space-x-3">
                  <Mail className="w-5 h-5 text-gray-400" />
                  <span>{tenant.email}</span>
                </div>
              </div>
            </div>

<div className="space-y-4">
              <h4 className="font-semibold text-gray-900">Room Details</h4>
              <div className="space-y-3">
                <div className="flex items-center space-x-3">
                  <MapPin className="w-5 h-5 text-gray-400" />
                  <span>Room {tenant.room?.roomNumber}</span>
                </div>
                <div className="flex items-center space-x-3">
                  <span className="text-gray-600">{tenant.room?.building?.name}</span>
                </div>
              </div>
            </div>

<div className="space-y-4">
              <h4 className="font-semibold text-gray-900">Financial Details</h4>
              <div className="space-y-3">
                <div className="flex items-center space-x-3">
                  <DollarSign className="w-5 h-5 text-gray-400" />
                  <span>Security Deposit: ₹{tenant.securityDeposit}</span>
                </div>
                <div className="flex items-center space-x-3">
                  <span className="text-gray-600">Monthly Rent: ₹{tenant.room?.rentAmount}</span>
                </div>
              </div>
            </div>

<div className="space-y-4">
              <h4 className="font-semibold text-gray-900">Tenancy Details</h4>
              <div className="space-y-3">
                <div className="flex items-center space-x-3">
                  <Calendar className="w-5 h-5 text-gray-400" />
                  <span>Check-in: {new Date(tenant.checkInDate).toLocaleDateString()}</span>
                </div>
                <div className="flex items-center space-x-3">
                  <span className="text-green-600 font-medium">Active Tenant</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  )

return (
    <div className="space-y-6">
      {/* Header */}
      <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between">
        <div>
          <h1 className="text-2xl font-bold text-gray-900">Tenant Management</h1>
          <p className="text-gray-600">Manage your tenants and their information</p>
        </div>
        <button
          onClick={() => setShowForm(true)}
          className="mt-4 sm:mt-0 bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition-colors flex items-center space-x-2"
        >
          <Plus className="w-4 h-4" />
          <span>Add Tenant</span>
        </button>
      </div>

{/* Filters */}
      <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-4">
        <div className="flex flex-col sm:flex-row sm:items-center space-y-4 sm:space-y-0 sm:space-x-4">
          <div className="flex-1 relative">
            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
            <input
              type="text"
              placeholder="Search tenants..."
              className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
              value={searchTerm}
              onChange={(e) => setSearchTerm(e.target.value)}
            />
          </div>
          <div className="flex items-center space-x-4">
            <select
              className="border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
              value={filterBuilding}
              onChange={(e) => setFilterBuilding(e.target.value)}
            >
              <option value="">All Buildings</option>
              {buildings.map((building) => (
                <option key={building.id} value={building.id}>
                  {building.name}
                </option>
              ))}
            </select>
          </div>
        </div>
      </div>

{/* Tenants Grid */}
      {loading ? (
        <div className="flex items-center justify-center h-64">
          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-indigo-600"></div>
        </div>
      ) : (
        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
          {filteredTenants.map((tenant) => (
            <TenantCard key={tenant.id} tenant={tenant} />
          ))}
        </div>
      )}

{/* Add Tenant Modal */}
      {showForm && (
        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
          <div className="bg-white rounded-lg max-w-2xl w-full max-h-[90vh] overflow-y-auto">
            <div className="p-6 border-b border-gray-200">
              <div className="flex items-center justify-between">
                <h2 className="text-xl font-semibold text-gray-900">Add New Tenant</h2>
                <button
                  onClick={() => {
                    setShowForm(false)
                    resetForm()
                  }}
                  className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
                >
                  <X className="w-5 h-5" />
                </button>
              </div>
            </div>

<form onSubmit={handleSubmit} className="p-6 space-y-6">
              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-2">Full Name</label>
                  <input
                    type="text"
                    required
                    className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
                    value={tenantData.name}
                    onChange={(e) => setTenantData({ ...tenantData, name: e.target.value })}
                  />
                </div>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-2">Mobile Number</label>
                  <input
                    type="tel"
                    required
                    className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
                    value={tenantData.mobile}
                    onChange={(e) => setTenantData({ ...tenantData, mobile: e.target.value })}
                  />
                </div>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-2">Email Address</label>
                  <input
                    type="email"
                    required
                    className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
                    value={tenantData.email}
                    onChange={(e) => setTenantData({ ...tenantData, email: e.target.value })}
                  />
                </div>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-2">Building</label>
                  <select
                    required
                    className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
                    onChange={(e) => handleBuildingChange(e.target.value)}
                  >
                    <option value="">Select Building</option>
                    {buildings.map((building) => (
                      <option key={building.id} value={building.id}>
                        {building.name}
                      </option>
                    ))}
                  </select>
                </div>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-2">Room</label>
                  <select
                    required
                    className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
                    value={tenantData.roomId}
                    onChange={(e) => setTenantData({ ...tenantData, roomId: e.target.value })}
                  >
                    <option value="">Select Room</option>
                    {rooms.map((room) => (
                      <option key={room.id} value={room.id}>
                        Room {room.roomNumber} - {room.currentOccupancy}/{room.capacity} occupied
                      </option>
                    ))}
                  </select>
                </div>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-2">Security Deposit (₹)</label>
                  <input
                    type="number"
                    required
                    className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
                    value={tenantData.securityDeposit}
                    onChange={(e) => setTenantData({ ...tenantData, securityDeposit: e.target.value })}
                  />
                </div>
                <div>
                  <label className="block text-sm font-medium text-gray-700 mb-2">Check-in Date</label>
                  <input
                    type="date"
                    required
                    className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
                    value={tenantData.checkInDate}
                    onChange={(e) => setTenantData({ ...tenantData, checkInDate: e.target.value })}
                  />
                </div>
              </div>

<div className="flex justify-end space-x-4">
                <button
                  type="button"
                  onClick={() => {
                    setShowForm(false)
                    resetForm()
                  }}
                  className="px-4 py-2 text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors"
                >
                  Cancel
                </button>
                <button
                  type="submit"
                  className="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors"
                >
                  Add Tenant
                </button>
              </div>
            </form>
          </div>
        </div>
      )}

{/* Tenant Details Modal */}
      {selectedTenant && <TenantModal tenant={selectedTenant} onClose={() => setSelectedTenant(null)} />}
    </div>
  )
}

export default TenantManagement
[V0_FILE]javascriptreact:file="src/components/Reports.jsx" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import {
  BarChart,
  Bar,
  LineChart,
  Line,
  PieChart,
  Pie,
  Cell,
  XAxis,
  YAxis,
  CartesianGrid,
  Tooltip,
  Legend,
  ResponsiveContainer,
} from "recharts"
import { Calendar, Download, TrendingUp, DollarSign, Users, Building2 } from "lucide-react"

const Reports = () => {
  const [reportData, setReportData] = useState({
    monthlyCollection: [],
    upcomingDues: [],
    occupancyData: [],
    depositStats: [],
  })
  const [selectedPeriod, setSelectedPeriod] = useState("6months")
  const [loading, setLoading] = useState(true)

useEffect(() => {
    fetchReportData()
  }, [selectedPeriod])

// Enhanced with additional sample data
      setReportData({
        ...data,
        depositStats: [
          { month: "Jan", deposits: 45000, refunds: 5000 },
          { month: "Feb", deposits: 52000, refunds: 8000 },
          { month: "Mar", deposits: 48000, refunds: 12000 },
          { month: "Apr", deposits: 61000, refunds: 7000 },
          { month: "May", deposits: 55000, refunds: 9000 },
          { month: "Jun", deposits: 67000, refunds: 6000 },
        ],
      })
    } catch (error) {
      console.error("Error fetching report data:", error)
    } finally {
      setLoading(false)
    }
  }

const COLORS = ["#6366F1", "#10B981", "#F59E0B", "#EF4444"]

const StatCard = ({ icon: Icon, title, value, change, color }) => (
    <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
      <div className="flex items-center justify-between">
        <div className="flex items-center space-x-4">
          <div className={`p-3 rounded-lg ${color}`}>
            <Icon className="w-6 h-6 text-white" />
          </div>
          <div>
            <p className="text-sm font-medium text-gray-600">{title}</p>
            <p className="text-2xl font-bold text-gray-900">{value}</p>
          </div>
        </div>
        {change && (
          <div className={`flex items-center space-x-1 ${change > 0 ? "text-green-600" : "text-red-600"}`}>
            <TrendingUp className="w-4 h-4" />
            <span className="text-sm font-medium">{Math.abs(change)}%</span>
          </div>
        )}
      </div>
    </div>
  )

return (
    <div className="space-y-6">
      {/* Header */}
      <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between">
        <div>
          <h1 className="text-2xl font-bold text-gray-900">Reports & Analytics</h1>
          <p className="text-gray-600">Comprehensive insights into your PG business</p>
        </div>
        <div className="mt-4 sm:mt-0 flex items-center space-x-4">
          <select
            value={selectedPeriod}
            onChange={(e) => setSelectedPeriod(e.target.value)}
            className="border border-gray-300 rounded-lg px-4 py-2 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
          >
            <option value="3months">Last 3 Months</option>
            <option value="6months">Last 6 Months</option>
            <option value="1year">Last 1 Year</option>
          </select>
          <button className="bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition-colors flex items-center space-x-2">
            <Download className="w-4 h-4" />
            <span>Export</span>
          </button>
        </div>
      </div>

{/* Summary Stats */}
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
        <StatCard icon={DollarSign} title="Total Revenue" value="₹3,45,000" change={12} color="bg-green-500" />
        <StatCard icon={Users} title="Active Tenants" value="142" change={8} color="bg-blue-500" />
        <StatCard icon={Building2} title="Occupancy Rate" value="87%" change={-3} color="bg-purple-500" />
        <StatCard icon={DollarSign} title="Security Deposits" value="₹8,50,000" change={15} color="bg-orange-500" />
      </div>

{/* Charts Grid */}
      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
        {/* Monthly Collection Chart */}
        <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
          <div className="flex items-center justify-between mb-6">
            <h3 className="text-lg font-semibold text-gray-900">Monthly Rent Collection</h3>
            <div className="flex items-center space-x-2 text-sm text-gray-500">
              <Calendar className="w-4 h-4" />
              <span>Trend Analysis</span>
            </div>
          </div>
          <ResponsiveContainer width="100%" height={300}>
            <LineChart data={reportData.monthlyCollection}>
              <CartesianGrid strokeDasharray="3 3" />
              <XAxis dataKey="month" />
              <YAxis />
              <Tooltip formatter={(value) => [`₹${value?.toLocaleString()}`, ""]} />
              <Legend />
              <Line type="monotone" dataKey="collected" stroke="#10B981" strokeWidth={3} name="Collected" />
              <Line type="monotone" dataKey="expected" stroke="#6B7280" strokeDasharray="5 5" name="Expected" />
            </LineChart>
          </ResponsiveContainer>
        </div>

{/* Occupancy Distribution */}
        <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
          <h3 className="text-lg font-semibold text-gray-900 mb-6">Room Occupancy Distribution</h3>
          <ResponsiveContainer width="100%" height={300}>
            <PieChart>
              <Pie
                data={reportData.occupancyData}
                cx="50%"
                cy="50%"
                labelLine={false}
                label={({ name, percent }) => `${name} ${(percent * 100).toFixed(0)}%`}
                outerRadius={100}
                fill="#8884d8"
                dataKey="value"
              >
                {reportData.occupancyData.map((entry, index) => (
                  <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />
                ))}
              </Pie>
              <Tooltip />
            </PieChart>
          </ResponsiveContainer>
        </div>

{/* Security Deposits Trend */}
        <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
          <h3 className="text-lg font-semibold text-gray-900 mb-6">Security Deposits Trend</h3>
          <ResponsiveContainer width="100%" height={300}>
            <BarChart data={reportData.depositStats}>
              <CartesianGrid strokeDasharray="3 3" />
              <XAxis dataKey="month" />
              <YAxis />
              <Tooltip formatter={(value) => [`₹${value?.toLocaleString()}`, ""]} />
              <Legend />
              <Bar dataKey="deposits" fill="#6366F1" name="Deposits Collected" />
              <Bar dataKey="refunds" fill="#EF4444" name="Deposits Refunded" />
            </BarChart>
          </ResponsiveContainer>
        </div>

{/* Upcoming Dues */}
        <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
          <h3 className="text-lg font-semibold text-gray-900 mb-6">Upcoming Rent Dues</h3>
          <ResponsiveContainer width="100%" height={300}>
            <BarChart data={reportData.upcomingDues}>
              <CartesianGrid strokeDasharray="3 3" />
              <XAxis dataKey="date" />
              <YAxis />
              <Tooltip formatter={(value) => [`₹${value?.toLocaleString()}`, "Amount Due"]} />
              <Bar dataKey="amount" fill="#F59E0B" />
            </BarChart>
          </ResponsiveContainer>
        </div>
      </div>

{/* Detailed Analytics */}
      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
        {/* Revenue Breakdown */}
        <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
          <h3 className="text-lg font-semibold text-gray-900 mb-4">Revenue Breakdown</h3>
          <div className="space-y-4">
            <div className="flex justify-between items-center p-3 bg-green-50 rounded-lg">
              <span className="text-green-700 font-medium">Rent Collection</span>
              <span className="text-green-900 font-bold">₹2,85,000</span>
            </div>
            <div className="flex justify-between items-center p-3 bg-blue-50 rounded-lg">
              <span className="text-blue-700 font-medium">Security Deposits</span>
              <span className="text-blue-900 font-bold">₹45,000</span>
            </div>
            <div className="flex justify-between items-center p-3 bg-purple-50 rounded-lg">
              <span className="text-purple-700 font-medium">Other Income</span>
              <span className="text-purple-900 font-bold">₹15,000</span>
            </div>
          </div>
        </div>

{/* Payment Status */}
        <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
          <h3 className="text-lg font-semibold text-gray-900 mb-4">Payment Status</h3>
          <div className="space-y-4">
            <div className="flex justify-between items-center">
              <span className="text-gray-600">On Time Payments</span>
              <div className="flex items-center space-x-2">
                <div className="w-20 bg-gray-200 rounded-full h-2">
                  <div className="bg-green-500 h-2 rounded-full" style={{ width: "85%" }}></div>
                </div>
                <span className="text-sm font-medium">85%</span>
              </div>
            </div>
            <div className="flex justify-between items-center">
              <span className="text-gray-600">Late Payments</span>
              <div className="flex items-center space-x-2">
                <div className="w-20 bg-gray-200 rounded-full h-2">
                  <div className="bg-yellow-500 h-2 rounded-full" style={{ width: "12%" }}></div>
                </div>
                <span className="text-sm font-medium">12%</span>
              </div>
            </div>
            <div className="flex justify-between items-center">
              <span className="text-gray-600">Overdue</span>
              <div className="flex items-center space-x-2">
                <div className="w-20 bg-gray-200 rounded-full h-2">
                  <div className="bg-red-500 h-2 rounded-full" style={{ width: "3%" }}></div>
                </div>
                <span className="text-sm font-medium">3%</span>
              </div>
            </div>
          </div>
        </div>

{/* Top Performing Buildings */}
        <div className="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
          <h3 className="text-lg font-semibold text-gray-900 mb-4">Top Performing Buildings</h3>
          <div className="space-y-3">
            <div className="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
              <div>
                <p className="font-medium text-gray-900">Sunrise PG</p>
                <p className="text-sm text-gray-500">95% Occupancy</p>
              </div>
              <span className="text-green-600 font-bold">₹85,000</span>
            </div>
            <div className="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
              <div>
                <p className="font-medium text-gray-900">Metro Heights</p>
                <p className="text-sm text-gray-500">88% Occupancy</p>
              </div>
              <span className="text-green-600 font-bold">₹72,000</span>
            </div>
            <div className="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
              <div>
                <p className="font-medium text-gray-900">City Center PG</p>
                <p className="text-sm text-gray-500">82% Occupancy</p>
              </div>
              <span className="text-green-600 font-bold">₹68,000</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}

export default Reports
[V0_FILE]sql:file="database/admin_schema.sql" isMerged="true"
-- Create admins table
CREATE TABLE admins (
    id BIGSERIAL PRIMARY KEY,
    email VARCHAR(255) UNIQUE NOT NULL,
    password VARCHAR(255) NOT NULL,
    name VARCHAR(255) NOT NULL,
    mobile VARCHAR(20),
    is_super_admin BOOLEAN DEFAULT FALSE,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Insert default super admin
INSERT INTO admins (email, password, name, mobile, is_super_admin) VALUES 
('jainrohit.official@gmail.com', '$2a$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', 'Rohit Jain', '9828920417', TRUE);

-- Update subscriptions table to add foreign key constraint
ALTER TABLE subscriptions ADD CONSTRAINT fk_subscription_user 
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE;

-- Create indexes for better performance
CREATE INDEX idx_admins_email ON admins(email);
CREATE INDEX idx_subscriptions_user_active ON subscriptions(user_id, is_active);
CREATE INDEX idx_subscriptions_dates ON subscriptions(start_date, end_date);
[V0_FILE]javascriptreact:file="src/App.jsx" isEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import { BrowserRouter as Router, Routes, Route, Navigate } from "react-router-dom"
import Login from "./components/Login"
import Dashboard from "./components/Dashboard"
import BuildingSetup from "./components/BuildingSetup"
import TenantManagement from "./components/TenantManagement"
import RentTracker from "./components/RentTracker"
import Reports from "./components/Reports"
import Sidebar from "./components/Sidebar"
import Header from "./components/Header"
import AdminApp from "./AdminApp"

function App() {
  const [isAuthenticated, setIsAuthenticated] = useState(false)
  const [user, setUser] = useState(null)
  const [loading, setLoading] = useState(true)
  const [sidebarOpen, setSidebarOpen] = useState(false)

useEffect(() => {
    const token = localStorage.getItem("token")
    if (token) {
      fetch("/api/auth/verify", {
        headers: { Authorization: `Bearer ${token}` },
      })
        .then((res) => res.json())
        .then((data) => {
          if (data.valid) {
            setIsAuthenticated(true)
            setUser(data.user)
          } else {
            localStorage.removeItem("token")
          }
          setLoading(false)
        })
        .catch(() => {
          localStorage.removeItem("token")
          setLoading(false)
        })
    } else {
      setLoading(false)
    }
  }, [])

const handleLogin = (userData, token) => {
    localStorage.setItem("token", token)
    setIsAuthenticated(true)
    setUser(userData)
  }

const handleLogout = () => {
    localStorage.removeItem("token")
    setIsAuthenticated(false)
    setUser(null)
  }

if (loading) {
    return (
      <div className="min-h-screen flex items-center justify-center bg-gray-50">
        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-indigo-600"></div>
      </div>
    )
  }

return (
    <Router>
      <div className="min-h-screen bg-gray-50">
        <Routes>
          {/* Admin Routes */}
          <Route path="/admin/*" element={<AdminApp />} />

{/* Regular User Routes */}
          {isAuthenticated ? (
            <Route
              path="/*"
              element={
                <div className="flex h-screen">
                  <Sidebar isOpen={sidebarOpen} onClose={() => setSidebarOpen(false)} />
                  <div className="flex-1 flex flex-col overflow-hidden lg:ml-64">
                    <Header user={user} onToggleSidebar={() => setSidebarOpen(!sidebarOpen)} onLogout={handleLogout} />
                    <main className="flex-1 overflow-y-auto p-6">
                      <Routes>
                        <Route path="/dashboard" element={<Dashboard user={user} />} />
                        <Route path="/building-setup" element={<BuildingSetup />} />
                        <Route path="/tenant-management" element={<TenantManagement />} />
                        <Route path="/rent-tracker" element={<RentTracker />} />
                        <Route path="/reports" element={<Reports />} />
                        <Route path="/" element={<Navigate to="/dashboard" />} />
                      </Routes>
                    </main>
                  </div>
                </div>
              }
            />
          ) : (
            <>
              <Route path="/login" element={<Login onLogin={handleLogin} />} />
              <Route path="*" element={<Navigate to="/login" />} />
            </>
          )}
        </Routes>
      </div>
    </Router>
  )
}

export default App
[V0_FILE]sql:file="database/create_admin_table.sql" isMerged="true"
-- Create admins table
CREATE TABLE IF NOT EXISTS admins (
    id BIGSERIAL PRIMARY KEY,
    email VARCHAR(255) UNIQUE NOT NULL,
    password VARCHAR(255) NOT NULL,
    name VARCHAR(255) NOT NULL,
    mobile VARCHAR(20),
    is_super_admin BOOLEAN DEFAULT FALSE,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

-- Insert default super admin with hashed password
-- Password: 9828920417@2025
INSERT INTO admins (email, password, name, mobile, is_super_admin) 
VALUES ('jainrohit.official@gmail.com', '$2a$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', 'Rohit Jain', '9828920417', TRUE)
ON CONFLICT (email) DO NOTHING;

-- Create indexes for better performance
CREATE INDEX IF NOT EXISTS idx_admins_email ON admins(email);
[V0_FILE]java:file="src/main/java/com/pgmanagement/util/PasswordHashGenerator.java" isMerged="true"
package com.pgmanagement.util;

import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;

public class PasswordHashGenerator {
    public static void main(String[] args) {
        BCryptPasswordEncoder encoder = new BCryptPasswordEncoder();
        String password = "9828920417@2025";
        String hashedPassword = encoder.encode(password);
        System.out.println("Hashed password: " + hashedPassword);
    }
}
[V0_FILE]typescriptreact:file="src/main/java/com/pgmanagement/config/AdminCorsConfig.java" isEdit="true" isQuickEdit="true" isMerged="true"
package com.pgmanagement.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class AdminCorsConfig implements WebMvcConfigurer {

@Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/api/admin/**")
                .allowedOrigins("http://localhost:5173")  // Changed from 3000 to 5173
                .allowedMethods("GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS")
                .allowedHeaders("*")
                .allowCredentials(true);
    }
}
[V0_FILE]typescriptreact:file="src/main/resources/application.properties" isEdit="true" isMerged="true"
# Database Configuration
spring.datasource.url=jdbc:postgresql://localhost:5432/pgmanagement
spring.datasource.username=postgres
spring.datasource.password=password
spring.datasource.driver-class-name=org.postgresql.Driver

# JPA Configuration
spring.jpa.hibernate.ddl-auto=update
spring.jpa.show-sql=true
spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.PostgreSQLDialect
spring.jpa.properties.hibernate.format_sql=true

# JWT Configuration
app.jwtSecret=6jKf9Lw72nDfQgVbYsWqZxC3HvRtXpLmapp.jwtExpirationInMs=86400000

# Server Configuration
server.port=8080

# Logging
logging.level.com.pgmanagement=DEBUG
logging.level.com.pgmanagement.controller=DEBUG
logging.level.com.pgmanagement.service=DEBUG

# CORS configuration
spring.web.cors.allowed-origins=http://localhost:5173
spring.web.cors.allowed-methods=GET,POST,PUT,DELETE,PATCH,OPTIONS
spring.web.cors.allowed-headers=*
spring.web.cors.allow-credentials=true
[V0_FILE]java:file="src/main/java/com/pgmanagement/controller/AdminSubscriptionController.java" isEdit="true" isMerged="true"
package com.pgmanagement.controller;

import com.pgmanagement.dto.SubscriptionRequest;
import com.pgmanagement.dto.SubscriptionResponse;
import com.pgmanagement.service.AdminSubscriptionService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.domain.Page;
import org.springframework.http.ResponseEntity;
import org.springframework.security.core.Authentication;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/api/admin/subscriptions")
@CrossOrigin(origins = {"http://localhost:3000", "http://localhost:5173", "http://127.0.0.1:3000", "http://127.0.0.1:5173"}, allowCredentials = "true")
public class AdminSubscriptionController {

@Autowired
    private AdminSubscriptionService subscriptionService;

@GetMapping
    public ResponseEntity<Page<SubscriptionResponse>> getSubscriptions(
            @RequestParam(required = false) Boolean status,
            @RequestParam(required = false) String search,
            @RequestParam(defaultValue = "0") int page,
            @RequestParam(defaultValue = "10") int size) {
        
        try {
            Authentication auth = SecurityContextHolder.getContext().getAuthentication();
            System.out.println("📋 Fetching subscriptions - Auth: " + (auth != null ? auth.getName() : "null"));
            System.out.println("📋 Authorities: " + (auth != null ? auth.getAuthorities() : "null"));
            
            Page<SubscriptionResponse> subscriptions = subscriptionService.getSubscriptions(status, search, page, size);
            return ResponseEntity.ok(subscriptions);
        } catch (Exception e) {
            System.err.println("❌ Error fetching subscriptions: " + e.getMessage());
            e.printStackTrace();
            return ResponseEntity.status(500).build();
        }
    }

@PostMapping
    public ResponseEntity<?> createSubscription(@RequestBody SubscriptionRequest request) {
        try {
            Authentication auth = SecurityContextHolder.getContext().getAuthentication();
            System.out.println("➕ Creating subscription - Auth: " + (auth != null ? auth.getName() : "null"));
            System.out.println("📧 For user: " + request.getUserEmail());
            System.out.println("📅 Start Date: " + request.getStartDate() + ", End Date: " + request.getEndDate());
            
            SubscriptionResponse subscription = subscriptionService.createSubscription(request);
            
            System.out.println("✅ Subscription created successfully with ID: " + subscription.getId());
            return ResponseEntity.ok(subscription);
            
        } catch (Exception e) {
            System.err.println("❌ Error creating subscription: " + e.getMessage());
            e.printStackTrace();
            return ResponseEntity.status(400).body("Error creating subscription: " + e.getMessage());
        }
    }

@PutMapping("/{id}")
    public ResponseEntity<?> updateSubscription(@PathVariable Long id,
                                                                 @RequestBody SubscriptionRequest request) {
        try {
            System.out.println("✏️ Updating subscription ID: " + id);
            SubscriptionResponse subscription = subscriptionService.updateSubscription(id, request);
            return ResponseEntity.ok(subscription);
        } catch (Exception e) {
            System.err.println("❌ Error updating subscription: " + e.getMessage());
            return ResponseEntity.status(400).body("Error updating subscription: " + e.getMessage());
        }
    }

@DeleteMapping("/{id}")
    public ResponseEntity<?> deleteSubscription(@PathVariable Long id) {
        try {
            System.out.println("🗑️ Deleting subscription ID: " + id);
            subscriptionService.deleteSubscription(id);
            return ResponseEntity.ok("Subscription deleted successfully");
        } catch (Exception e) {
            System.err.println("❌ Error deleting subscription: " + e.getMessage());
            return ResponseEntity.status(400).body("Error deleting subscription: " + e.getMessage());
        }
    }

@PatchMapping("/{id}/toggle-status")
    public ResponseEntity<?> toggleSubscriptionStatus(@PathVariable Long id) {
        try {
            System.out.println("🔄 Toggling subscription status for ID: " + id);
            SubscriptionResponse subscription = subscriptionService.toggleSubscriptionStatus(id);
            return ResponseEntity.ok(subscription);
        } catch (Exception e) {
            System.err.println("❌ Error toggling subscription status: " + e.getMessage());
            return ResponseEntity.status(400).body("Error toggling subscription status: " + e.getMessage());
        }
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/controller/AdminTestController.java" isEdit="true" isMerged="true"
package com.pgmanagement.controller;

import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.*;

import java.util.HashMap;
import java.util.Map;

@RestController
@RequestMapping("/api/admin/test")
@CrossOrigin(origins = "http://localhost:3000")
public class AdminTestController {

@GetMapping("/health")
    public ResponseEntity<Map<String, Object>> healthCheck() {
        Map<String, Object> response = new HashMap<>();
        response.put("status", "OK");
        response.put("message", "Admin API is working");
        response.put("timestamp", System.currentTimeMillis());
        return ResponseEntity.ok(response);
    }

@GetMapping("/cors")
    public ResponseEntity<Map<String, String>> corsTest() {
        Map<String, String> response = new HashMap<>();
        response.put("message", "CORS is working correctly");
        response.put("origin", "Admin panel can access this endpoint");
        return ResponseEntity.ok(response);
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/repository/UserRepository.java" isEdit="true" isMerged="true"
package com.pgmanagement.repository;

import com.pgmanagement.model.User;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.Pageable;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.data.jpa.repository.Query;
import org.springframework.data.repository.query.Param;
import org.springframework.stereotype.Repository;

import java.util.Optional;

@Repository
public interface UserRepository extends JpaRepository<User, Long> {
    Optional<User> findByEmail(String email);
    Optional<User> findByMobile(String mobile);
    boolean existsByEmail(String email);
    boolean existsByMobile(String mobile);
    
    // Search users by name or email with pagination
    Page<User> findByNameContainingIgnoreCaseOrEmailContainingIgnoreCase(
        String name, String email, Pageable pageable);
    
    // Count users
    @Query("SELECT COUNT(u) FROM User u")
    long countAllUsers();
    
    // Find users created in a date range
    @Query("SELECT u FROM User u WHERE u.createdAt BETWEEN :startDate AND :endDate")
    Page<User> findByCreatedAtBetween(@Param("startDate") java.time.LocalDateTime startDate, 
                                     @Param("endDate") java.time.LocalDateTime endDate, 
                                     Pageable pageable);
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/SubscriptionStatus.java" isEdit="true" isMerged="true"
package com.pgmanagement.dto;

import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.AllArgsConstructor;
import java.time.LocalDate;

@Data
@NoArgsConstructor
@AllArgsConstructor
public class SubscriptionStatus {
    private boolean isActive;
    private String planName;
    private LocalDate startDate;
    private LocalDate endDate;
    private long daysRemaining;

public SubscriptionStatus(boolean isActive, LocalDate startDate, LocalDate endDate, long daysRemaining) {
        this.isActive = isActive;
        this.startDate = startDate;
        this.endDate = endDate;
        this.daysRemaining = daysRemaining;
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/service/SubscriptionService.java" isEdit="true" isMerged="true"
package com.pgmanagement.service;

import com.pgmanagement.dto.SubscriptionStatus;
import com.pgmanagement.model.Subscription;
import com.pgmanagement.model.User;
import com.pgmanagement.repository.SubscriptionRepository;
import com.pgmanagement.repository.UserRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.time.LocalDate;
import java.time.temporal.ChronoUnit;
import java.util.Optional;

@Service
public class SubscriptionService {

@Autowired
    private SubscriptionRepository subscriptionRepository;

@Autowired
    private UserRepository userRepository;

public SubscriptionStatus getSubscriptionStatus(String userEmail) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));

Optional<Subscription> subscription = subscriptionRepository.findActiveByUserId(user.getId());

if (subscription.isPresent()) {
            Subscription sub = subscription.get();
            LocalDate today = LocalDate.now();
            boolean isActive = sub.getEndDate().isAfter(today) || sub.getEndDate().isEqual(today);
            long daysRemaining = ChronoUnit.DAYS.between(today, sub.getEndDate());

return new SubscriptionStatus(isActive, sub.getPlanName(), sub.getStartDate(), sub.getEndDate(), daysRemaining);
        } else {
            return new SubscriptionStatus(false, "No subscription", null, null, 0);
        }
    }

public boolean hasActiveSubscription(String userEmail) {
        User user = userRepository.findByEmail(userEmail)
                .orElseThrow(() -> new RuntimeException("User not found"));
        
        Optional<Subscription> subscription = subscriptionRepository.findActiveByUserId(user.getId());
        
        if (subscription.isPresent()) {
            LocalDate today = LocalDate.now();
            return subscription.get().getEndDate().isAfter(today) || subscription.get().getEndDate().isEqual(today);
        }
        
        return false;
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/service/AdminSubscriptionService.java" isEdit="true" isMerged="true"
package com.pgmanagement.service;

import com.pgmanagement.dto.SubscriptionRequest;
import com.pgmanagement.dto.SubscriptionResponse;
import com.pgmanagement.model.Subscription;
import com.pgmanagement.model.User;
import com.pgmanagement.repository.SubscriptionRepository;
import com.pgmanagement.repository.UserRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.PageRequest;
import org.springframework.data.domain.Pageable;
import org.springframework.data.domain.Sort;
import org.springframework.stereotype.Service;

import java.time.LocalDate;
import java.time.temporal.ChronoUnit;
import java.util.List;
import java.util.stream.Collectors;

@Service
public class AdminSubscriptionService {

@Autowired
    private SubscriptionRepository subscriptionRepository;

@Autowired
    private UserRepository userRepository;

public Page<SubscriptionResponse> getSubscriptions(Boolean status, String search, int page, int size) {
        try {
            System.out.println("📋 Fetching subscriptions - Page: " + page + ", Size: " + size);
            
            Pageable pageable = PageRequest.of(page, size, Sort.by("createdAt").descending());
            Page<Subscription> subscriptions;
            
            if (search != null && !search.trim().isEmpty()) {
                if (status != null) {
                    subscriptions = subscriptionRepository.findByIsActiveAndUser_NameContainingIgnoreCaseOrUser_EmailContainingIgnoreCase(
                        status, search.trim(), search.trim(), pageable);
                } else {
                    subscriptions = subscriptionRepository.findByUser_NameContainingIgnoreCaseOrUser_EmailContainingIgnoreCase(
                        search.trim(), search.trim(), pageable);
                }
            } else if (status != null) {
                subscriptions = subscriptionRepository.findByIsActive(status, pageable);
            } else {
                subscriptions = subscriptionRepository.findAll(pageable);
            }
            
            return subscriptions.map(this::convertToSubscriptionResponse);
            
        } catch (Exception e) {
            System.err.println("❌ Error fetching subscriptions: " + e.getMessage());
            throw new RuntimeException("Failed to fetch subscriptions", e);
        }
    }

public SubscriptionResponse createSubscription(SubscriptionRequest request) {
        try {
            System.out.println("➕ Creating subscription for user: " + request.getUserEmail());
            
            User user = userRepository.findByEmail(request.getUserEmail())
                .orElseThrow(() -> new RuntimeException("User not found with email: " + request.getUserEmail()));
            
            if (request.getEndDate().isBefore(request.getStartDate())) {
                throw new RuntimeException("End date cannot be before start date");
            }
            
            Subscription subscription = new Subscription();
            subscription.setUser(user);
            subscription.setStartDate(request.getStartDate());
            subscription.setEndDate(request.getEndDate());
            subscription.setIsActive(request.getIsActive());
            subscription.setPlanName(request.getPlanName());
            
            Subscription savedSubscription = subscriptionRepository.save(subscription);
            System.out.println("✅ Subscription created successfully: " + savedSubscription.getId());
            
            return convertToSubscriptionResponse(savedSubscription);
            
        } catch (Exception e) {
            System.err.println("❌ Error creating subscription: " + e.getMessage());
            throw new RuntimeException("Failed to create subscription: " + e.getMessage(), e);
        }
    }

public SubscriptionResponse updateSubscription(Long id, SubscriptionRequest request) {
        try {
            System.out.println("✏️ Updating subscription: " + id);
            
            Subscription subscription = subscriptionRepository.findById(id)
                .orElseThrow(() -> new RuntimeException("Subscription not found with ID: " + id));
            
            if (request.getEndDate().isBefore(request.getStartDate())) {
                throw new RuntimeException("End date cannot be before start date");
            }
            
            subscription.setStartDate(request.getStartDate());
            subscription.setEndDate(request.getEndDate());
            subscription.setIsActive(request.getIsActive());
            subscription.setPlanName(request.getPlanName());
            
            Subscription updatedSubscription = subscriptionRepository.save(subscription);
            System.out.println("✅ Subscription updated successfully: " + updatedSubscription.getId());
            
            return convertToSubscriptionResponse(updatedSubscription);
            
        } catch (Exception e) {
            System.err.println("❌ Error updating subscription: " + e.getMessage());
            throw new RuntimeException("Failed to update subscription: " + e.getMessage(), e);
        }
    }

public void deleteSubscription(Long id) {
        try {
            System.out.println("🗑️ Deleting subscription: " + id);
            
            Subscription subscription = subscriptionRepository.findById(id)
                .orElseThrow(() -> new RuntimeException("Subscription not found with ID: " + id));
            
            subscriptionRepository.delete(subscription);
            System.out.println("✅ Subscription deleted successfully: " + id);
            
        } catch (Exception e) {
            System.err.println("❌ Error deleting subscription: " + e.getMessage());
            throw new RuntimeException("Failed to delete subscription: " + e.getMessage(), e);
        }
    }

public SubscriptionResponse toggleSubscriptionStatus(Long id) {
        try {
            System.out.println("🔄 Toggling subscription status: " + id);
            
            Subscription subscription = subscriptionRepository.findById(id)
                .orElseThrow(() -> new RuntimeException("Subscription not found with ID: " + id));
            
            subscription.setIsActive(!subscription.getIsActive());
            Subscription updatedSubscription = subscriptionRepository.save(subscription);
            
            System.out.println("✅ Subscription status toggled: " + updatedSubscription.getIsActive());
            return convertToSubscriptionResponse(updatedSubscription);
            
        } catch (Exception e) {
            System.err.println("❌ Error toggling subscription status: " + e.getMessage());
            throw new RuntimeException("Failed to toggle subscription status: " + e.getMessage(), e);
        }
    }

public List<SubscriptionResponse> getExpiringSubscriptions(LocalDate startDate, LocalDate endDate) {
        try {
            List<Subscription> expiring = subscriptionRepository.findExpiringSubscriptions(startDate, endDate);
            return expiring.stream().map(this::convertToSubscriptionResponse).collect(Collectors.toList());
        } catch (Exception e) {
            System.err.println("❌ Error fetching expiring subscriptions: " + e.getMessage());
            throw new RuntimeException("Failed to fetch expiring subscriptions", e);
        }
    }

private SubscriptionResponse convertToSubscriptionResponse(Subscription subscription) {
        SubscriptionResponse response = new SubscriptionResponse();
        response.setId(subscription.getId());
        response.setUserId(subscription.getUser().getId());
        response.setUserName(subscription.getUser().getName());
        response.setUserEmail(subscription.getUser().getEmail());
        response.setStartDate(subscription.getStartDate());
        response.setEndDate(subscription.getEndDate());
        response.setIsActive(subscription.getIsActive());
        response.setPlanName(subscription.getPlanName());
        response.setCreatedAt(subscription.getCreatedAt());
        response.setUpdatedAt(subscription.getUpdatedAt());
        
        // Calculate days remaining and expiration status
        LocalDate today = LocalDate.now();
        if (subscription.getEndDate().isBefore(today)) {
            response.setIsExpired(true);
            response.setDaysRemaining(0);
        } else {
            response.setIsExpired(false);
            response.setDaysRemaining((int) ChronoUnit.DAYS.between(today, subscription.getEndDate()));
        }
        
        return response;
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/AdminDto.java" isEdit="true" isMerged="true"
package com.pgmanagement.dto;

import java.time.LocalDateTime;

public class AdminDto {
    private Long id;
    private String email;
    private String name;
    private String mobile;
    private Boolean isSuperAdmin;
    private LocalDateTime createdAt;
    private LocalDateTime updatedAt;

public AdminDto() {}

public AdminDto(Long id, String name, String email, String mobile, Boolean isSuperAdmin) {
        this.id = id;
        this.name = name;
        this.email = email;
        this.mobile = mobile;
        this.isSuperAdmin = isSuperAdmin;
    }

// Getters and Setters
    public Long getId() { return id; }
    public void setId(Long id) { this.id = id; }
    
    public String getEmail() { return email; }
    public void setEmail(String email) { this.email = email; }
    
    public String getName() { return name; }
    public void setName(String name) { this.name = name; }
    
    public String getMobile() { return mobile; }
    public void setMobile(String mobile) { this.mobile = mobile; }
    
    public Boolean getIsSuperAdmin() { return isSuperAdmin; }
    public void setIsSuperAdmin(Boolean isSuperAdmin) { this.isSuperAdmin = isSuperAdmin; }
    
    public LocalDateTime getCreatedAt() { return createdAt; }
    public void setCreatedAt(LocalDateTime createdAt) { this.createdAt = createdAt; }
    
    public LocalDateTime getUpdatedAt() { return updatedAt; }
    public void setUpdatedAt(LocalDateTime updatedAt) { this.updatedAt = updatedAt; }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/AdminLoginRequest.java" isEdit="true" isMerged="true"
package com.pgmanagement.dto;

public class AdminLoginRequest {
    private String email;
    private String password;

public AdminLoginRequest() {}

public AdminLoginRequest(String email, String password) {
        this.email = email;
        this.password = password;
    }

public String getEmail() { return email; }
    public void setEmail(String email) { this.email = email; }
    
    public String getPassword() { return password; }
    public void setPassword(String password) { this.password = password; }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/AdminLoginResponse.java" isEdit="true" isMerged="true"
package com.pgmanagement.dto;

public class AdminLoginResponse {
    private boolean success;
    private String message;
    private AdminDto admin;
    private String token;

public AdminLoginResponse() {}

public AdminLoginResponse(boolean success, String message, AdminDto admin, String token) {
        this.success = success;
        this.message = message;
        this.admin = admin;
        this.token = token;
    }

public boolean isSuccess() { return success; }
    public void setSuccess(boolean success) { this.success = success; }
    
    public String getMessage() { return message; }
    public void setMessage(String message) { this.message = message; }
    
    public AdminDto getAdmin() { return admin; }
    public void setAdmin(AdminDto admin) { this.admin = admin; }
    
    public String getToken() { return token; }
    public void setToken(String token) { this.token = token; }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/CreateAdminRequest.java" isEdit="true" isMerged="true"
package com.pgmanagement.dto;

public class CreateAdminRequest {
    private String name;
    private String email;
    private String mobile;
    private String password;
    private Boolean isSuperAdmin = false;

public CreateAdminRequest() {}

// Getters and Setters
    public String getName() { return name; }
    public void setName(String name) { this.name = name; }
    
    public String getEmail() { return email; }
    public void setEmail(String email) { this.email = email; }
    
    public String getMobile() { return mobile; }
    public void setMobile(String mobile) { this.mobile = mobile; }
    
    public String getPassword() { return password; }
    public void setPassword(String password) { this.password = password; }
    
    public Boolean getIsSuperAdmin() { return isSuperAdmin; }
    public void setIsSuperAdmin(Boolean isSuperAdmin) { this.isSuperAdmin = isSuperAdmin; }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/model/Admin.java" isEdit="true" isMerged="true"
package com.pgmanagement.model;

import jakarta.persistence.*;
import java.time.LocalDateTime;

@Entity
@Table(name = "admins")
public class Admin {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;

@Column(unique = true, nullable = false)
    private String email;

@Column(nullable = false)
    private String password;

@Column(nullable = false)
    private String name;

private String mobile;

@Column(name = "is_super_admin")
    private Boolean isSuperAdmin = false;

@Column(name = "created_at")
    private LocalDateTime createdAt;

@Column(name = "updated_at")
    private LocalDateTime updatedAt;

@PrePersist
    protected void onCreate() {
        createdAt = LocalDateTime.now();
        updatedAt = LocalDateTime.now();
    }

@PreUpdate
    protected void onUpdate() {
        updatedAt = LocalDateTime.now();
    }

// Getters and Setters
    public Long getId() { return id; }
    public void setId(Long id) { this.id = id; }
    
    public String getEmail() { return email; }
    public void setEmail(String email) { this.email = email; }
    
    public String getPassword() { return password; }
    public void setPassword(String password) { this.password = password; }
    
    public String getName() { return name; }
    public void setName(String name) { this.name = name; }
    
    public String getMobile() { return mobile; }
    public void setMobile(String mobile) { this.mobile = mobile; }
    
    public Boolean getIsSuperAdmin() { return isSuperAdmin; }
    public void setIsSuperAdmin(Boolean isSuperAdmin) { this.isSuperAdmin = isSuperAdmin; }
    
    public LocalDateTime getCreatedAt() { return createdAt; }
    public void setCreatedAt(LocalDateTime createdAt) { this.createdAt = createdAt; }
    
    public LocalDateTime getUpdatedAt() { return updatedAt; }
    public void setUpdatedAt(LocalDateTime updatedAt) { this.updatedAt = updatedAt; }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/repository/AdminRepository.java" isEdit="true" isMerged="true"
package com.pgmanagement.repository;

import com.pgmanagement.model.Admin;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;

import java.util.Optional;

@Repository
public interface AdminRepository extends JpaRepository<Admin, Long> {
    Optional<Admin> findByEmail(String email);
    boolean existsByEmail(String email);
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/service/AdminService.java" isEdit="true" isMerged="true"
package com.pgmanagement.service;

import com.pgmanagement.dto.AdminDto;
import com.pgmanagement.dto.AdminLoginRequest;
import com.pgmanagement.dto.AdminLoginResponse;
import com.pgmanagement.dto.CreateAdminRequest;
import com.pgmanagement.model.Admin;
import com.pgmanagement.repository.AdminRepository;
import com.pgmanagement.security.JwtTokenProvider;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.crypto.password.PasswordEncoder;
import org.springframework.stereotype.Service;

import java.util.List;
import java.util.Optional;
import java.util.stream.Collectors;

@Service
public class AdminService {

@Autowired
    private AdminRepository adminRepository;

@Autowired
    private PasswordEncoder passwordEncoder;

@Autowired
    private JwtTokenProvider jwtTokenProvider;

public AdminLoginResponse login(AdminLoginRequest request) {
        try {
            System.out.println("🔐 Admin login request received for: " + request.getEmail());
            
            Optional<Admin> adminOpt = adminRepository.findByEmail(request.getEmail());
            
            if (adminOpt.isEmpty()) {
                System.out.println("❌ Admin not found: " + request.getEmail());
                return new AdminLoginResponse(false, "Invalid credentials", null, null);
            }
            
            Admin admin = adminOpt.get();
            System.out.println("Admin found: " + admin.getName());
            
            boolean passwordMatches = passwordEncoder.matches(request.getPassword(), admin.getPassword());
            System.out.println("Password matches: " + passwordMatches);
            
            if (!passwordMatches) {
                System.out.println("❌ Invalid password for admin: " + request.getEmail());
                return new AdminLoginResponse(false, "Invalid credentials", null, null);
            }
            
            // Generate JWT token with ADMIN role
            String token = jwtTokenProvider.generateToken(admin.getEmail(), "ADMIN");
            
            // Create AdminDto
            AdminDto adminDto = new AdminDto();
            adminDto.setId(admin.getId());
            adminDto.setEmail(admin.getEmail());
            adminDto.setName(admin.getName());
            adminDto.setMobile(admin.getMobile());
            adminDto.setIsSuperAdmin(admin.getIsSuperAdmin());
            adminDto.setCreatedAt(admin.getCreatedAt());
            adminDto.setUpdatedAt(admin.getUpdatedAt());
            
            System.out.println("✅ Admin login successful, returning response");
            return new AdminLoginResponse(true, "Login successful", adminDto, token);
            
        } catch (Exception e) {
            System.out.println("❌ Admin login error: " + e.getMessage());
            e.printStackTrace();
            return new AdminLoginResponse(false, "Login failed: " + e.getMessage(), null, null);
        }
    }

public List<AdminDto> getAllAdmins() {
        try {
            System.out.println("👥 Fetching all admins");
            
            return adminRepository.findAll().stream()
                    .map(this::convertToAdminDto)
                    .collect(Collectors.toList());
                    
        } catch (Exception e) {
            System.err.println("❌ Error fetching admins: " + e.getMessage());
            e.printStackTrace();
            throw new RuntimeException("Failed to fetch admins", e);
        }
    }

public AdminDto createAdmin(CreateAdminRequest request, String currentAdminEmail) {
        try {
            System.out.println("➕ Creating admin: " + request.getEmail() + " by: " + currentAdminEmail);
            
            Admin currentAdmin = adminRepository.findByEmail(currentAdminEmail)
                .orElseThrow(() -> new RuntimeException("Current admin not found"));

if (!currentAdmin.getIsSuperAdmin()) {
                throw new RuntimeException("Only super admin can create new admins");
            }

if (adminRepository.existsByEmail(request.getEmail())) {
                throw new RuntimeException("Admin with this email already exists");
            }

Admin admin = new Admin();
            admin.setEmail(request.getEmail());
            admin.setPassword(passwordEncoder.encode(request.getPassword()));
            admin.setName(request.getName());
            admin.setMobile(request.getMobile());
            admin.setIsSuperAdmin(request.getIsSuperAdmin());

admin = adminRepository.save(admin);
            System.out.println("✅ Admin created successfully: " + admin.getEmail());

return convertToAdminDto(admin);
            
        } catch (Exception e) {
            System.err.println("❌ Error creating admin: " + e.getMessage());
            e.printStackTrace();
            throw new RuntimeException("Failed to create admin: " + e.getMessage(), e);
        }
    }

public void deleteAdmin(Long adminId, String currentAdminEmail) {
        try {
            System.out.println("🗑️ Deleting admin ID: " + adminId + " by: " + currentAdminEmail);
            
            Admin currentAdmin = adminRepository.findByEmail(currentAdminEmail)
                .orElseThrow(() -> new RuntimeException("Current admin not found"));

if (!currentAdmin.getIsSuperAdmin()) {
                throw new RuntimeException("Only super admin can delete admins");
            }

if (currentAdmin.getId().equals(adminId)) {
                throw new RuntimeException("Cannot delete yourself");
            }

adminRepository.deleteById(adminId);
            System.out.println("✅ Admin deleted successfully: " + adminId);
            
        } catch (Exception e) {
            System.err.println("❌ Error deleting admin: " + e.getMessage());
            e.printStackTrace();
            throw new RuntimeException("Failed to delete admin: " + e.getMessage(), e);
        }
    }

private AdminDto convertToAdminDto(Admin admin) {
        AdminDto dto = new AdminDto();
        dto.setId(admin.getId());
        dto.setEmail(admin.getEmail());
        dto.setName(admin.getName());
        dto.setMobile(admin.getMobile());
        dto.setIsSuperAdmin(admin.getIsSuperAdmin());
        dto.setCreatedAt(admin.getCreatedAt());
        dto.setUpdatedAt(admin.getUpdatedAt());
        return dto;
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/controller/AdminAuthController.java" isEdit="true" isMerged="true"
package com.pgmanagement.controller;

import com.pgmanagement.dto.AdminLoginRequest;
import com.pgmanagement.dto.AdminLoginResponse;
import com.pgmanagement.service.AdminService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/api/admin/auth")
@CrossOrigin(origins = {"http://localhost:3000", "http://localhost:5173", "http://127.0.0.1:3000", "http://127.0.0.1:5173"}, allowCredentials = "true")
public class AdminAuthController {

@Autowired
    private AdminService adminService;

@PostMapping("/login")
    public ResponseEntity<?> login(@RequestBody AdminLoginRequest request) {
        try {
            System.out.println("🔐 Admin login request received for: " + request.getEmail());
            
            AdminLoginResponse response = adminService.login(request);
            
            if (response.isSuccess()) {
                System.out.println("✅ Admin login successful, returning response");
                return ResponseEntity.ok(response);
            } else {
                System.out.println("❌ Admin login failed: " + response.getMessage());
                return ResponseEntity.status(401).body(response.getMessage());
            }
        } catch (Exception e) {
            System.err.println("❌ Admin login error: " + e.getMessage());
            e.printStackTrace();
            return ResponseEntity.status(500).body("Internal server error during login");
        }
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/controller/AdminController.java" isEdit="true" isMerged="true"
package com.pgmanagement.controller;

import com.pgmanagement.dto.AdminDto;
import com.pgmanagement.dto.CreateAdminRequest;
import com.pgmanagement.service.AdminService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.security.core.Authentication;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.web.bind.annotation.*;

import java.util.List;

@RestController
@RequestMapping("/api/admin/admins")
@CrossOrigin(origins = {"http://localhost:3000", "http://localhost:5173", "http://127.0.0.1:3000", "http://127.0.0.1:5173"}, allowCredentials = "true")
public class AdminController {

@Autowired
    private AdminService adminService;

@GetMapping
    public ResponseEntity<List<AdminDto>> getAllAdmins() {
        try {
            Authentication auth = SecurityContextHolder.getContext().getAuthentication();
            System.out.println("👥 Fetching all admins - Auth: " + (auth != null ? auth.getName() : "null"));
            
            List<AdminDto> admins = adminService.getAllAdmins();
            return ResponseEntity.ok(admins);
            
        } catch (Exception e) {
            System.err.println("❌ Error fetching admins: " + e.getMessage());
            e.printStackTrace();
            return ResponseEntity.status(500).build();
        }
    }

@PostMapping
    public ResponseEntity<?> createAdmin(@RequestBody CreateAdminRequest request) {
        try {
            Authentication auth = SecurityContextHolder.getContext().getAuthentication();
            System.out.println("➕ Creating admin - Auth: " + (auth != null ? auth.getName() : "null"));
            System.out.println("📧 New admin email: " + request.getEmail());
            
            String currentAdminEmail = auth.getName();
            AdminDto admin = adminService.createAdmin(request, currentAdminEmail);
            
            System.out.println("✅ Admin created successfully with ID: " + admin.getId());
            return ResponseEntity.ok(admin);
            
        } catch (Exception e) {
            System.err.println("❌ Error creating admin: " + e.getMessage());
            e.printStackTrace();
            return ResponseEntity.status(400).body("Error creating admin: " + e.getMessage());
        }
    }

@DeleteMapping("/{id}")
    public ResponseEntity<?> deleteAdmin(@PathVariable Long id) {
        try {
            Authentication auth = SecurityContextHolder.getContext().getAuthentication();
            System.out.println("🗑️ Deleting admin ID: " + id + " - Auth: " + (auth != null ? auth.getName() : "null"));
            
            String currentAdminEmail = auth.getName();
            adminService.deleteAdmin(id, currentAdminEmail);
            
            return ResponseEntity.ok("Admin deleted successfully");
            
        } catch (Exception e) {
            System.err.println("❌ Error deleting admin: " + e.getMessage());
            e.printStackTrace();
            return ResponseEntity.status(400).body("Error deleting admin: " + e.getMessage());
        }
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/util/AdminPasswordSetup.java" isEdit="true" isMerged="true"
package com.pgmanagement.util;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.CommandLineRunner;
import org.springframework.security.crypto.password.PasswordEncoder;
import org.springframework.stereotype.Component;
import com.pgmanagement.model.Admin;
import com.pgmanagement.repository.AdminRepository;

@Component
public class AdminPasswordSetup implements CommandLineRunner {

@Autowired
    private AdminRepository adminRepository;

@Autowired
    private PasswordEncoder passwordEncoder;

@Override
    public void run(String... args) throws Exception {
        String email = "jainrohit.official@gmail.com";
        String password = "9828920417@2025";
        
        // Check if admin exists
        if (!adminRepository.existsByEmail(email)) {
            Admin admin = new Admin();
            admin.setEmail(email);
            admin.setPassword(passwordEncoder.encode(password));
            admin.setName("Rohit Jain");
            admin.setMobile("9828920417");
            admin.setIsSuperAdmin(true);
            
            adminRepository.save(admin);
            System.out.println("✅ Default admin created successfully!");
            System.out.println("📧 Email: " + email);
            System.out.println("🔑 Password: " + password);
        } else {
            // Update existing admin password to ensure it's correct
            Admin existingAdmin = adminRepository.findByEmail(email).orElse(null);
            if (existingAdmin != null) {
                existingAdmin.setPassword(passwordEncoder.encode(password));
                adminRepository.save(existingAdmin);
                System.out.println("✅ Admin password updated!");
                System.out.println("📧 Email: " + email);
                System.out.println("🔑 Password: " + password);
            }
        }
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/security/JwtAuthenticationFilter.java" isEdit="true" isMerged="true"
package com.pgmanagement.security;

import jakarta.servlet.FilterChain;
import jakarta.servlet.ServletException;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
import org.springframework.security.core.authority.SimpleGrantedAuthority;
import org.springframework.security.core.context.SecurityContextHolder;
import org.springframework.stereotype.Component;
import org.springframework.web.filter.OncePerRequestFilter;

import java.io.IOException;
import java.util.Collections;

@Component
public class JwtAuthenticationFilter extends OncePerRequestFilter {

@Autowired
    private JwtTokenProvider jwtTokenProvider;

@Override
    protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain)
            throws ServletException, IOException {
        
        String token = getTokenFromRequest(request);
        
        if (token != null && jwtTokenProvider.validateToken(token)) {
            String email = jwtTokenProvider.getEmailFromToken(token);
            String role = jwtTokenProvider.getRoleFromToken(token);
            
            if (email != null && role != null) {
                UsernamePasswordAuthenticationToken authentication = 
                    new UsernamePasswordAuthenticationToken(
                        email, 
                        null, 
                        Collections.singletonList(new SimpleGrantedAuthority("ROLE_" + role))
                    );
                
                SecurityContextHolder.getContext().setAuthentication(authentication);
            }
        }
        
        filterChain.doFilter(request, response);
    }

private String getTokenFromRequest(HttpServletRequest request) {
        String bearerToken = request.getHeader("Authorization");
        if (bearerToken != null && bearerToken.startsWith("Bearer ")) {
            return bearerToken.substring(7);
        }
        return null;
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/config/SecurityConfig.java" isEdit="true" isMerged="true"
package com.pgmanagement.config;

import com.pgmanagement.security.JwtAuthenticationFilter;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.config.http.SessionCreationPolicy;
import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
import org.springframework.security.crypto.password.PasswordEncoder;
import org.springframework.security.web.SecurityFilterChain;
import org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.CorsConfigurationSource;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;

import java.util.Arrays;

@Configuration
@EnableWebSecurity
public class SecurityConfig {

@Autowired
    private JwtAuthenticationFilter jwtAuthenticationFilter;

@Bean
    public PasswordEncoder passwordEncoder() {
        return new BCryptPasswordEncoder();
    }

@Bean
    public SecurityFilterChain filterChain(HttpSecurity http) throws Exception {
        http.cors().and().csrf().disable()
            .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS)
            .and()
            .authorizeHttpRequests(authz -> authz
                .requestMatchers("/api/admin/auth/**").permitAll()
                .requestMatchers("/api/auth/**").permitAll()
                .requestMatchers("/api/admin/**").hasRole("ADMIN")
                .requestMatchers("/api/user/**").hasRole("USER")
                .anyRequest().authenticated()
            )
            .addFilterBefore(jwtAuthenticationFilter, UsernamePasswordAuthenticationFilter.class);

return http.build();
    }

@Bean
    public CorsConfigurationSource corsConfigurationSource() {
        CorsConfiguration configuration = new CorsConfiguration();
        configuration.setAllowedOriginPatterns(Arrays.asList("*"));
        configuration.setAllowedMethods(Arrays.asList("GET", "POST", "PUT", "DELETE", "OPTIONS"));
        configuration.setAllowedHeaders(Arrays.asList("*"));
        configuration.setAllowCredentials(true);
        
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", configuration);
        return source;
    }
}
[V0_FILE]javascriptreact:file="src/components/admin/AdminLogin.jsx" isEdit="true" isMerged="true"
"use client"

import { useState } from "react"
import axios from "axios"

const AdminLogin = ({ onLogin }) => {
  const [formData, setFormData] = useState({
    email: "",
    password: "",
  })
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState("")

const handleChange = (e) => {
    setFormData({
      ...formData,
      [e.target.name]: e.target.value,
    })
  }

const handleSubmit = async (e) => {
    e.preventDefault()
    setLoading(true)
    setError("")

try {
      console.log("🔐 Attempting admin login with:", formData.email)

const response = await axios.post("http://localhost:8080/api/admin/auth/login", formData, {
        headers: {
          "Content-Type": "application/json",
        },
        withCredentials: true,
      })

console.log("✅ Admin login response:", response.data)

if (response.data.success) {
        localStorage.setItem("adminToken", response.data.token)
        localStorage.setItem("adminData", JSON.stringify(response.data.admin))
        onLogin(response.data.admin, response.data.token)
      } else {
        setError(response.data.message || "Login failed")
      }
    } catch (error) {
      console.error("❌ Admin login error:", error)
      if (error.response) {
        setError(error.response.data || "Login failed")
      } else {
        setError("Network error. Please try again.")
      }
    } finally {
      setLoading(false)
    }
  }

return (
    <div className="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
      <div className="max-w-md w-full space-y-8">
        <div>
          <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">Admin Login</h2>
          <p className="mt-2 text-center text-sm text-gray-600">Sign in to your admin account</p>
        </div>
        <form className="mt-8 space-y-6" onSubmit={handleSubmit}>
          {error && <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded">{error}</div>}
          <div className="rounded-md shadow-sm -space-y-px">
            <div>
              <input
                id="email"
                name="email"
                type="email"
                required
                className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm"
                placeholder="Email address"
                value={formData.email}
                onChange={handleChange}
              />
            </div>
            <div>
              <input
                id="password"
                name="password"
                type="password"
                required
                className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm"
                placeholder="Password"
                value={formData.password}
                onChange={handleChange}
              />
            </div>
          </div>

<div>
            <button
              type="submit"
              disabled={loading}
              className="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50"
            >
              {loading ? "Signing in..." : "Sign in"}
            </button>
          </div>

<div className="text-center text-sm text-gray-600">
            <p>Default credentials:</p>
            <p>Email: jainrohit.official@gmail.com</p>
            <p>Password: 9828920417@2025</p>
          </div>
        </form>
      </div>
    </div>
  )
}

export default AdminLogin
[V0_FILE]javascriptreact:file="src/AdminApp.jsx" isEdit="true" isMerged="true"
"use client"

import { useState, useEffect } from "react"
import AdminLogin from "./components/admin/AdminLogin"
import AdminDashboard from "./components/admin/AdminDashboard"

const AdminApp = () => {
  const [isAuthenticated, setIsAuthenticated] = useState(false)
  const [admin, setAdmin] = useState(null)
  const [token, setToken] = useState(null)
  const [loading, setLoading] = useState(true)

useEffect(() => {
    // Check if admin is already logged in
    const savedToken = localStorage.getItem("adminToken")
    const savedAdmin = localStorage.getItem("adminData")

if (savedToken && savedAdmin) {
      try {
        setToken(savedToken)
        setAdmin(JSON.parse(savedAdmin))
        setIsAuthenticated(true)
      } catch (error) {
        console.error("Error parsing saved admin data:", error)
        localStorage.removeItem("adminToken")
        localStorage.removeItem("adminData")
      }
    }

setLoading(false)
  }, [])

const handleLogin = (adminData, authToken) => {
    setAdmin(adminData)
    setToken(authToken)
    setIsAuthenticated(true)
  }

const handleLogout = () => {
    localStorage.removeItem("adminToken")
    localStorage.removeItem("adminData")
    setAdmin(null)
    setToken(null)
    setIsAuthenticated(false)
  }

if (loading) {
    return (
      <div className="min-h-screen flex items-center justify-center">
        <div className="text-xl">Loading...</div>
      </div>
    )
  }

return (
    <div className="App">
      {!isAuthenticated ? (
        <AdminLogin onLogin={handleLogin} />
      ) : (
        <AdminDashboard admin={admin} token={token} onLogout={handleLogout} />
      )}
    </div>
  )
}

export default AdminApp
[V0_FILE]java:file="src/main/java/com/pgmanagement/security/JwtTokenProvider.java" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true"
package com.pgmanagement.security;

import io.jsonwebtoken.*;
import io.jsonwebtoken.security.Keys;
import org.springframework.stereotype.Component;
import javax.crypto.SecretKey;
import java.util.Date;

@Component
public class JwtTokenProvider {

private final SecretKey jwtSecret = Keys.secretKeyFor(SignatureAlgorithm.HS512);
    private final int jwtExpirationInMs = 86400000; // 24 hours

// Method with role parameter (for admin login)
    public String generateToken(String email, String role) {
        try {
            Date expiryDate = new Date(System.currentTimeMillis() + jwtExpirationInMs);
            
            String token = Jwts.builder()
                    .setSubject(email)
                    .claim("role", role)
                    .setIssuedAt(new Date())
                    .setExpiration(expiryDate)
                    .signWith(jwtSecret)
                    .compact();
            
            System.out.println("🔑 JWT token generated for: " + email + " with role: " + role);
            return token;
            
        } catch (Exception e) {
            System.out.println("❌ Error generating JWT token: " + e.getMessage());
            throw new RuntimeException("Could not generate JWT token", e);
        }
    }

// Overloaded method without role parameter (for user login)
    public String generateToken(String email) {
        return generateToken(email, "USER");
    }

public String getEmailFromToken(String token) {
        try {
            Claims claims = Jwts.parserBuilder()
                    .setSigningKey(jwtSecret)
                    .build()
                    .parseClaimsJws(token)
                    .getBody();
            
            return claims.getSubject();
        } catch (Exception e) {
            System.out.println("❌ Error extracting email from token: " + e.getMessage());
            return null;
        }
    }

// Add this method to fix the getUsernameFromToken error
    public String getUsernameFromToken(String token) {
        return getEmailFromToken(token);
    }

public String getRoleFromToken(String token) {
        try {
            Claims claims = Jwts.parserBuilder()
                    .setSigningKey(jwtSecret)
                    .build()
                    .parseClaimsJws(token)
                    .getBody();
            
            return claims.get("role", String.class);
        } catch (Exception e) {
            System.out.println("❌ Error extracting role from token: " + e.getMessage());
            return null;
        }
    }

public boolean validateToken(String token) {
        try {
            Jwts.parserBuilder()
                    .setSigningKey(jwtSecret)
                    .build()
                    .parseClaimsJws(token);
            return true;
        } catch (JwtException | IllegalArgumentException e) {
            System.out.println("❌ Invalid JWT token: " + e.getMessage());
            return false;
        }
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/service/AuthService.java" isEdit="true" isMerged="true"
package com.pgmanagement.service;

import com.pgmanagement.dto.LoginRequest;
import com.pgmanagement.dto.LoginResponse;
import com.pgmanagement.model.User;
import com.pgmanagement.repository.UserRepository;
import com.pgmanagement.security.JwtTokenProvider;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.crypto.password.PasswordEncoder;
import org.springframework.stereotype.Service;

import java.util.Optional;

@Service
public class AuthService {

@Autowired
    private UserRepository userRepository;

@Autowired
    private PasswordEncoder passwordEncoder;

@Autowired
    private JwtTokenProvider jwtTokenProvider;

public LoginResponse login(LoginRequest loginRequest) {
        try {
            System.out.println("🔐 User login attempt for: " + loginRequest.getEmail());
            
            Optional<User> userOpt = userRepository.findByEmail(loginRequest.getEmail());
            
            if (userOpt.isPresent()) {
                User user = userOpt.get();
                if (passwordEncoder.matches(loginRequest.getPassword(), user.getPassword())) {
                    // Use the overloaded method without role parameter
                    String token = jwtTokenProvider.generateToken(user.getEmail());
                    System.out.println("✅ User login successful");
                    return new LoginResponse(token, user.getName(), user.getEmail());
                }
            }
            
            System.out.println("❌ Invalid credentials");
            throw new RuntimeException("Invalid credentials");
            
        } catch (Exception e) {
            System.out.println("❌ Login error: " + e.getMessage());
            throw new RuntimeException("Login failed: " + e.getMessage());
        }
    }

public boolean verifyToken(String token) {
        try {
            return jwtTokenProvider.validateToken(token);
        } catch (Exception e) {
            return false;
        }
    }

public String getUserEmailFromToken(String token) {
        return jwtTokenProvider.getUsernameFromToken(token);
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/model/Subscription.java" isEdit="true"
package com.pgmanagement.model;

import jakarta.persistence.*;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.AllArgsConstructor;
import java.time.LocalDateTime;

@Entity
@Table(name = "subscriptions")
@Data
@NoArgsConstructor
@AllArgsConstructor
public class Subscription {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;

@ManyToOne(fetch = FetchType.LAZY)
    @JoinColumn(name = "user_id", nullable = false)
    private User user;

@Column(name = "plan_name")
    private String planName = "Basic Plan";

@Column(name = "start_date", nullable = false)
    private LocalDateTime startDate;

@Column(name = "end_date", nullable = false)
    private LocalDateTime endDate;

@Column(name = "is_active", nullable = false)
    private Boolean isActive = true;

@Column(name = "created_at")
    private LocalDateTime createdAt;

@Column(name = "updated_at")
    private LocalDateTime updatedAt;

@PrePersist
    protected void onCreate() {
        createdAt = LocalDateTime.now();
        updatedAt = LocalDateTime.now();
    }

@PreUpdate
    protected void onUpdate() {
        updatedAt = LocalDateTime.now();
    }

// Helper methods
    public Long getUserId() {
        return user != null ? user.getId() : null;
    }

public void setUserId(Long userId) {
        if (user == null) {
            user = new User();
        }
        user.setId(userId);
    }

public boolean isExpired() {
        return endDate.isBefore(LocalDateTime.now());
    }

public long getDaysRemaining() {
        if (isExpired()) {
            return 0;
        }
        return java.time.Duration.between(LocalDateTime.now(), endDate).toDays();
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/repository/SubscriptionRepository.java" isEdit="true"
package com.pgmanagement.repository;

import com.pgmanagement.model.Subscription;
import com.pgmanagement.model.User;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.Pageable;
import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.data.jpa.repository.Query;
import org.springframework.data.repository.query.Param;
import org.springframework.stereotype.Repository;

import java.time.LocalDateTime;
import java.util.List;
import java.util.Optional;

@Repository
public interface SubscriptionRepository extends JpaRepository<Subscription, Long> {
    
    // Find by user
    List<Subscription> findByUser(User user);
    
    @Query("SELECT s FROM Subscription s WHERE s.user.id = :userId")
    List<Subscription> findByUserId(@Param("userId") Long userId);
    
    // Find active subscriptions
    @Query("SELECT s FROM Subscription s WHERE s.user.id = :userId AND s.isActive = true")
    List<Subscription> findActiveByUserId(@Param("userId") Long userId);
    
    @Query("SELECT s FROM Subscription s WHERE s.isActive = true")
    List<Subscription> findAllActive();
    
    // Count methods
    @Query("SELECT COUNT(s) FROM Subscription s WHERE s.user.id = :userId AND s.isActive = true")
    long countByUserIdAndIsActiveTrue(@Param("userId") Long userId);
    
    @Query("SELECT COUNT(s) FROM Subscription s WHERE s.isActive = true")
    long countByIsActiveTrue();
    
    // Find expired subscriptions
    @Query("SELECT s FROM Subscription s WHERE s.endDate < :currentDate")
    List<Subscription> findExpiringSubscriptions(@Param("currentDate") LocalDateTime currentDate);
    
    // Advanced search with pagination
    @Query("SELECT s FROM Subscription s WHERE " +
           "(:search IS NULL OR :search = '' OR " +
           "LOWER(s.user.name) LIKE LOWER(CONCAT('%', :search, '%')) OR " +
           "LOWER(s.user.email) LIKE LOWER(CONCAT('%', :search, '%')) OR " +
           "LOWER(s.planName) LIKE LOWER(CONCAT('%', :search, '%'))) AND " +
           "(:isActive IS NULL OR s.isActive = :isActive)")
    Page<Subscription> findBySearchAndStatus(@Param("search") String search, 
                                           @Param("isActive") Boolean isActive, 
                                           Pageable pageable);
    
    // Find by user email
    @Query("SELECT s FROM Subscription s WHERE s.user.email = :email")
    List<Subscription> findByUserEmail(@Param("email") String email);
    
    // Check if user has active subscription
    @Query("SELECT CASE WHEN COUNT(s) > 0 THEN true ELSE false END FROM Subscription s WHERE s.user.id = :userId AND s.isActive = true AND s.endDate > :currentDate")
    boolean hasActiveSubscription(@Param("userId") Long userId, @Param("currentDate") LocalDateTime currentDate);
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/LoginResponse.java" isEdit="true"
package com.pgmanagement.dto;

import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.AllArgsConstructor;

@Data
@NoArgsConstructor
@AllArgsConstructor
public class LoginResponse {
    private boolean success;
    private String message;
    private String token;
    private String name;
    private String email;

// Constructor for successful login
    public LoginResponse(String token, String name, String email) {
        this.success = true;
        this.message = "Login successful";
        this.token = token;
        this.name = name;
        this.email = email;
    }

// Constructor for failed login
    public LoginResponse(boolean success, String message) {
        this.success = success;
        this.message = message;
        this.token = null;
        this.name = null;
        this.email = null;
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/CreateUserRequest.java" isEdit="true"
package com.pgmanagement.dto;

import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.AllArgsConstructor;
import jakarta.validation.constraints.Email;
import jakarta.validation.constraints.NotBlank;
import jakarta.validation.constraints.Size;

@Data
@NoArgsConstructor
@AllArgsConstructor
public class CreateUserRequest {
    @NotBlank(message = "Name is required")
    @Size(min = 2, max = 100, message = "Name must be between 2 and 100 characters")
    private String name;

@NotBlank(message = "Email is required")
    @Email(message = "Please provide a valid email address")
    private String email;

@NotBlank(message = "Password is required")
    @Size(min = 6, message = "Password must be at least 6 characters long")
    private String password;

@Size(max = 15, message = "Phone number must not exceed 15 characters")
    private String phone;

@Size(max = 500, message = "Address must not exceed 500 characters")
    private String address;
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/UserManagementResponse.java" isEdit="true"
package com.pgmanagement.dto;

import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.AllArgsConstructor;
import lombok.Builder;
import java.time.LocalDateTime;

@Data
@NoArgsConstructor
@AllArgsConstructor
@Builder
public class UserManagementResponse {
    private Long id;
    private String name;
    private String email;
    private String phone;
    private String address;
    private LocalDateTime createdAt;
    private LocalDateTime updatedAt;
    private boolean hasActiveSubscription;
    private int subscriptionCount;
    private LocalDateTime lastLoginAt;
    private String status;

// Constructor for basic user info
    public UserManagementResponse(Long id, String name, String email, String phone, String address, LocalDateTime createdAt) {
        this.id = id;
        this.name = name;
        this.email = email;
        this.phone = phone;
        this.address = address;
        this.createdAt = createdAt;
        this.hasActiveSubscription = false;
        this.subscriptionCount = 0;
        this.status = "Active";
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/SubscriptionRequest.java" isEdit="true"
package com.pgmanagement.dto;

import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.AllArgsConstructor;
import jakarta.validation.constraints.NotBlank;
import jakarta.validation.constraints.NotNull;
import jakarta.validation.constraints.Email;
import java.time.LocalDateTime;

@Data
@NoArgsConstructor
@AllArgsConstructor
public class SubscriptionRequest {
    @NotBlank(message = "User email is required")
    @Email(message = "Please provide a valid email address")
    private String userEmail;

private String planName = "Basic Plan";

@NotNull(message = "Start date is required")
    private LocalDateTime startDate;

@NotNull(message = "End date is required")
    private LocalDateTime endDate;

private Boolean isActive = true;
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/dto/SubscriptionResponse.java" isEdit="true"
package com.pgmanagement.dto;

import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.AllArgsConstructor;
import lombok.Builder;
import java.time.LocalDateTime;

@Data
@NoArgsConstructor
@AllArgsConstructor
@Builder
public class SubscriptionResponse {
    private Long id;
    private String userName;
    private String userEmail;
    private String planName;
    private LocalDateTime startDate;
    private LocalDateTime endDate;
    private Boolean isActive;
    private Boolean isExpired;
    private Long daysRemaining;
    private LocalDateTime createdAt;
    private LocalDateTime updatedAt;

// Helper method to check if subscription is expired
    public Boolean getIsExpired() {
        return endDate != null && endDate.isBefore(LocalDateTime.now());
    }

// Helper method to calculate days remaining
    public Long getDaysRemaining() {
        if (getIsExpired()) {
            return 0L;
        }
        return java.time.Duration.between(LocalDateTime.now(), endDate).toDays();
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/service/AdminUserService.java" isEdit="true"
package com.pgmanagement.service;

import com.pgmanagement.dto.CreateUserRequest;
import com.pgmanagement.dto.UserManagementResponse;
import com.pgmanagement.model.User;
import com.pgmanagement.repository.UserRepository;
import com.pgmanagement.repository.SubscriptionRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.PageRequest;
import org.springframework.data.domain.Pageable;
import org.springframework.data.domain.Sort;
import org.springframework.security.crypto.password.PasswordEncoder;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import java.time.LocalDateTime;
import java.util.List;
import java.util.stream.Collectors;

@Service
@Transactional
public class AdminUserService {

@Autowired
    private UserRepository userRepository;

@Autowired
    private SubscriptionRepository subscriptionRepository;

@Autowired
    private PasswordEncoder passwordEncoder;

public List<UserManagementResponse> getAllUsers() {
        List<User> users = userRepository.findAll();
        return users.stream()
                .map(this::convertToUserManagementResponse)
                .collect(Collectors.toList());
    }

public Page<UserManagementResponse> getUsersWithPagination(int page, int size, String sortBy, String sortDir, String search) {
        Sort sort = sortDir.equalsIgnoreCase("desc") ? 
                   Sort.by(sortBy).descending() : 
                   Sort.by(sortBy).ascending();
        
        Pageable pageable = PageRequest.of(page, size, sort);
        
        Page<User> userPage;
        if (search != null && !search.trim().isEmpty()) {
            userPage = userRepository.findByNameContainingIgnoreCaseOrEmailContainingIgnoreCase(
                search.trim(), search.trim(), pageable);
        } else {
            userPage = userRepository.findAll(pageable);
        }
        
        return userPage.map(this::convertToUserManagementResponse);
    }

public Page<UserManagementResponse> getUsers(String search, int page, int size) {
        return getUsersWithPagination(page, size, "id", "asc", search);
    }

public UserManagementResponse getUserById(Long id) {
        User user = userRepository.findById(id)
                .orElseThrow(() -> new RuntimeException("User not found with id: " + id));
        return convertToUserManagementResponse(user);
    }

public UserManagementResponse createUser(CreateUserRequest request) {
        // Check if user already exists
        if (userRepository.findByEmail(request.getEmail()).isPresent()) {
            throw new RuntimeException("User with email " + request.getEmail() + " already exists");
        }

User user = new User();
        user.setName(request.getName());
        user.setEmail(request.getEmail());
        user.setPassword(passwordEncoder.encode(request.getPassword()));
        user.setPhone(request.getPhone());
        user.setAddress(request.getAddress());
        user.setCreatedAt(LocalDateTime.now());
        user.setUpdatedAt(LocalDateTime.now());

User savedUser = userRepository.save(user);
        return convertToUserManagementResponse(savedUser);
    }

public UserManagementResponse updateUser(Long id, CreateUserRequest request) {
        User user = userRepository.findById(id)
                .orElseThrow(() -> new RuntimeException("User not found with id: " + id));

// Check if email is being changed and if it already exists
        if (!user.getEmail().equals(request.getEmail())) {
            if (userRepository.findByEmail(request.getEmail()).isPresent()) {
                throw new RuntimeException("User with email " + request.getEmail() + " already exists");
            }
        }

user.setName(request.getName());
        user.setEmail(request.getEmail());
        user.setPhone(request.getPhone());
        user.setAddress(request.getAddress());
        user.setUpdatedAt(LocalDateTime.now());

// Only update password if provided
        if (request.getPassword() != null && !request.getPassword().trim().isEmpty()) {
            user.setPassword(passwordEncoder.encode(request.getPassword()));
        }

User updatedUser = userRepository.save(user);
        return convertToUserManagementResponse(updatedUser);
    }

public void deleteUser(Long id) {
        User user = userRepository.findById(id)
                .orElseThrow(() -> new RuntimeException("User not found with id: " + id));
        
        // You might want to handle subscriptions before deleting user
        userRepository.delete(user);
    }

public UserManagementResponse findByUserId(Long userId) {
        return getUserById(userId);
    }

private UserManagementResponse convertToUserManagementResponse(User user) {
        boolean hasActiveSubscription = subscriptionRepository.hasActiveSubscription(user.getId(), LocalDateTime.now());
        int subscriptionCount = subscriptionRepository.findByUserId(user.getId()).size();

return UserManagementResponse.builder()
                .id(user.getId())
                .name(user.getName())
                .email(user.getEmail())
                .phone(user.getPhone())
                .address(user.getAddress())
                .createdAt(user.getCreatedAt())
                .updatedAt(user.getUpdatedAt())
                .hasActiveSubscription(hasActiveSubscription)
                .subscriptionCount(subscriptionCount)
                .status("Active")
                .build();
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/controller/AdminUserController.java" isEdit="true"
package com.pgmanagement.controller;

import com.pgmanagement.dto.CreateUserRequest;
import com.pgmanagement.dto.UserManagementResponse;
import com.pgmanagement.service.AdminUserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.domain.Page;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.*;
import jakarta.validation.Valid;

import java.util.List;

@RestController
@RequestMapping("/api/admin/users")
@CrossOrigin(origins = "*")
public class AdminUserController {

@Autowired
    private AdminUserService adminUserService;

@GetMapping
    public ResponseEntity<Page<UserManagementResponse>> getAllUsers(
            @RequestParam(defaultValue = "0") int page,
            @RequestParam(defaultValue = "10") int size,
            @RequestParam(required = false) String search) {
        try {
            Page<UserManagementResponse> users = adminUserService.getUsers(search, page, size);
            return ResponseEntity.ok(users);
        } catch (Exception e) {
            return ResponseEntity.badRequest().build();
        }
    }

@GetMapping("/all")
    public ResponseEntity<List<UserManagementResponse>> getAllUsersList() {
        try {
            List<UserManagementResponse> users = adminUserService.getAllUsers();
            return ResponseEntity.ok(users);
        } catch (Exception e) {
            return ResponseEntity.badRequest().build();
        }
    }

@GetMapping("/paginated")
    public ResponseEntity<Page<UserManagementResponse>> getUsersWithPagination(
            @RequestParam(defaultValue = "0") int page,
            @RequestParam(defaultValue = "10") int size,
            @RequestParam(defaultValue = "id") String sortBy,
            @RequestParam(defaultValue = "asc") String sortDir,
            @RequestParam(required = false) String search) {
        try {
            Page<UserManagementResponse> users = adminUserService.getUsersWithPagination(
                page, size, sortBy, sortDir, search);
            return ResponseEntity.ok(users);
        } catch (Exception e) {
            return ResponseEntity.badRequest().build();
        }
    }

@PostMapping
    public ResponseEntity<UserManagementResponse> createUser(@Valid @RequestBody CreateUserRequest request) {
        try {
            UserManagementResponse user = adminUserService.createUser(request);
            return ResponseEntity.ok(user);
        } catch (Exception e) {
            return ResponseEntity.badRequest().build();
        }
    }

@PutMapping("/{id}")
    public ResponseEntity<UserManagementResponse> updateUser(
            @PathVariable Long id, 
            @Valid @RequestBody CreateUserRequest request) {
        try {
            UserManagementResponse user = adminUserService.updateUser(id, request);
            return ResponseEntity.ok(user);
        } catch (Exception e) {
            return ResponseEntity.badRequest().build();
        }
    }

@DeleteMapping("/{id}")
    public ResponseEntity<Void> deleteUser(@PathVariable Long id) {
        try {
            adminUserService.deleteUser(id);
            return ResponseEntity.ok().build();
        } catch (Exception e) {
            return ResponseEntity.badRequest().build();
        }
    }

@GetMapping("/{id}")
    public ResponseEntity<UserManagementResponse> getUserById(@PathVariable Long id) {
        try {
            UserManagementResponse user = adminUserService.getUserById(id);
            return ResponseEntity.ok(user);
        } catch (Exception e) {
            return ResponseEntity.badRequest().build();
        }
    }
}
[V0_FILE]java:file="src/main/java/com/pgmanagement/controller/AuthController.java" isEdit="true"
package com.pgmanagement.controller;

import com.pgmanagement.dto.LoginRequest;
import com.pgmanagement.dto.LoginResponse;
import com.pgmanagement.service.AuthService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/api/auth")
@CrossOrigin(origins = "*")
public class AuthController {

@Autowired
    private AuthService authService;

@PostMapping("/login")
    public ResponseEntity<LoginResponse> login(@RequestBody LoginRequest loginRequest) {
        try {
            LoginResponse response = authService.login(loginRequest);
            return ResponseEntity.ok(response);
        } catch (Exception e) {
            return ResponseEntity.badRequest()
                    .body(new LoginResponse(false, e.getMessage(), null, null, null));
        }
    }

@GetMapping("/verify")
    public ResponseEntity<LoginResponse> verifyToken(@RequestHeader("Authorization") String token) {
        try {
            boolean isValid = authService.verifyToken(token.replace("Bearer ", ""));
            if (isValid) {
                return ResponseEntity.ok(new LoginResponse(true, "Token is valid", null, null, null));
            } else {
                return ResponseEntity.badRequest()
                        .body(new LoginResponse(false, "Invalid token", null, null, null));
            }
        } catch (Exception e) {
            return ResponseEntity.badRequest()
                    .body(new LoginResponse(false, e.getMessage(), null, null, null));
        }
    }
}
[V0_FILE]javascriptreact:file="src/components/admin/UserManagement.jsx" isEdit="true"
"use client"

import { useState, useEffect } from "react"

const UserManagement = () => {
  const [users, setUsers] = useState([])
  const [loading, setLoading] = useState(false)
  const [currentPage, setCurrentPage] = useState(0)
  const [totalPages, setTotalPages] = useState(0)
  const [totalElements, setTotalElements] = useState(0)
  const [searchTerm, setSearchTerm] = useState("")
  const [showCreateModal, setShowCreateModal] = useState(false)
  const [showEditModal, setShowEditModal] = useState(false)
  const [selectedUser, setSelectedUser] = useState(null)
  const [formData, setFormData] = useState({
    name: "",
    email: "",
    password: "",
    phone: "",
    address: "",
  })

const API_BASE_URL = "http://localhost:8080/api/admin/users"

useEffect(() => {
    fetchUsers()
  }, [currentPage, searchTerm])

const getAuthHeaders = () => {
    const token = localStorage.getItem("adminToken")
    return {
      headers: {
        Authorization: `Bearer ${token}`,
        "Content-Type": "application/json",
      },
    }
  }

const fetchUsers = async () => {
    setLoading(true)
    try {
      const response = await fetch(`${API_BASE_URL}?page=${currentPage}&size=10&search=${searchTerm}`, getAuthHeaders())
      if (response.ok) {
        const data = await response.json()
        setUsers(data.content)
        setTotalPages(data.totalPages)
        setTotalElements(data.totalElements)
      } else {
        console.error("Failed to fetch users")
      }
    } catch (error) {
      console.error("Error fetching users:", error)
    } finally {
      setLoading(false)
    }
  }

const handleCreateUser = async (e) => {
    e.preventDefault()
    try {
      const response = await fetch(API_BASE_URL, {
        method: "POST",
        ...getAuthHeaders(),
        body: JSON.stringify(formData),
      })
      if (response.ok) {
        setShowCreateModal(false)
        resetForm()
        fetchUsers()
        alert("User created successfully!")
      } else {
        alert("Error creating user")
      }
    } catch (error) {
      console.error("Error creating user:", error)
      alert("Error creating user")
    }
  }

const handleUpdateUser = async (e) => {
    e.preventDefault()
    try {
      const response = await fetch(`${API_BASE_URL}/${selectedUser.id}`, {
        method: "PUT",
        ...getAuthHeaders(),
        body: JSON.stringify(formData),
      })
      if (response.ok) {
        setShowEditModal(false)
        resetForm()
        fetchUsers()
        alert("User updated successfully!")
      } else {
        alert("Error updating user")
      }
    } catch (error) {
      console.error("Error updating user:", error)
      alert("Error updating user")
    }
  }

const handleDeleteUser = async (userId) => {
    if (window.confirm("Are you sure you want to delete this user?")) {
      try {
        const response = await fetch(`${API_BASE_URL}/${userId}`, {
          method: "DELETE",
          ...getAuthHeaders(),
        })
        if (response.ok) {
          fetchUsers()
          alert("User deleted successfully!")
        } else {
          alert("Error deleting user")
        }
      } catch (error) {
        console.error("Error deleting user:", error)
        alert("Error deleting user")
      }
    }
  }

const resetForm = () => {
    setFormData({
      name: "",
      email: "",
      password: "",
      phone: "",
      address: "",
    })
    setSelectedUser(null)
  }

const openEditModal = (user) => {
    setSelectedUser(user)
    setFormData({
      name: user.name,
      email: user.email,
      password: "",
      phone: user.phone || "",
      address: user.address || "",
    })
    setShowEditModal(true)
  }

const handleSearch = (e) => {
    setSearchTerm(e.target.value)
    setCurrentPage(0)
  }

return (
    <div className="p-6">
      <div className="flex justify-between items-center mb-6">
        <h1 className="text-2xl font-bold text-gray-800">User Management</h1>
        <button
          onClick={() => setShowCreateModal(true)}
          className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg flex items-center gap-2"
        >
          <span>+</span>
          Add New User
        </button>
      </div>

{/* Search Bar */}
      <div className="mb-4">
        <input
          type="text"
          placeholder="Search users by name or email..."
          value={searchTerm}
          onChange={handleSearch}
          className="w-full max-w-md px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
        />
      </div>

{/* Users Table */}
      <div className="bg-white rounded-lg shadow overflow-hidden">
        <table className="min-w-full divide-y divide-gray-200">
          <thead className="bg-gray-50">
            <tr>
              <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">User</th>
              <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                Contact
              </th>
              <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                Subscription
              </th>
              <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                Created
              </th>
              <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                Actions
              </th>
            </tr>
          </thead>
          <tbody className="bg-white divide-y divide-gray-200">
            {loading ? (
              <tr>
                <td colSpan="5" className="px-6 py-4 text-center">
                  Loading...
                </td>
              </tr>
            ) : users.length === 0 ? (
              <tr>
                <td colSpan="5" className="px-6 py-4 text-center text-gray-500">
                  No users found
                </td>
              </tr>
            ) : (
              users.map((user) => (
                <tr key={user.id} className="hover:bg-gray-50">
                  <td className="px-6 py-4 whitespace-nowrap">
                    <div>
                      <div className="text-sm font-medium text-gray-900">{user.name}</div>
                      <div className="text-sm text-gray-500">{user.email}</div>
                    </div>
                  </td>
                  <td className="px-6 py-4 whitespace-nowrap">
                    <div className="text-sm text-gray-900">{user.phone || "N/A"}</div>
                    <div className="text-sm text-gray-500">{user.address || "N/A"}</div>
                  </td>
                  <td className="px-6 py-4 whitespace-nowrap">
                    <span
                      className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${
                        user.hasActiveSubscription ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"
                      }`}
                    >
                      {user.hasActiveSubscription ? "Active" : "Inactive"}
                    </span>
                    <div className="text-xs text-gray-500 mt-1">{user.subscriptionCount} subscription(s)</div>
                  </td>
                  <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                    {new Date(user.createdAt).toLocaleDateString()}
                  </td>
                  <td className="px-6 py-4 whitespace-nowrap text-sm font-medium">
                    <button onClick={() => openEditModal(user)} className="text-indigo-600 hover:text-indigo-900 mr-3">
                      Edit
                    </button>
                    <button onClick={() => handleDeleteUser(user.id)} className="text-red-600 hover:text-red-900">
                      Delete
                    </button>
                  </td>
                </tr>
              ))
            )}
          </tbody>
        </table>
      </div>

{/* Pagination */}
      {totalPages > 1 && (
        <div className="flex justify-between items-center mt-4">
          <div className="text-sm text-gray-700">
            Showing {currentPage * 10 + 1} to {Math.min((currentPage + 1) * 10, totalElements)} of {totalElements} users
          </div>
          <div className="flex space-x-2">
            <button
              onClick={() => setCurrentPage(Math.max(0, currentPage - 1))}
              disabled={currentPage === 0}
              className="px-3 py-1 border rounded disabled:opacity-50"
            >
              Previous
            </button>
            <span className="px-3 py-1">
              Page {currentPage + 1} of {totalPages}
            </span>
            <button
              onClick={() => setCurrentPage(Math.min(totalPages - 1, currentPage + 1))}
              disabled={currentPage === totalPages - 1}
              className="px-3 py-1 border rounded disabled:opacity-50"
            >
              Next
            </button>
          </div>
        </div>
      )}

{/* Create User Modal */}
      {showCreateModal && (
        <div className="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50">
          <div className="relative top-20 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white">
            <h3 className="text-lg font-bold text-gray-900 mb-4">Create New User</h3>
            <form onSubmit={handleCreateUser}>
              <div className="mb-4">
                <label className="block text-gray-700 text-sm font-bold mb-2">Name</label>
                <input
                  type="text"
                  required
                  value={formData.name}
                  onChange={(e) => setFormData({ ...formData, name: e.target.value })}
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                />
              </div>
              <div className="mb-4">
                <label className="block text-gray-700 text-sm font-bold mb-2">Email</label>
                <input
                  type="email"
                  required
                  value={formData.email}
                  onChange={(e) => setFormData({ ...formData, email: e.target.value })}
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                />
              </div>
              <div className="mb-4">
                <label className="block text-gray-700 text-sm font-bold mb-2">Password</label>
                <input
                  type="password"
                  required
                  value={formData.password}
                  onChange={(e) => setFormData({ ...formData, password: e.target.value })}
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                />
              </div>
              <div className="mb-4">
                <label className="block text-gray-700 text-sm font-bold mb-2">Phone</label>
                <input
                  type="text"
                  value={formData.phone}
                  onChange={(e) => setFormData({ ...formData, phone: e.target.value })}
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                />
              </div>
              <div className="mb-4">
                <label className="block text-gray-700 text-sm font-bold mb-2">Address</label>
                <textarea
                  value={formData.address}
                  onChange={(e) => setFormData({ ...formData, address: e.target.value })}
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                  rows="3"
                />
              </div>
              <div className="flex justify-end space-x-2">
                <button
                  type="button"
                  onClick={() => {
                    setShowCreateModal(false)
                    resetForm()
                  }}
                  className="px-4 py-2 bg-gray-300 text-gray-700 rounded-md hover:bg-gray-400"
                >
                  Cancel
                </button>
                <button type="submit" className="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600">
                  Create User
                </button>
              </div>
            </form>
          </div>
        </div>
      )}

{/* Edit User Modal */}
      {showEditModal && (
        <div className="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full z-50">
          <div className="relative top-20 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white">
            <h3 className="text-lg font-bold text-gray-900 mb-4">Edit User</h3>
            <form onSubmit={handleUpdateUser}>
              <div className="mb-4">
                <label className="block text-gray-700 text-sm font-bold mb-2">Name</label>
                <input
                  type="text"
                  required
                  value={formData.name}
                  onChange={(e) => setFormData({ ...formData, name: e.target.value })}
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                />
              </div>
              <div className="mb-4">
                <label className="block text-gray-700 text-sm font-bold mb-2">Email</label>
                <input
                  type="email"
                  required
                  value={formData.email}
                  onChange={(e) => setFormData({ ...formData, email: e.target.value })}
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                />
              </div>
              <div className="mb-4">
                <label className="block text-gray-700 text-sm font-bold mb-2">
                  Password (leave blank to keep current)
                </label>
                <input
                  type="password"
                  value={formData.password}
                  onChange={(e) => setFormData({ ...formData, password: e.target.value })}
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                />
              </div>
              <div className="mb-4">
                <label className="block text-gray-700 text-sm font-bold mb-2">Phone</label>
                <input
                  type="text"
                  value={formData.phone}
                  onChange={(e) => setFormData({ ...formData, phone: e.target.value })}
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                />
              </div>
              <div className="mb-4">
                <label className="block text-gray-700 text-sm font-bold mb-2">Address</label>
                <textarea
                  value={formData.address}
                  onChange={(e) => setFormData({ ...formData, address: e.target.value })}
                  className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
                  rows="3"
                />
              </div>
              <div className="flex justify-end space-x-2">
                <button
                  type="button"
                  onClick={() => {
                    setShowEditModal(false)
                    resetForm()
                  }}
                  className="px-4 py-2 bg-gray-300 text-gray-700 rounded-md hover:bg-gray-400"
                >
                  Cancel
                </button>
                <button type="submit" className="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600">
                  Update User
                </button>
              </div>
            </form>
          </div>
        </div>
      )}
    </div>
  )
}

export default UserManagement
[V0_FILE]javascriptreact:file="src/components/admin/AdminDashboard.jsx" isEdit="true"
"use client"

import { useState, useEffect } from "react"
import UserManagement from "./UserManagement"

const AdminDashboard = ({ admin, onLogout }) => {
  const [activeTab, setActiveTab] = useState("subscriptions")
  const [subscriptions, setSubscriptions] = useState([])
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState("")
  const [searchTerm, setSearchTerm] = useState("")
  const [statusFilter, setStatusFilter] = useState("")
  const [showCreateModal, setShowCreateModal] = useState(false)
  const [editingSubscription, setEditingSubscription] = useState(null)
  const [pagination, setPagination] = useState({
    page: 0,
    size: 10,
    totalPages: 0,
    totalElements: 0,
  })

const [formData, setFormData] = useState({
    userEmail: "",
    startDate: "",
    endDate: "",
    isActive: true,
  })

const fetchSubscriptions = async (page = 0, status = "", search = "") => {
    try {
      setLoading(true)
      const token = localStorage.getItem("adminToken")
      let url = `http://localhost:8080/api/admin/subscriptions?page=${page}&size=${pagination.size}`

if (status) url += `&status=${status}`
      if (search) url += `&search=${search}`

const response = await fetch(url, {
        headers: {
          Authorization: `Bearer ${token}`,
          "Content-Type": "application/json",
        },
        credentials: "include",
      })

if (response.ok) {
        const data = await response.json()
        setSubscriptions(data.content)
        setPagination({
          page: data.number,
          size: data.size,
          totalPages: data.totalPages,
          totalElements: data.totalElements,
        })
        setError("")
      } else {
        setError("Failed to fetch subscriptions")
      }
    } catch (err) {
      console.error("Error fetching subscriptions:", err)
      setError("Error fetching subscriptions: " + err.message)
    } finally {
      setLoading(false)
    }
  }

useEffect(() => {
    if (activeTab === "subscriptions") {
      fetchSubscriptions()
    }
  }, [activeTab])

const handleSearch = (e) => {
    e.preventDefault()
    fetchSubscriptions(0, statusFilter, searchTerm)
  }

const handleCreateSubscription = async (e) => {
    e.preventDefault()
    try {
      const token = localStorage.getItem("adminToken")
      const response = await fetch("http://localhost:8080/api/admin/subscriptions", {
        method: "POST",
        headers: {
          Authorization: `Bearer ${token}`,
          "Content-Type": "application/json",
        },
        credentials: "include",
        body: JSON.stringify(formData),
      })

if (response.ok) {
        alert("Subscription created successfully!")
        setShowCreateModal(false)
        setFormData({ userEmail: "", startDate: "", endDate: "", isActive: true })
        fetchSubscriptions()
      } else {
        const errorText = await response.text()
        alert("Error creating subscription: " + errorText)
      }
    } catch (err) {
      alert("Error creating subscription: " + err.message)
    }
  }

const handleToggleStatus = async (subscriptionId) => {
    try {
      const token = localStorage.getItem("adminToken")
      const response = await fetch(`http://localhost:8080/api/admin/subscriptions/${subscriptionId}/toggle-status`, {
        method: "PATCH",
        headers: {
          Authorization: `Bearer ${token}`,
          "Content-Type": "application/json",
        },
        credentials: "include",
      })

if (response.ok) {
        fetchSubscriptions(pagination.page, statusFilter, searchTerm)
      } else {
        alert("Error toggling subscription status")
      }
    } catch (err) {
      alert("Error toggling subscription status: " + err.message)
    }
  }

const handleDeleteSubscription = async (subscriptionId) => {
    if (window.confirm("Are you sure you want to delete this subscription?")) {
      try {
        const token = localStorage.getItem("adminToken")
        const response = await fetch(`http://localhost:8080/api/admin/subscriptions/${subscriptionId}`, {
          method: "DELETE",
          headers: {
            Authorization: `Bearer ${token}`,
            "Content-Type": "application/json",
          },
          credentials: "include",
        })

if (response.ok) {
          alert("Subscription deleted successfully!")
          fetchSubscriptions()
        } else {
          alert("Error deleting subscription")
        }
      } catch (err) {
        alert("Error deleting subscription: " + err.message)
      }
    }
  }

const renderSubscriptions = () => (
    <div>
      <div className="flex justify-between items-center mb-6">
        <h2 className="text-xl font-semibold">Subscription Management</h2>
        <button
          onClick={() => setShowCreateModal(true)}
          className="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700"
        >
          + New Subscription
        </button>
      </div>

{/* Search and Filter */}
      <form onSubmit={handleSearch} className="mb-6">
        <div className="flex gap-2">
          <input
            type="text"
            placeholder="Search by user name or email..."
            value={searchTerm}
            onChange={(e) => setSearchTerm(e.target.value)}
            className="flex-1 px-3 py-2 border rounded"
          />
          <select
            value={statusFilter}
            onChange={(e) => setStatusFilter(e.target.value)}
            className="px-3 py-2 border rounded"
          >
            <option value="">All Status</option>
            <option value="true">Active</option>
            <option value="false">Inactive</option>
          </select>
          <button type="submit" className="bg-gray-600 text-white px-4 py-2 rounded hover:bg-gray-700">
            Search
          </button>
        </div>
      </form>

{error && <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">{error}</div>}

{loading ? (
        <div className="text-center py-4">Loading subscriptions...</div>
      ) : (
        <>
          {/* Subscriptions Table */}
          <div className="bg-white rounded-lg shadow overflow-hidden">
            <table className="min-w-full">
              <thead className="bg-gray-50">
                <tr>
                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">User</th>
                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Duration</th>
                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Status</th>
                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Days Left</th>
                  <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Actions</th>
                </tr>
              </thead>
              <tbody className="divide-y divide-gray-200">
                {subscriptions.map((subscription) => (
                  <tr key={subscription.id}>
                    <td className="px-6 py-4 whitespace-nowrap">
                      <div>
                        <div className="font-medium">{subscription.userName}</div>
                        <div className="text-sm text-gray-500">{subscription.userEmail}</div>
                      </div>
                    </td>
                    <td className="px-6 py-4 whitespace-nowrap">
                      <div className="text-sm">
                        {new Date(subscription.startDate).toLocaleDateString()} -{" "}
                        {new Date(subscription.endDate).toLocaleDateString()}
                      </div>
                    </td>
                    <td className="px-6 py-4 whitespace-nowrap">
                      <span
                        className={`px-2 py-1 text-xs rounded-full ${
                          subscription.isActive
                            ? subscription.isExpired
                              ? "bg-red-100 text-red-800"
                              : "bg-green-100 text-green-800"
                            : "bg-gray-100 text-gray-800"
                        }`}
                      >
                        {subscription.isActive ? (subscription.isExpired ? "Expired" : "Active") : "Inactive"}
                      </span>
                    </td>
                    <td className="px-6 py-4 whitespace-nowrap">
                      {subscription.daysRemaining > 0 ? subscription.daysRemaining : 0} days
                    </td>
                    <td className="px-6 py-4 whitespace-nowrap">
                      <button
                        onClick={() => handleToggleStatus(subscription.id)}
                        className="text-blue-600 hover:text-blue-900 mr-3"
                      >
                        {subscription.isActive ? "Deactivate" : "Activate"}
                      </button>
                      <button
                        onClick={() => handleDeleteSubscription(subscription.id)}
                        className="text-red-600 hover:text-red-900"
                      >
                        Delete
                      </button>
                    </td>
                  </tr>
                ))}
              </tbody>
            </table>
          </div>

{/* Pagination */}
          <div className="mt-4 flex justify-between items-center">
            <div>
              Showing {pagination.page * pagination.size + 1} to{" "}
              {Math.min((pagination.page + 1) * pagination.size, pagination.totalElements)} of{" "}
              {pagination.totalElements} subscriptions
            </div>
            <div className="flex gap-2">
              <button
                onClick={() => fetchSubscriptions(pagination.page - 1, statusFilter, searchTerm)}
                disabled={pagination.page === 0}
                className="px-3 py-1 border rounded disabled:opacity-50"
              >
                Previous
              </button>
              <button
                onClick={() => fetchSubscriptions(pagination.page + 1, statusFilter, searchTerm)}
                disabled={pagination.page >= pagination.totalPages - 1}
                className="px-3 py-1 border rounded disabled:opacity-50"
              >
                Next
              </button>
            </div>
          </div>
        </>
      )}

{/* Create Subscription Modal */}
      {showCreateModal && (
        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
          <div className="bg-white p-6 rounded-lg w-96">
            <h2 className="text-xl font-bold mb-4">Create New Subscription</h2>
            <form onSubmit={handleCreateSubscription}>
              <div className="mb-4">
                <label className="block text-sm font-medium mb-2">User Email</label>
                <input
                  type="email"
                  required
                  value={formData.userEmail}
                  onChange={(e) => setFormData({ ...formData, userEmail: e.target.value })}
                  className="w-full px-3 py-2 border rounded"
                  placeholder="Enter user email"
                />
              </div>
              <div className="mb-4">
                <label className="block text-sm font-medium mb-2">Start Date</label>
                <input
                  type="datetime-local"
                  required
                  value={formData.startDate}
                  onChange={(e) => setFormData({ ...formData, startDate: e.target.value })}
                  className="w-full px-3 py-2 border rounded"
                />
              </div>
              <div className="mb-4">
                <label className="block text-sm font-medium mb-2">End Date</label>
                <input
                  type="datetime-local"
                  required
                  value={formData.endDate}
                  onChange={(e) => setFormData({ ...formData, endDate: e.target.value })}
                  className="w-full px-3 py-2 border rounded"
                />
              </div>
              <div className="mb-4">
                <label className="flex items-center">
                  <input
                    type="checkbox"
                    checked={formData.isActive}
                    onChange={(e) => setFormData({ ...formData, isActive: e.target.checked })}
                    className="mr-2"
                  />
                  Active Subscription
                </label>
              </div>
              <div className="flex justify-end gap-2">
                <button
                  type="button"
                  onClick={() => {
                    setShowCreateModal(false)
                    setFormData({ userEmail: "", startDate: "", endDate: "", isActive: true })
                  }}
                  className="px-4 py-2 border rounded hover:bg-gray-50"
                >
                  Cancel
                </button>
                <button type="submit" className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
                  Create Subscription
                </button>
              </div>
            </form>
          </div>
        </div>
      )}
    </div>
  )

return (
    <div className="min-h-screen bg-gray-100">
      {/* Header */}
      <header className="bg-white shadow">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between items-center py-6">
            <div className="flex items-center">
              <div className="flex-shrink-0">
                <div className="w-8 h-8 bg-purple-600 rounded-lg flex items-center justify-center">
                  <span className="text-white font-bold">P</span>
                </div>
              </div>
              <div className="ml-4">
                <h1 className="text-xl font-semibold text-gray-900">PG Management Admin</h1>
                <p className="text-sm text-gray-500">Admin Portal</p>
              </div>
            </div>
            <div className="flex items-center space-x-4">
              <span className="text-gray-700">Welcome, {admin.name}</span>
              <span className="text-gray-500">Super Admin</span>
              <button onClick={onLogout} className="bg-red-600 text-white px-4 py-2 rounded hover:bg-red-700">
                Logout
              </button>
            </div>
          </div>
        </div>
      </header>

{/* Navigation Tabs */}
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="border-b border-gray-200">
          <nav className="-mb-px flex space-x-8">
            <button
              onClick={() => setActiveTab("subscriptions")}
              className={`py-2 px-1 border-b-2 font-medium text-sm ${
                activeTab === "subscriptions"
                  ? "border-blue-500 text-blue-600"
                  : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
              }`}
            >
              Subscriptions
            </button>
            <button
              onClick={() => setActiveTab("users")}
              className={`py-2 px-1 border-b-2 font-medium text-sm ${
                activeTab === "users"
                  ? "border-blue-500 text-blue-600"
                  : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
              }`}
            >
              User Management
            </button>
          </nav>
        </div>
      </div>

{/* Main Content */}
      <main className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
        <div className="px-4 py-6 sm:px-0">
          {activeTab === "subscriptions" && renderSubscriptions()}
          {activeTab === "users" && <UserManagement />}
        </div>
      </main>
    </div>
  )
}

export default AdminDashboard</article></body></html>