import { Apartment, Dashboard, Logout, Notes, Person, PictureInPicture, ShowChart } from "@mui/icons-material";
import { Button } from "@mui/material";
import Link from "next/link";
import React from "react";

export default function Sidebar() {
  return (
    <>
      <div className="bg-white rounded-2xl h-full py-4 space-y-10 flex flex-col items-start justify-center">
        {/* <Link
          href={"/dashboard"}
          className="flex items-center text-[#2a5298] w-full justify-start gap-x-4 hover:bg-linear-to-r hover:from-[#1e3c72] hover:via-[#2a5298] hover:to-[#4facfe] hover:text-white px-4 py-4  hover:cursor-pointer transition-all duration-300
            "
        >
          <span>
            <Dashboard />
          </span>
          <span>داشبورد</span>
        </Link> */}
        <Link
          href={"/tickets/create"}
          className="flex items-center text-[#2a5298]   w-full justify-start gap-x-4 hover:bg-linear-to-r hover:from-[#1e3c72] hover:via-[#2a5298] hover:to-[#4facfe] hover:text-white px-4 py-4  hover:cursor-pointer transition-all duration-300
            "
        >
          <span>
            <PictureInPicture />
          </span>
          <span> ثبت تيكت</span>
        </Link>
        <Link
          href={"/tickets"}
          className="flex items-center text-[#2a5298]   w-full justify-start gap-x-4 hover:bg-linear-to-r hover:from-[#1e3c72] hover:via-[#2a5298] hover:to-[#4facfe] hover:text-white px-4 py-4  hover:cursor-pointer transition-all duration-300
            "
        >
          <span>
            <Notes />
          </span>
          <span>مشاهده تيكت ها</span>
        </Link>
        {/* <Link
          href={"/departments"}
          className="flex items-center text-[#2a5298]   w-full  justify-start gap-x-4 hover:bg-linear-to-r hover:from-[#1e3c72] hover:via-[#2a5298] hover:to-[#4facfe] hover:text-white px-4 py-4  hover:cursor-pointer transition-all duration-300
            "
        >
          <span>
            <Apartment />
          </span>
          <span>مديريت واحد ها</span>
        </Link>
        <Link
          href={"/users"}
          className="flex items-center text-[#2a5298]  w-full  justify-start gap-x-4 hover:bg-linear-to-r hover:from-[#1e3c72] hover:via-[#2a5298] hover:to-[#4facfe] hover:text-white px-4 py-4  hover:cursor-pointer transition-all duration-300
            "
        >
          <span>
            <Person />
          </span>
          <span>مديريت كاربران</span>
        </Link> */}
        <Link
          href={"/reports"}
          className="flex items-center text-[#2a5298] w-full  justify-start gap-x-4 hover:bg-linear-to-r hover:from-[#1e3c72] hover:via-[#2a5298] hover:to-[#4facfe] hover:text-white px-4 py-4  hover:cursor-pointer transition-all duration-300
            "
        >
          <span>
            <ShowChart />
          </span>
          <span> گزارش گيري</span>
        </Link>
        <Button
          className="flex items-center text-[#2a5298] w-full  justify-start gap-x-4    hover:cursor-pointer transition-all duration-300
            "
        >
          <span>
            <Logout />
          </span>
          <span> خروج از حساب</span>
        </Button>
      </div>
    </>
  );
}