"use client";

import { useEffect, useState } from "react";
import { useRouter } from "next/navigation";
import Header from "../layout/Header";
import Footer from "../layout/Footer";
import AstrologerList from "./AstrologerList";
import { getAstrologers } from "../../lib/auth";
import { getActiveConsultation } from "../../lib/consultation";

const ASTROLOGER_REFRESH_MS = 60000;

export default function Dashboard() {
  const router = useRouter();

  const [user, setUser] = useState<any>(null);
  const [loading, setLoading] = useState(true);
  const [astrologers, setAstrologers] = useState<any[]>([]);
  useEffect(() => {
    loadData();
  }, []);

  // Re-fetch the list every minute (and the moment the tab becomes
  // visible again) so an astrologer who comes online/goes busy shows
  // up without a manual refresh. Silent: no loading state, and a
  // failed refresh just keeps the list already on screen.
  useEffect(() => {
    const refresh = async () => {
      if (document.hidden) return;

      const token = localStorage.getItem("token");
      if (!token) return;

      try {
        const response = await getAstrologers(token);

        if (response.status === 200 && Array.isArray(response.recordList)) {
          setAstrologers(response.recordList);
        }
      } catch {
        // keep the current list
      }
    };

    const interval = setInterval(refresh, ASTROLOGER_REFRESH_MS);
    document.addEventListener("visibilitychange", refresh);

    return () => {
      clearInterval(interval);
      document.removeEventListener("visibilitychange", refresh);
    };
  }, []);

  const loadData = async () => {
    const token = localStorage.getItem("token");

    const savedUser = JSON.parse(
      localStorage.getItem("user") || "{}"
    );

    if (!token) {
      router.push("/signin");
      return;
    }

    setUser(savedUser);

    // Lets an app killed/refreshed mid-session rejoin instead of
    // showing the astrologer list and letting a second one start.
    const active = await getActiveConsultation();

    if (active.success && active.data?.has_active) {
      router.replace(`/consultation/${active.data.consultation_id}`);
      return;
    }

    try {
      const response = await getAstrologers(token);

      if (response.status === 200) {
        setAstrologers(response.recordList);
      }
    } catch (err) {
      console.log(err);
    }

    setLoading(false);
  };

  if (loading) {
    return (
      <div className="dashboard-section text-center">
        <h5>Loading Astrologers...</h5>
      </div>
    );
  }

  return (
    <>
      <section className="dashboard-section">
        <div className="container">
          <div className="row">
            <div className="col-lg-12">
              <div className="d-flex flex-column justify-content-between align-items-center mb-5 text-center">
                <h1>Chat with Astrologer</h1>
                <p>Chat with an astrologer to get instant solutions to all your astrology needs. Be it personal life issues or professional life challenges, AstroEye has got you covered. Avail 24*7 online chat service from the comfort of your house, provided by over 2,000+ expert astrologers. What’s more, all your information will be kept confidential. Try now!</p>
              </div>
              <div className="mt-4">
                <AstrologerList astrologers={astrologers} />
              </div>
              <div className="mt-5 description-chat-astrologer">
                <h2>
                  Chat With Astrologer Online - Free Chat 24*7
                </h2>
                <p>Seeking immediate relief from your problems? Chat with an astrologer on AstroEye for free. This is a text-based guidance that can be availed 24*7. Be it marriage issues or career troubles, the free astrology chat will be your quick fix.</p>
                <h2>
                  Why Chat With An Astrologer Instead Of Calling?
                </h2>
                <p>Free chat consultation provides a level of ease that many people don’t find in phone calls.&nbsp; You can chat with an astrologer discreetly from the comfort of your house or even at your workplace without the fear of being overheard. What’s more is that you get to keep a written record of all your predictions and remedies that you can revisit whenever you want. It is a stress-free private astrology consultation option for those with speaking difficulties or people trying to avoid background noise.</p>
                <h2>
                  Chat With Astrologer For Any Life Problem
                </h2>
                <p>Looking for your soulmate, a perfect job, financial success, or a healthy life? All this and more can be achieved with the Chat with Astrologer online service.</p>
                <h3>
                  Chat With An Astrologer For Love And Relationship
                </h3>
                <p>Chat with an astrologer for love advice, relationship guidance, and to find the ‘perfect one.’ Restore harmony in your relationship with free chat.</p>
                <h3>
                  Chat With An Astrologer For Marriage And Kundli Matching
                </h3>
                <p>Planning to tie the knot? Avail the Kundli Matching chat to find your life partner. Check your compatibility with just one chat with an expert astrologer. </p>
                <h3>
                  Chat With An Astrologer For Career And Job Issues
                </h3>
                <p>Career astrology chat can help you out of a professional rut. Chat now and find the right time to start a new job or business, or know the exact time of promotion.</p>
                <h3>
                  Chat With An Astrologer For Financial Guidance
                </h3>
                <p>Confused about where to invest your money or struggling to save up for the future? Financial astrology chat is all you need. Start chat now!</p>
                <h3>
                  Chat With An Astrologer For Health Problems
                </h3>
                <p>Health astrology chat will help you understand how the planets affect your general well-being. Take a medical astrology consultation and start your fitness journey today.</p>
                <h2>
                  How To Chat With An Astrologer On AstroEye?
                </h2>
                <p>Chat with an astrologer online for quick solutions to your problems. How? In four simple steps, and in under a minute, you can set up your account and start chatting. Follow these steps:</p>
                <ul>
                  <li>Sign up or log in to your AstroEye account</li>
                  <li>Browse verified astrologers by their expertise, review, rating, or language</li>
                  <li>Select your astrologer and start your free online astrology consultation</li>
                  <li>Get a personalised consultation and save it for future reference as well</li>
                </ul>
                <h2>
                  Why AstroEye is India’s #1 Platform To Chat With Astrologers?
                </h2>
                <p>With 48,000+ verified astrologers on the platform, AstroEye is committed to providing top-notch services to its customers. All astrologers go through a rigorous screening process in 3 steps. Our online chat option is available 24*7 in 13 regional languages. This ensures that you always find the right astrologer you can chat with without any language barrier. Our average response time is 12 seconds, and we provide end-to-end encrypted, 100% confidential chat support. The 4.8-star rating on App Store has made AstroEye the best astrology chat app in India.</p>
                <h2>
                  What To Expect During An Astrology Chat Consultation?
                </h2>
                <p>We believe in transparency on our platform. To begin with, you will first share your birth details with the astrologer of your choice (date, place, time). He/she will then do a real-time birth chart analysis for you on chat and provide you with the best solutions and remedies for your problems. You can ask follow-up questions or dive deep into the queries. This astrology consultation chat is completely private and can be revisited at any time. Try now, as the first chat is free!</p>
                <h2>
                  Chat vs Call - Which Astrology Consultation Suits You Best?
                </h2>
                <p>Confused about the best astrology consultation option for you? We are here to help. Consider your environment while choosing the right fit. The chat option is best for you if you are looking for discretion and need written records. However, if you are someone who needs a real-time voice connection and instant back-and-forth discussions, you can consult a verified astrologer on call.</p>
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  );
}