import React from "react";
import { Table, Link, Accordion } from "mesh-component-library";
import "./style.css";

function PowerbiReports() {
  const columnsData = [
    { Header: "Report Name", accessor: "reportname", highlighted: true },
    { Header: "Link", accessor: "linktoreport" },
  ];

  const basecompRowData = [
    {
      reportname: "Concourse to Optimus Balancing Reports",
      linktoreport: (
        <Link
          href="https://app.powerbi.com/groups/2845276b-c4f3-48f9-b77f-056b5b7f573f/reports/d06928e8-d070-4a11-bdfd-8cddfb74c759"
          target="_blank"
          rel="noopener noreferrer"
        >
          Click this link
        </Link>
      ),
    },
    {
      reportname: "Optimus to IDM Balancing Reports",
      linktoreport: (
        <Link
          href="https://app.powerbi.com/groups/2845276b-c4f3-48f9-b77f-056b5b7f573f/reports/6f280fce-b2cc-4489-b87c-10145c62ece2/ReportSectionacda4400945d75096926"
          target="_blank"
          rel="noopener noreferrer"
        >
          Click this link
        </Link>
      ),
    },
    {
      reportname: "Optimus to AllBridge Balancing Reports",
      linktoreport: (
        <Link
          href="https://app.powerbi.com/groups/2845276b-c4f3-48f9-b77f-056b5b7f573f/reports/1f4cadc1-f937-4e4a-946e-6e5515dc2fe9/ReportSectionacda4400945d75096926"
          target="_blank"
          rel="noopener noreferrer"
        >
          Click this link
        </Link>
      ),
    },
    {
      reportname: "Optimus to Disbursement Balancing Reports",
      linktoreport: (
        <Link
          href="https://app.powerbi.com/groups/2845276b-c4f3-48f9-b77f-056b5b7f573f/reports/bd4b9457-ce00-4f62-96c9-cbe6b20e6c91"
          target="_blank"
          rel="noopener noreferrer"
        >
          Click this link
        </Link>
      ),
    },
  ];

  const miscRowData = [
    {
      reportname: "EA AB Report",
      linktoreport: (
        <Link
          href="https://app.powerbi.com/groups/2845276b-c4f3-48f9-b77f-056b5b7f573f/reports/46b8bfed-cfef-441f-89b9-64947e88274e/ReportSection311383bf1349f2f90e46"
          target="_blank"
          rel="noopener noreferrer"
        >
          Click this link
        </Link>
      ),
    },
    {
      reportname: "Ivantage Daily Commissions Detail Report",
      linktoreport: (
        <Link
          href="https://app.powerbi.com/groups/2845276b-c4f3-48f9-b77f-056b5b7f573f/reports/79ded85c-c571-486e-ab12-a30242557548/ReportSection70f0f54aba30d503c61a"
          target="_blank"
          rel="noopener noreferrer"
        >
          Click this link
        </Link>
      ),
    },
    {
      reportname: "Jetfire to Optimus Balancing Report",
      linktoreport: (
        <Link
          href="https://app.powerbi.com/groups/2845276b-c4f3-48f9-b77f-056b5b7f573f/reports/26b87079-4e3e-4397-8efd-6d953361f5c5/ReportSection3de712ad25b6d4008921"
          target="_blank"
          rel="noopener noreferrer"
        >
          Click this link
        </Link>
      ),
    },
    {
      reportname: "Monthly Varcomp 3-way Balancing Report",
      linktoreport: (
        <Link
          href="https://app.powerbi.com/groups/2845276b-c4f3-48f9-b77f-056b5b7f573f/reports/d3dbfe95-9ada-4d35-b4d2-69fa2d8f0ddb/ReportSection85ae113a3a44f25c9e9d"
          target="_blank"
          rel="noopener noreferrer"
        >
          Click this link
        </Link>
      ),
    },
    {
      reportname: "Optimus to IDM Queue Balancing Report",
      linktoreport: (
        <Link
          href="https://app.powerbi.com/groups/2845276b-c4f3-48f9-b77f-056b5b7f573f/reports/64f8db39-086e-40d3-b9a6-fc1f7b032ab4/ReportSection04572a24afba1ede7b26"
          target="_blank"
          rel="noopener noreferrer"
        >
          Click this link
        </Link>
      ),
    },
    {
      reportname: "MSA Quarterly Bonus Report",
      linktoreport: (
        <Link
          href="https://app.powerbi.com/groups/2845276b-c4f3-48f9-b77f-056b5b7f573f/reports/203f3cc9-540c-4306-9c2f-c388ce6c325d/ReportSectionaf23b005f17168a3b2fd"
          target="_blank"
          rel="noopener noreferrer"
        >
          Click this link
        </Link>
      ),
    },
  ];

  const basecompASCRowData = [
    {
      reportname: "FPP to Gemini Balancing Reports",
      linktoreport: (
        <Link
          href="https://app.powerbi.com/groups/2845276b-c4f3-48f9-b77f-056b5b7f573f/reports/0431d04c-e6d9-469e-ae8b-3701b6c39c04/ReportSection0d7b88683608104b8175"
          target="_blank"
          rel="noopener noreferrer"
        >
          Click this link
        </Link>
      ),
    }
  ];

  return (
    <>
      
      <div className="main">
        <Accordion
        borderLeft="blue"
        borderTop="default"
        collapseOthers
        isBordered
        variant="white"
        className="child"
      >
        <Accordion.Item
          headerTitle="APAY PowerBI Reports - BaseComp Balancing"
        >
          <Table
              columns={columnsData}
              data={basecompRowData}
              id="power-bi-reports"
            />
        </Accordion.Item>
        <Accordion.Item
          headerTitle="APAY PowerBI Reports - Other Balancing Reports"
        >
          <Table
              columns={columnsData}
              data={miscRowData}
              id="power-bi-reports"
            />
        </Accordion.Item>
        <Accordion.Item
          headerTitle="APAY PowerBI Reports - ASC BaseComp Balancing"
        >
          <Table
              columns={columnsData}
              data={basecompASCRowData}
              id="power-bi-reports"
            />
        </Accordion.Item>
      </Accordion>
      </div>
    </>
  );
}

export default PowerbiReports;