import React from "react";
import AdminPageHeader from "../../components/admin/AdminPageHeader.jsx";
import { openSatPortal } from "../../config/satPortal.js";

export default function AdminAuditsPage() {
  return (
    <div className="swi-admin-hub-page">
      <AdminPageHeader
        title="Audits"
        subtitle="Plan, run, and track site audits and compliance reviews."
        actions={
          <button
            type="button"
            className="swi-btn swi-btn--primary"
            onClick={() => openSatPortal("/user-wise-audits")}
          >
            Open audit management
          </button>
        }
      />

      <section className="swi-panel swi-admin-hub-panel">
        <h2 className="swi-admin-hub-panel__title">Audit management</h2>
        <p className="swi-admin-hub-panel__text">
          Create audit schedules, assign auditors, capture findings, and track
          corrective actions from the SAT audit module.
        </p>
        <ul className="swi-admin-hub-list">
          <li>Create and schedule new audits</li>
          <li>Assign teams and due dates</li>
          <li>Link findings to tickets and follow-up tasks</li>
        </ul>
      </section>
    </div>
  );
}
