import React from "react";
import AccordionContainer from "../common/AccordionContainer";

const ProjectInfraCopy = ({ data }) => {
  if (!data) {
    return <p>No data available yet...</p>;
  } else {
    console.log(data, "inside infra");
  }
  return (
    <div>
      {" "}
      <div className="row">
        <AccordionContainer
          title="Basic Accordion"
          items={[
            {
              id: 1,
              title: "Building 1",
              active: true,
              content: (
                <AccordionContainer
                  title="Basic Accordion"
                  items={[
                    {
                      id: 11,
                      title: "Floor 1",
                      active: true,
                      content: (
                        <div className="table-responsive text-nowrap">
                          <table className="table">
                            <thead>
                              <tr>
                                <th>Work Item</th>
                                <th>Client</th>
                                <th>Users</th>
                                <th>Status</th>
                                <th>Actions</th>
                              </tr>
                            </thead>
                            <tbody className="table-border-bottom-0">
                              <tr>
                                <td>
                                  <i className="bx bxl-angular bx-sm text-danger me-3"></i>
                                  <span className="fw-medium">Welding</span>
                                </td>
                                <td>Albert Cook</td>
                                <td>
                                  <ul className="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
                                    <li
                                      data-bs-toggle="tooltip"
                                      data-popup="tooltip-custom"
                                      data-bs-placement="top"
                                      className="avatar avatar-xs pull-up"
                                      title="Lilian Fuller"
                                    >
                                      <img
                                        aria-label="table image"
                                        src="../assets/img/avatars/5.png"
                                        alt="Avatar"
                                        className="rounded-circle"
                                      />
                                    </li>
                                    <li
                                      data-bs-toggle="tooltip"
                                      data-popup="tooltip-custom"
                                      data-bs-placement="top"
                                      className="avatar avatar-xs pull-up"
                                      title="Sophia Wilkerson"
                                    >
                                      <img
                                        aria-label="table image"
                                        src="../assets/img/avatars/6.png"
                                        alt="Avatar"
                                        className="rounded-circle"
                                      />
                                    </li>
                                    <li
                                      data-bs-toggle="tooltip"
                                      data-popup="tooltip-custom"
                                      data-bs-placement="top"
                                      className="avatar avatar-xs pull-up"
                                      title="Christina Parker"
                                    >
                                      <img
                                        aria-label="table image"
                                        src="../assets/img/avatars/7.png"
                                        alt="Avatar"
                                        className="rounded-circle"
                                      />
                                    </li>
                                  </ul>
                                </td>
                                <td>
                                  <span className="badge bg-label-primary me-1">
                                    Active
                                  </span>
                                </td>
                                <td>
                                  <div className="dropdown">
                                    <button
                                      aria-label="Click me"
                                      type="button"
                                      className="btn p-0 dropdown-toggle hide-arrow"
                                      data-bs-toggle="dropdown"
                                    >
                                      <i className="bx bx-dots-vertical-rounded"></i>
                                    </button>
                                    <div className="dropdown-menu">
                                      <a
                                        aria-label="dropdown action option"
                                        className="dropdown-item"
                                        href="#"
                                      >
                                        <i className="bx bx-edit-alt me-1"></i>{" "}
                                        Edit
                                      </a>
                                      <a
                                        aria-label="dropdown action option"
                                        className="dropdown-item"
                                        href="#"
                                      >
                                        <i className="bx bx-trash me-1"></i>{" "}
                                        Delete
                                      </a>
                                    </div>
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td>
                                  <i className="bx bxl-react bx-sm text-info me-3"></i>{" "}
                                  <span className="fw-medium">Core Cut</span>
                                </td>
                                <td>Barry Hunter</td>
                                <td>
                                  <ul className="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
                                    <li
                                      data-bs-toggle="tooltip"
                                      data-popup="tooltip-custom"
                                      data-bs-placement="top"
                                      className="avatar avatar-xs pull-up"
                                      title="Lilian Fuller"
                                    >
                                      <img
                                        aria-label="table image"
                                        src="../assets/img/avatars/5.png"
                                        alt="Avatar"
                                        className="rounded-circle"
                                      />
                                    </li>
                                    <li
                                      data-bs-toggle="tooltip"
                                      data-popup="tooltip-custom"
                                      data-bs-placement="top"
                                      className="avatar avatar-xs pull-up"
                                      title="Sophia Wilkerson"
                                    >
                                      <img
                                        aria-label="table image"
                                        src="../assets/img/avatars/6.png"
                                        alt="Avatar"
                                        className="rounded-circle"
                                      />
                                    </li>
                                    <li
                                      data-bs-toggle="tooltip"
                                      data-popup="tooltip-custom"
                                      data-bs-placement="top"
                                      className="avatar avatar-xs pull-up"
                                      title="Christina Parker"
                                    >
                                      <img
                                        aria-label="table image"
                                        src="../assets/img/avatars/7.png"
                                        alt="Avatar"
                                        className="rounded-circle"
                                      />
                                    </li>
                                  </ul>
                                </td>
                                <td>
                                  <span className="badge bg-label-success me-1">
                                    Completed
                                  </span>
                                </td>
                                <td>
                                  <div className="dropdown">
                                    <button
                                      aria-label="Click me"
                                      type="button"
                                      className="btn p-0 dropdown-toggle hide-arrow"
                                      data-bs-toggle="dropdown"
                                    >
                                      <i className="bx bx-dots-vertical-rounded"></i>
                                    </button>
                                    <div className="dropdown-menu">
                                      <a
                                        aria-label="dropdown action option"
                                        className="dropdown-item"
                                        href="#"
                                      >
                                        <i className="bx bx-edit-alt me-2"></i>{" "}
                                        Edit
                                      </a>
                                      <a
                                        aria-label="dropdown action option"
                                        className="dropdown-item"
                                        href="#"
                                      >
                                        <i className="bx bx-trash me-2"></i>{" "}
                                        Delete
                                      </a>
                                    </div>
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td>
                                  <i className="bx bxl-vuejs bx-sm text-success me-3"></i>
                                  <span className="fw-medium">
                                    VueJs Project
                                  </span>
                                </td>
                                <td>Trevor Baker</td>
                                <td>
                                  <ul className="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
                                    <li
                                      data-bs-toggle="tooltip"
                                      data-popup="tooltip-custom"
                                      data-bs-placement="top"
                                      className="avatar avatar-xs pull-up"
                                      title="Lilian Fuller"
                                    >
                                      <img
                                        aria-label="table image"
                                        src="../assets/img/avatars/5.png"
                                        alt="Avatar"
                                        className="rounded-circle"
                                      />
                                    </li>
                                    <li
                                      data-bs-toggle="tooltip"
                                      data-popup="tooltip-custom"
                                      data-bs-placement="top"
                                      className="avatar avatar-xs pull-up"
                                      title="Sophia Wilkerson"
                                    >
                                      <img
                                        aria-label="table image"
                                        src="../assets/img/avatars/6.png"
                                        alt="Avatar"
                                        className="rounded-circle"
                                      />
                                    </li>
                                    <li
                                      data-bs-toggle="tooltip"
                                      data-popup="tooltip-custom"
                                      data-bs-placement="top"
                                      className="avatar avatar-xs pull-up"
                                      title="Christina Parker"
                                    >
                                      <img
                                        aria-label="table image"
                                        src="../assets/img/avatars/7.png"
                                        alt="Avatar"
                                        className="rounded-circle"
                                      />
                                    </li>
                                  </ul>
                                </td>
                                <td>
                                  <span className="badge bg-label-info me-1">
                                    Scheduled
                                  </span>
                                </td>
                                <td>
                                  <div className="dropdown">
                                    <button
                                      aria-label="Click me"
                                      type="button"
                                      className="btn p-0 dropdown-toggle hide-arrow"
                                      data-bs-toggle="dropdown"
                                    >
                                      <i className="bx bx-dots-vertical-rounded"></i>
                                    </button>
                                    <div className="dropdown-menu">
                                      <a
                                        aria-label="dropdown action option"
                                        className="dropdown-item"
                                        href="#"
                                      >
                                        <i className="bx bx-edit-alt me-2"></i>{" "}
                                        Edit
                                      </a>
                                      <a
                                        aria-label="dropdown action option"
                                        className="dropdown-item"
                                        href="#"
                                      >
                                        <i className="bx bx-trash me-2"></i>{" "}
                                        Delete
                                      </a>
                                    </div>
                                  </div>
                                </td>
                              </tr>
                              <tr>
                                <td>
                                  <i className="bx bxl-bootstrap bx-sm text-primary me-3"></i>
                                  <span className="fw-medium">
                                    Bootstrap Project
                                  </span>
                                </td>
                                <td>Jerry Milton</td>
                                <td>
                                  <ul className="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
                                    <li
                                      data-bs-toggle="tooltip"
                                      data-popup="tooltip-custom"
                                      data-bs-placement="top"
                                      className="avatar avatar-xs pull-up"
                                      title="Lilian Fuller"
                                    >
                                      <img
                                        aria-label="table image"
                                        src="../assets/img/avatars/5.png"
                                        alt="Avatar"
                                        className="rounded-circle"
                                      />
                                    </li>
                                    <li
                                      data-bs-toggle="tooltip"
                                      data-popup="tooltip-custom"
                                      data-bs-placement="top"
                                      className="avatar avatar-xs pull-up"
                                      title="Sophia Wilkerson"
                                    >
                                      <img
                                        aria-label="table image"
                                        src="../assets/img/avatars/6.png"
                                        alt="Avatar"
                                        className="rounded-circle"
                                      />
                                    </li>
                                    <li
                                      data-bs-toggle="tooltip"
                                      data-popup="tooltip-custom"
                                      data-bs-placement="top"
                                      className="avatar avatar-xs pull-up"
                                      title="Christina Parker"
                                    >
                                      <img
                                        aria-label="table image"
                                        src="../assets/img/avatars/7.png"
                                        alt="Avatar"
                                        className="rounded-circle"
                                      />
                                    </li>
                                  </ul>
                                </td>
                                <td>
                                  <span className="badge bg-label-warning me-1">
                                    Pending
                                  </span>
                                </td>
                                <td>
                                  <div className="dropdown">
                                    <button
                                      aria-label="Click me"
                                      type="button"
                                      className="btn p-0 dropdown-toggle hide-arrow"
                                      data-bs-toggle="dropdown"
                                    >
                                      <i className="bx bx-dots-vertical-rounded"></i>
                                    </button>
                                    <div className="dropdown-menu">
                                      <a
                                        aria-label="dropdown action option"
                                        className="dropdown-item"
                                        href="#"
                                      >
                                        <i className="bx bx-edit-alt me-2"></i>{" "}
                                        Edit
                                      </a>
                                      <a
                                        aria-label="dropdown action option"
                                        className="dropdown-item"
                                        href="#"
                                      >
                                        <i className="bx bx-trash me-2"></i>{" "}
                                        Delete
                                      </a>
                                    </div>
                                  </div>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </div>
                      ),
                    },
                    {
                      id: 12,
                      title: "Floor 2",
                      active: false,
                      content: `Dessert ice cream donut oat cake jelly-o pie sugar plum cheesecake. Bear claw dragée oat cake
              dragée ice cream halvah tootsie roll. Danish cake oat cake pie macaroon tart donut gummies.
              Jelly beans candy canes carrot cake. Fruitcake chocolate chupa chups.`,
                    },
                    {
                      id: 13,
                      title: "Floor 3",
                      active: false,
                      content: `Oat cake toffee chocolate bar jujubes. Marshmallow brownie lemon drops cheesecake. Bonbon
              gingerbread marshmallow sweet jelly beans muffin. Sweet roll bear claw candy canes oat cake
              dragée caramels. Ice cream wafer danish cookie caramels muffin.`,
                    },
                  ]}
                />
              ),
            },
            {
              id: 2,
              title: "Building 2",
              active: false,
              content: `Dessert ice cream donut oat cake jelly-o pie sugar plum cheesecake. Bear claw dragée oat cake
          dragée ice cream halvah tootsie roll. Danish cake oat cake pie macaroon tart donut gummies.
          Jelly beans candy canes carrot cake. Fruitcake chocolate chupa chups.`,
            },
            {
              id: 3,
              title: "Building 3",
              active: false,
              content: `Oat cake toffee chocolate bar jujubes. Marshmallow brownie lemon drops cheesecake. Bonbon
          gingerbread marshmallow sweet jelly beans muffin. Sweet roll bear claw candy canes oat cake
          dragée caramels. Ice cream wafer danish cookie caramels muffin.`,
            },
          ]}
        />{" "}
      </div>
    </div>
  );
};

export default ProjectInfraCopy;
