import { a9 as head, d as escape_html, a6 as attributes, a7 as clsx, a8 as bind_props, aa as ensure_array_like, ab as attr, ac as element } from './index-DV2ddKt_.js';
import { c as cn, t as tv } from './index-DWasNFG9.js';
import 'clsx';
import 'tailwind-merge';

function Table($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let {
      ref = null,
      class: className,
      children,
      $$slots,
      $$events,
      ...restProps
    } = $$props;
    $$renderer2.push(`<div data-slot="table-container" class="relative w-full overflow-x-auto"><table${attributes({
      "data-slot": "table",
      class: clsx(cn("w-full caption-bottom text-sm", className)),
      ...restProps
    })}>`);
    children?.($$renderer2);
    $$renderer2.push(`<!----></table></div>`);
    bind_props($$props, { ref });
  });
}
function Table_body($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let {
      ref = null,
      class: className,
      children,
      $$slots,
      $$events,
      ...restProps
    } = $$props;
    $$renderer2.push(`<tbody${attributes({
      "data-slot": "table-body",
      class: clsx(cn("[&_tr:last-child]:border-0", className)),
      ...restProps
    })}>`);
    children?.($$renderer2);
    $$renderer2.push(`<!----></tbody>`);
    bind_props($$props, { ref });
  });
}
function Table_cell($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let {
      ref = null,
      class: className,
      children,
      $$slots,
      $$events,
      ...restProps
    } = $$props;
    $$renderer2.push(`<td${attributes({
      "data-slot": "table-cell",
      class: clsx(cn("bg-clip-padding p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0", className)),
      ...restProps
    })}>`);
    children?.($$renderer2);
    $$renderer2.push(`<!----></td>`);
    bind_props($$props, { ref });
  });
}
function Table_head($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let {
      ref = null,
      class: className,
      children,
      $$slots,
      $$events,
      ...restProps
    } = $$props;
    $$renderer2.push(`<th${attributes({
      "data-slot": "table-head",
      class: clsx(cn("text-foreground h-10 bg-clip-padding px-2 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pe-0", className)),
      ...restProps
    })}>`);
    children?.($$renderer2);
    $$renderer2.push(`<!----></th>`);
    bind_props($$props, { ref });
  });
}
function Table_header($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let {
      ref = null,
      class: className,
      children,
      $$slots,
      $$events,
      ...restProps
    } = $$props;
    $$renderer2.push(`<thead${attributes({
      "data-slot": "table-header",
      class: clsx(cn("[&_tr]:border-b", className)),
      ...restProps
    })}>`);
    children?.($$renderer2);
    $$renderer2.push(`<!----></thead>`);
    bind_props($$props, { ref });
  });
}
function Table_row($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let {
      ref = null,
      class: className,
      children,
      $$slots,
      $$events,
      ...restProps
    } = $$props;
    $$renderer2.push(`<tr${attributes({
      "data-slot": "table-row",
      class: clsx(cn("hover:[&,&>svelte-css-wrapper]:[&>th,td]:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className)),
      ...restProps
    })}>`);
    children?.($$renderer2);
    $$renderer2.push(`<!----></tr>`);
    bind_props($$props, { ref });
  });
}
const badgeVariants = tv({
  base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3",
  variants: {
    variant: {
      default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent",
      secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",
      destructive: "bg-destructive [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/70 border-transparent text-white",
      outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
    }
  },
  defaultVariants: { variant: "default" }
});
function Badge($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let {
      ref = null,
      href,
      class: className,
      variant = "default",
      children,
      $$slots,
      $$events,
      ...restProps
    } = $$props;
    element(
      $$renderer2,
      href ? "a" : "span",
      () => {
        $$renderer2.push(`${attributes({
          "data-slot": "badge",
          href,
          class: clsx(cn(badgeVariants({ variant }), className)),
          ...restProps
        })}`);
      },
      () => {
        children?.($$renderer2);
        $$renderer2.push(`<!---->`);
      }
    );
    bind_props($$props, { ref });
  });
}
function Card($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let {
      ref = null,
      class: className,
      children,
      $$slots,
      $$events,
      ...restProps
    } = $$props;
    $$renderer2.push(`<div${attributes({
      "data-slot": "card",
      class: clsx(cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className)),
      ...restProps
    })}>`);
    children?.($$renderer2);
    $$renderer2.push(`<!----></div>`);
    bind_props($$props, { ref });
  });
}
function Card_content($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let {
      ref = null,
      class: className,
      children,
      $$slots,
      $$events,
      ...restProps
    } = $$props;
    $$renderer2.push(`<div${attributes({
      "data-slot": "card-content",
      class: clsx(cn("px-6", className)),
      ...restProps
    })}>`);
    children?.($$renderer2);
    $$renderer2.push(`<!----></div>`);
    bind_props($$props, { ref });
  });
}
function _page($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let { data } = $$props;
    function asList(val) {
      if (val == null) return [];
      return Array.isArray(val) ? val : [val];
    }
    function formatDate(iso) {
      if (!iso) return "—";
      try {
        return new Date(iso).toLocaleDateString(void 0, { dateStyle: "short", timeStyle: "short" });
      } catch {
        return iso;
      }
    }
    const items = data?.items ?? [];
    const PB_BASE = "https://pocketbase.ccllc.pro";
    const COLLECTION = "Stackq_Items";
    function imageUrl(item) {
      if (!item.Image) return null;
      return `${PB_BASE}/api/files/${COLLECTION}/${item.id}/${item.Image}`;
    }
    head("rk8na7", $$renderer2, ($$renderer3) => {
      $$renderer3.title(($$renderer4) => {
        $$renderer4.push(`<title>Items – Stackq</title>`);
      });
    });
    {
      $$renderer2.push("<!--[!-->");
      $$renderer2.push(`<main class="container mx-auto flex flex-col gap-6 py-8"><div class="flex items-center justify-between"><h1 class="text-2xl font-semibold">Stackq Items</h1> <span class="text-muted-foreground text-sm">${escape_html(items.length)} items</span></div> `);
      Card($$renderer2, {
        children: ($$renderer3) => {
          Card_content($$renderer3, {
            class: "p-0",
            children: ($$renderer4) => {
              $$renderer4.push("<!---->");
              Table?.($$renderer4, {
                children: ($$renderer5) => {
                  $$renderer5.push("<!---->");
                  Table_header?.($$renderer5, {
                    children: ($$renderer6) => {
                      $$renderer6.push("<!---->");
                      Table_row?.($$renderer6, {
                        children: ($$renderer7) => {
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->Image`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->Item`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->SKU`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            class: "max-w-[200px]",
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->Description`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->UOM`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            class: "text-right",
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->Cost`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->Vendor`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->Catagory`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->Sub_Catagory`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->Has Parent`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->Parent`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->Stock`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            class: "text-muted-foreground",
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->created`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!----> `);
                          $$renderer7.push("<!---->");
                          Table_head?.($$renderer7, {
                            class: "text-muted-foreground",
                            children: ($$renderer8) => {
                              $$renderer8.push(`<!---->updated`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer7.push(`<!---->`);
                        },
                        $$slots: { default: true }
                      });
                      $$renderer6.push(`<!---->`);
                    },
                    $$slots: { default: true }
                  });
                  $$renderer5.push(`<!----> `);
                  $$renderer5.push("<!---->");
                  Table_body?.($$renderer5, {
                    children: ($$renderer6) => {
                      if (items.length === 0) {
                        $$renderer6.push("<!--[-->");
                        $$renderer6.push("<!---->");
                        Table_row?.($$renderer6, {
                          children: ($$renderer7) => {
                            $$renderer7.push("<!---->");
                            Table_cell?.($$renderer7, {
                              colspan: "14",
                              class: "h-24 text-center text-muted-foreground",
                              children: ($$renderer8) => {
                                $$renderer8.push(`<!---->No items.`);
                              },
                              $$slots: { default: true }
                            });
                            $$renderer7.push(`<!---->`);
                          },
                          $$slots: { default: true }
                        });
                        $$renderer6.push(`<!---->`);
                      } else {
                        $$renderer6.push("<!--[!-->");
                        $$renderer6.push(`<!--[-->`);
                        const each_array = ensure_array_like(items);
                        for (let $$index_2 = 0, $$length = each_array.length; $$index_2 < $$length; $$index_2++) {
                          let item = each_array[$$index_2];
                          $$renderer6.push("<!---->");
                          Table_row?.($$renderer6, {
                            children: ($$renderer7) => {
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                class: "w-16",
                                children: ($$renderer8) => {
                                  if (imageUrl(item)) {
                                    $$renderer8.push("<!--[-->");
                                    $$renderer8.push(`<img${attr("src", imageUrl(item))} alt="" class="size-14 rounded border object-cover" loading="lazy"/>`);
                                  } else {
                                    $$renderer8.push("<!--[!-->");
                                    $$renderer8.push(`<span class="text-muted-foreground text-xs">—</span>`);
                                  }
                                  $$renderer8.push(`<!--]-->`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                class: "font-medium",
                                children: ($$renderer8) => {
                                  $$renderer8.push(`<!---->${escape_html(item.Item ?? "—")}`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                class: "font-mono text-xs",
                                children: ($$renderer8) => {
                                  $$renderer8.push(`<!---->${escape_html(item.SKU ?? "—")}`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                class: "max-w-[200px] truncate",
                                title: item.Description ?? "",
                                children: ($$renderer8) => {
                                  $$renderer8.push(`<!---->${escape_html(item.Description ?? "—")}`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                children: ($$renderer8) => {
                                  Badge($$renderer8, {
                                    variant: "outline",
                                    children: ($$renderer9) => {
                                      $$renderer9.push(`<!---->${escape_html(item.UOM ?? "—")}`);
                                    },
                                    $$slots: { default: true }
                                  });
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                class: "text-right tabular-nums",
                                children: ($$renderer8) => {
                                  $$renderer8.push(`<!---->${escape_html(item.Cost != null ? Number(item.Cost).toLocaleString() : "—")}`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                class: "text-muted-foreground",
                                children: ($$renderer8) => {
                                  $$renderer8.push(`<!---->${escape_html(item.Vendor ?? "—")}`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                children: ($$renderer8) => {
                                  $$renderer8.push(`<!--[-->`);
                                  const each_array_1 = ensure_array_like(asList(item.Catagory));
                                  for (let $$index = 0, $$length2 = each_array_1.length; $$index < $$length2; $$index++) {
                                    let cat = each_array_1[$$index];
                                    Badge($$renderer8, {
                                      variant: "secondary",
                                      class: "mr-1 text-xs",
                                      children: ($$renderer9) => {
                                        $$renderer9.push(`<!---->${escape_html(cat)}`);
                                      },
                                      $$slots: { default: true }
                                    });
                                  }
                                  $$renderer8.push(`<!--]--> `);
                                  if (asList(item.Catagory).length === 0) {
                                    $$renderer8.push("<!--[-->");
                                    $$renderer8.push(`<span class="text-muted-foreground">—</span>`);
                                  } else {
                                    $$renderer8.push("<!--[!-->");
                                  }
                                  $$renderer8.push(`<!--]-->`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                children: ($$renderer8) => {
                                  $$renderer8.push(`<!--[-->`);
                                  const each_array_2 = ensure_array_like(asList(item.Sub_Catagory));
                                  for (let $$index_1 = 0, $$length2 = each_array_2.length; $$index_1 < $$length2; $$index_1++) {
                                    let sub = each_array_2[$$index_1];
                                    Badge($$renderer8, {
                                      variant: "outline",
                                      class: "mr-1 text-xs",
                                      children: ($$renderer9) => {
                                        $$renderer9.push(`<!---->${escape_html(sub)}`);
                                      },
                                      $$slots: { default: true }
                                    });
                                  }
                                  $$renderer8.push(`<!--]--> `);
                                  if (asList(item.Sub_Catagory).length === 0) {
                                    $$renderer8.push("<!--[-->");
                                    $$renderer8.push(`<span class="text-muted-foreground">—</span>`);
                                  } else {
                                    $$renderer8.push("<!--[!-->");
                                  }
                                  $$renderer8.push(`<!--]-->`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                children: ($$renderer8) => {
                                  if (item.Has_Parent) {
                                    $$renderer8.push("<!--[-->");
                                    Badge($$renderer8, {
                                      children: ($$renderer9) => {
                                        $$renderer9.push(`<!---->Yes`);
                                      },
                                      $$slots: { default: true }
                                    });
                                  } else {
                                    $$renderer8.push("<!--[!-->");
                                    $$renderer8.push(`<span class="text-muted-foreground">No</span>`);
                                  }
                                  $$renderer8.push(`<!--]-->`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                class: "text-muted-foreground",
                                children: ($$renderer8) => {
                                  if (item.expand?.Parent) {
                                    $$renderer8.push("<!--[-->");
                                    $$renderer8.push(`${escape_html(item.expand.Parent.Item ?? item.expand.Parent.SKU ?? item.Parent)}`);
                                  } else if (item.Parent) {
                                    $$renderer8.push("<!--[1-->");
                                    $$renderer8.push(`<span class="font-mono text-xs">${escape_html(item.Parent)}</span>`);
                                  } else {
                                    $$renderer8.push("<!--[!-->");
                                    $$renderer8.push(`—`);
                                  }
                                  $$renderer8.push(`<!--]-->`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                children: ($$renderer8) => {
                                  if (item.Stock) {
                                    $$renderer8.push("<!--[-->");
                                    Badge($$renderer8, {
                                      variant: "default",
                                      children: ($$renderer9) => {
                                        $$renderer9.push(`<!---->Stock`);
                                      },
                                      $$slots: { default: true }
                                    });
                                  } else {
                                    $$renderer8.push("<!--[!-->");
                                    $$renderer8.push(`<span class="text-muted-foreground">—</span>`);
                                  }
                                  $$renderer8.push(`<!--]-->`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                class: "text-muted-foreground text-xs",
                                children: ($$renderer8) => {
                                  $$renderer8.push(`<!---->${escape_html(formatDate(item.created))}`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!----> `);
                              $$renderer7.push("<!---->");
                              Table_cell?.($$renderer7, {
                                class: "text-muted-foreground text-xs",
                                children: ($$renderer8) => {
                                  $$renderer8.push(`<!---->${escape_html(formatDate(item.updated))}`);
                                },
                                $$slots: { default: true }
                              });
                              $$renderer7.push(`<!---->`);
                            },
                            $$slots: { default: true }
                          });
                          $$renderer6.push(`<!---->`);
                        }
                        $$renderer6.push(`<!--]-->`);
                      }
                      $$renderer6.push(`<!--]-->`);
                    },
                    $$slots: { default: true }
                  });
                  $$renderer5.push(`<!---->`);
                },
                $$slots: { default: true }
              });
              $$renderer4.push(`<!---->`);
            },
            $$slots: { default: true }
          });
        },
        $$slots: { default: true }
      });
      $$renderer2.push(`<!----></main>`);
    }
    $$renderer2.push(`<!--]-->`);
  });
}

export { _page as default };
//# sourceMappingURL=_page.svelte-DV7w38Ax.js.map