'use client'

import { useState } from 'react'
import { useSession } from 'next-auth/react'

export default function ResourcesPage() {
  const { data: session, status } = useSession()

  if (status === 'loading') {
    return <div>Loading...</div>
  }

  if (status === 'unauthenticated') {
    return <div>Please sign in</div>
  }

  return (
    <div className="container mx-auto p-6">
      <h1 className="text-3xl font-bold mb-6">Resource Inventory</h1>
      <p className="text-muted-foreground mb-4">
        Unified view of all resources across Proxmox, Kubernetes, and Cloudflare
      </p>
      {/* Resource inventory UI will be implemented here */}
      <div className="border rounded-lg p-4">
        <p className="text-sm text-muted-foreground">Resource inventory table coming soon</p>
      </div>
    </div>
  )
}

