/* eslint-disable @typescript-eslint/no-explicit-any */
import styles from "./admin-home.module.scss"
import AdminLayout from "@/layouts/admin-layout"
import MemberWelcome from "@/components/members/member-welcome"
import AnalyticsSummaryBanner from "@/components/dashboard/analytics-summary"
import AdminAnalyticsWrapper from "@/components/admin/admin-analytics-wrapper"
import Todos from "@/components/dashboard/todos"
// import { usePage } from "@inertiajs/react"
import ContactSupport from "@/components/dashboard/contact-support"
import Suggestions from "@/components/dashboard/suggestions"

import AdminBranchesOverview from "@/components/admin/admin-branches-overview"
import AdminProjectsOverview from "@/components/admin/admin-projects-overview"
import AdminRecentTransactions from "@/components/admin/admin-recent-transactions"

const AdminHome = ({ branches, projects }: any) => {
  // const { props } = usePage(); // Get all shared Inertia props
  // const { auth, branch_id } = props as any;

  // console.log("Active branch ID:", branch_id);
  // console.log("Active branch details:", auth?.active_branch);
  
  return (
    <div className={ styles["home"] }>
      <div className={ styles["home__content"] }>
        <MemberWelcome />
        <AnalyticsSummaryBanner path="/admin/finance" />
        <Todos />
        <AdminAnalyticsWrapper />
        <AdminBranchesOverview branches={branches} />
        <AdminProjectsOverview projects={projects}/>
        <AdminRecentTransactions />
      </div>

      <div className={ styles["home__right"] }>
        <ContactSupport />
        <Suggestions />
      </div>
    </div>
  )
}

AdminHome.layout = (page: any) => <AdminLayout title={"Admin dashboard overview"} children={page} />

export default AdminHome