import { Card, CardContent } from "../../../components/ui/card";
import PracticeAddressSection from "./PracticeAddressSection";
import PracticeNpiSection from "./PracticeNpiSection";
import ReferralRoutingSection from "./ReferralRoutingSection";

// admin-v2 dashboard.html "Receive referrals from other practices" — the NPI a sending
// practice finds this one by, and where a referral should land. Re-homed unchanged from the
// Organization monolith; see BookingAndRemindersPage for why this split exists.
const ReferralsSettingsPage = () => {
  return (
    <div>
      <div>
        <h1 className="ak-page-title">Referrals</h1>
        <p className="ak-page-title__sub">
          How this practice is found by other practices, and where referrals should be sent.
        </p>
      </div>

      <div className="ak-page-body">
      <Card>
        <CardContent>
          <PracticeAddressSection />
        </CardContent>
      </Card>
      <Card>
        <CardContent>
          <PracticeNpiSection />
        </CardContent>
      </Card>
      <Card>
        <CardContent>
          <ReferralRoutingSection />
        </CardContent>
      </Card>
      </div>
    </div>
  );
};

export default ReferralsSettingsPage;