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

export default function AdminActivityPage() {
  return (
    <div className="swi-admin-hub-page">
      <AdminPageHeader
        title="Activity log"
        subtitle="Review user actions, document changes, and system events."
        actions={
          <button
            type="button"
            className="swi-btn swi-btn--primary"
            onClick={() => openSatPortal("/activity-log/user-logs")}
          >
            Open activity log
          </button>
        }
      />

      <section className="swi-panel swi-admin-hub-panel">
        <h2 className="swi-admin-hub-panel__title">Platform activity</h2>
        <p className="swi-admin-hub-panel__text">
          The full activity log lives in the SAT portal. Use it to audit logins,
          configuration changes, document updates, and other HSE platform events.
        </p>
        <ul className="swi-admin-hub-list">
          <li>Filter by user, date range, or activity type</li>
          <li>Export records for compliance reporting</li>
          <li>Investigate incidents alongside tickets and audits</li>
        </ul>
      </section>
    </div>
  );
}
