extends /layouts/root.pug

block $$head
  style.
    .page-layout {
        flex: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        position: relative;
    }
  block Head

block $$content
  .page-layout.bg-gray-50
    canvas#background.absolute.block.top-0.left-0.z-0
    .h-full.relative.flex
      .left-sidebar.border.border-r.border-gray-200(class="w-[250px]")
        a.text-center.text-2xl.font-bold.mb-4(class="h-[75px] block leading-[75px]" href="/") 烟霞渡
        a(href="/admin" class=`cursor-pointer block h-[75px] leading-[75px] text-center hover:bg-gray-100 ${(currentPath === "/admin" || currentPath === "/admin/") ? "bg-gray-100" : ""}`) 仪表板
        a(href="/admin/profile" class=`cursor-pointer block h-[75px] leading-[75px] text-center hover:bg-gray-100 ${(currentPath === "/admin/profile" || currentPath === "/admin/profile/") ? "bg-gray-100" : ""}`) 用户信息
      .right-content(class="flex-1")
        block Content

block $$scripts
  +js("https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.2/particles.min.js")
  script.
    Particles.init({
      selector: '#background',
       maxParticles: 350,
    });
  block Scripts