@lodashventure/medusa-parcel-shipping 0.4.29 → 0.4.31

package/.medusa/server/src/admin/index.mjs

@@ -3,7 +3,7 @@ import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
 import { Container, Heading, Button, Text, Badge, Drawer, Label, Select, Input, Switch, toast, Table, Prompt, Textarea } from "@medusajs/ui";
 import { useState, useEffect, useMemo } from "react";
 import { Package, AlertCircle, Truck, Clock, Plus, Edit, Trash, ExternalLink } from "lucide-react";
-import { MapPin, Directions, ArchiveBox, CurrencyDollarSolid, HandTruck } from "@medusajs/icons";
+import { MapPin, Directions, ArchiveBox, HandTruck, CurrencyDollarSolid } from "@medusajs/icons";
 import "@medusajs/admin-shared";
 const OrderShippingQuoteWidget = ({ data }) => {
   const [quote, setQuote] = useState(null);
@@ -1426,53 +1426,88 @@ const config$2 = defineRouteConfig({
   icon: ArchiveBox,
   label: "กล่องพัสดุ"
 });
-const CATEGORIES$1 = [
-  { value: "PACKAGING", label: "วัสดุหีบห่อ" },
-  { value: "PROTECTION", label: "วัสดุป้องกัน" },
-  { value: "FILLING", label: "วัสดุเติมช่องว่าง" },
-  { value: "TAPE", label: "เทป/กาว" },
-  { value: "LABEL", label: "ฉลาก/สติกเกอร์" },
-  { value: "OTHER", label: "อื่นๆ" }
+const CARRIER_TYPES$1 = [
+  { value: "COMPANY_FLEET", label: "บริษัทรถส่งของ (Messenger)" },
+  { value: "COMPANY_TRUCK", label: "รถบริษัท (Same Day)" },
+  { value: "PRIVATE_CARRIER", label: "ขนส่งเอกชน (EMS/Express)" }
 ];
-const MaterialCostModal = ({
-  materialCost,
-  onClose
-}) => {
+const SERVICE_CODES$1 = [
+  { value: "MESSENGER_3H", label: "ส่งด่วน 3 ชม.", usesHours: true },
+  { value: "SAME_DAY", label: "ส่งด่วนภายในวัน", usesHours: true },
+  { value: "STANDARD_3_5D", label: "EMS 3-5 วัน", usesHours: false },
+  { value: "EXPRESS_1_2D", label: "Express 1-2 วัน", usesHours: false }
+];
+const ShippingRateModal = ({ rate, onClose }) => {
   const [formData, setFormData] = useState({
-    name: "",
-    unit: "",
-    cost_per_unit: "",
+    carrier_type: "COMPANY_FLEET",
+    service_code: "MESSENGER_3H",
+    max_weight_kg: "",
+    price: "",
     currency: "THB",
-    category: "",
-    description: "",
+    priority: "0",
+    eta_hours_min: "",
+    eta_hours_max: "",
+    eta_days_min: "",
+    eta_days_max: "",
     active: true
   });
   const [isSaving, setIsSaving] = useState(false);
+  const selectedService = SERVICE_CODES$1.find((s) => s.value === formData.service_code);
+  const usesHours = (selectedService == null ? void 0 : selectedService.usesHours) ?? false;
+  const isMessenger = formData.carrier_type === "COMPANY_FLEET" && formData.service_code === "MESSENGER_3H";
   useEffect(() => {
-    if (materialCost) {
+    var _a, _b, _c, _d;
+    if (rate) {
       setFormData({
-        name: materialCost.name,
-        unit: materialCost.unit,
-        cost_per_unit: materialCost.cost_per_unit.toString(),
-        currency: materialCost.currency,
-        category: materialCost.category || "",
-        description: materialCost.description || "",
-        active: materialCost.active
+        carrier_type: rate.carrier_type,
+        service_code: rate.service_code,
+        max_weight_kg: rate.max_weight_kg.toString(),
+        price: rate.price.toString(),
+        currency: rate.currency,
+        priority: (rate.priority ?? 0).toString(),
+        eta_hours_min: ((_a = rate.eta_hours_min) == null ? void 0 : _a.toString()) || "",
+        eta_hours_max: ((_b = rate.eta_hours_max) == null ? void 0 : _b.toString()) || "",
+        eta_days_min: ((_c = rate.eta_days_min) == null ? void 0 : _c.toString()) || "",
+        eta_days_max: ((_d = rate.eta_days_max) == null ? void 0 : _d.toString()) || "",
+        active: rate.active
       });
     }
-  }, [materialCost]);
+  }, [rate]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     const errors = [];
-    if (!formData.name.trim()) {
-      errors.push("กรุณากรอกชื่อวัสดุ");
+    const maxWeight = parseFloat(formData.max_weight_kg);
+    const price = parseFloat(formData.price);
+    const priority = parseInt(formData.priority);
+    if (isNaN(maxWeight) || maxWeight <= 0) {
+      errors.push("น้ำหนักสูงสุดต้องเป็นตัวเลขมากกว่า 0");
     }
-    if (!formData.unit.trim()) {
-      errors.push("กรุณากรอกหน่วย");
+    if (isNaN(price) || price < 0) {
+      errors.push("ราคาต้องเป็นตัวเลขไม่ติดลบ");
     }
-    const costPerUnit = parseFloat(formData.cost_per_unit);
-    if (isNaN(costPerUnit) || costPerUnit < 0) {
-      errors.push("ต้นทุนต่อหน่วยต้องเป็นตัวเลขไม่ติดลบ");
+    if (isNaN(priority)) {
+      errors.push("ลำดับความสำคัญต้องเป็นตัวเลข");
+    }
+    let etaHoursMin;
+    let etaHoursMax;
+    let etaDaysMin;
+    let etaDaysMax;
+    if (usesHours) {
+      etaHoursMin = formData.eta_hours_min ? parseFloat(formData.eta_hours_min) : void 0;
+      etaHoursMax = formData.eta_hours_max ? parseFloat(formData.eta_hours_max) : void 0;
+      if (etaHoursMin === void 0 || etaHoursMax === void 0) {
+        errors.push("กรุณากรอก ETA เป็นชั่วโมงให้ครบ");
+      } else if (etaHoursMin > etaHoursMax) {
+        errors.push("ETA ชั่วโมงต่ำสุดต้องน้อยกว่าหรือเท่ากับสูงสุด");
+      }
+    } else {
+      etaDaysMin = formData.eta_days_min ? parseFloat(formData.eta_days_min) : void 0;
+      etaDaysMax = formData.eta_days_max ? parseFloat(formData.eta_days_max) : void 0;
+      if (etaDaysMin === void 0 || etaDaysMax === void 0) {
+        errors.push("กรุณากรอก ETA เป็นวันให้ครบ");
+      } else if (etaDaysMin > etaDaysMax) {
+        errors.push("ETA วันต่ำสุดต้องน้อยกว่าหรือเท่ากับสูงสุด");
+      }
     }
     if (errors.length > 0) {
       toast.error("ข้อมูลไม่ถูกต้อง", {
@@ -1483,16 +1518,23 @@ const MaterialCostModal = ({
     setIsSaving(true);
     try {
       const payload = {
-        name: formData.name.trim(),
-        unit: formData.unit.trim(),
-        cost_per_unit: costPerUnit,
+        carrier_type: formData.carrier_type,
+        service_code: formData.service_code,
+        max_weight_kg: maxWeight,
+        price,
         currency: formData.currency,
-        category: formData.category || void 0,
-        description: formData.description.trim() || void 0,
+        priority,
         active: formData.active
       };
-      const url = materialCost ? `/admin/material-costs/${materialCost.id}` : "/admin/material-costs";
-      const method = materialCost ? "PUT" : "POST";
+      if (usesHours) {
+        payload.eta_hours_min = etaHoursMin;
+        payload.eta_hours_max = etaHoursMax;
+      } else {
+        payload.eta_days_min = etaDaysMin;
+        payload.eta_days_max = etaDaysMax;
+      }
+      const url = rate ? `/admin/shipping-rates/${rate.id}` : "/admin/shipping-rates";
+      const method = rate ? "PUT" : "POST";
       const response = await fetch(url, {
         method,
         headers: { "Content-Type": "application/json" },
@@ -1501,7 +1543,7 @@ const MaterialCostModal = ({
       });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: materialCost ? "แก้ไขรายการต้นทุนวัสดุแล้ว" : "สร้างรายการต้นทุนวัสดุใหม่แล้ว"
+          description: rate ? "แก้ไขอัตราค่าขนส่งแล้ว" : "สร้างอัตราค่าขนส่งใหม่แล้ว"
         });
         onClose();
       } else {
@@ -1517,93 +1559,151 @@ const MaterialCostModal = ({
     }
   };
   return /* @__PURE__ */ jsx(Drawer, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
-    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: materialCost ? "แก้ไขรายการต้นทุนวัสดุ" : "สร้างรายการต้นทุนวัสดุใหม่" }) }),
+    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: rate ? "แก้ไขอัตราค่าขนส่ง" : "สร้างอัตราค่าขนส่งใหม่" }) }),
     /* @__PURE__ */ jsx(Drawer.Body, { children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-4", children: [
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "ชื่อวัสดุ *" }),
-        /* @__PURE__ */ jsx(
-          Input,
+        /* @__PURE__ */ jsx(Label, { htmlFor: "carrier", children: "ประเภทขนส่ง *" }),
+        /* @__PURE__ */ jsxs(
+          Select,
           {
-            id: "name",
-            value: formData.name,
-            onChange: (e) => setFormData({ ...formData, name: e.target.value }),
-            placeholder: "เช่น พลาสติกกันกระแทก, กล่องกระดาษ",
-            required: true
+            value: formData.carrier_type,
+            onValueChange: (value) => setFormData({ ...formData, carrier_type: value }),
+            children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกประเภทขนส่ง" }) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: CARRIER_TYPES$1.map((carrier) => /* @__PURE__ */ jsx(Select.Item, { value: carrier.value, children: carrier.label }, carrier.value)) })
+            ]
           }
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "category", children: "หมวดหมู่ (ไม่บังคับ)" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "service", children: "บริการจัดส่ง *" }),
         /* @__PURE__ */ jsxs(
           Select,
           {
-            value: formData.category || void 0,
-            onValueChange: (value) => setFormData({ ...formData, category: value }),
+            value: formData.service_code,
+            onValueChange: (value) => setFormData({
+              ...formData,
+              service_code: value,
+              eta_hours_min: "",
+              eta_hours_max: "",
+              eta_days_min: "",
+              eta_days_max: ""
+            }),
             children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกหมวดหมู่ (ไม่บังคับ)" }) }),
-              /* @__PURE__ */ jsx(Select.Content, { children: CATEGORIES$1.map((category) => /* @__PURE__ */ jsx(Select.Item, { value: category.value, children: category.label }, category.value)) })
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกบริการ" }) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: SERVICE_CODES$1.map((service) => /* @__PURE__ */ jsx(Select.Item, { value: service.value, children: service.label }, service.value)) })
             ]
           }
         )
       ] }),
+      isMessenger && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3 text-sm space-y-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-semibold text-ui-fg-base", children: "ฐานราคาตามระยะทาง (Messenger)" }),
+        /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "ตั้งช่วงราคาตามระยะทาง เช่น 0-5, 5-20, 20-30, 30+ กม. สำหรับบริการส่งด่วน 3 ชม." }),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { asChild: true, size: "small", variant: "secondary", children: /* @__PURE__ */ jsxs("a", { href: "/base-pricing", target: "_blank", rel: "noreferrer", children: [
+          "จัดการฐานราคา",
+          /* @__PURE__ */ jsx(ExternalLink, { className: "ml-1 h-4 w-4" })
+        ] }) }) })
+      ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4", children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "unit", children: "หน่วย *" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "maxWeight", children: "น้ำหนักสูงสุด (kg) *" }),
           /* @__PURE__ */ jsx(
             Input,
             {
-              id: "unit",
-              value: formData.unit,
-              onChange: (e) => setFormData({ ...formData, unit: e.target.value }),
-              placeholder: "เช่น ชิ้น, เมตร, กิโลกรัม",
+              id: "maxWeight",
+              type: "number",
+              step: "0.1",
+              min: "0",
+              value: formData.max_weight_kg,
+              onChange: (e) => setFormData({ ...formData, max_weight_kg: e.target.value }),
+              placeholder: "เช่น 3",
               required: true
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "costPerUnit", children: "ต้นทุนต่อหน่วย *" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "price", children: "ราคา (THB) *" }),
           /* @__PURE__ */ jsx(
             Input,
             {
-              id: "costPerUnit",
+              id: "price",
               type: "number",
               step: "0.01",
-              value: formData.cost_per_unit,
-              onChange: (e) => setFormData({ ...formData, cost_per_unit: e.target.value }),
-              placeholder: "0.00",
+              min: "0",
+              value: formData.price,
+              onChange: (e) => setFormData({ ...formData, price: e.target.value }),
+              placeholder: "เช่น 80",
               required: true
             }
           )
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "currency", children: "สกุลเงิน" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "priority", children: "ลำดับความสำคัญ" }),
         /* @__PURE__ */ jsx(
           Input,
           {
-            id: "currency",
-            value: formData.currency,
-            onChange: (e) => setFormData({ ...formData, currency: e.target.value }),
-            placeholder: "THB"
+            id: "priority",
+            type: "number",
+            value: formData.priority,
+            onChange: (e) => setFormData({ ...formData, priority: e.target.value }),
+            placeholder: "0"
           }
-        )
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle mt-1", children: "ตัวเลขสูงกว่าจะถูกเสนอให้เลือกก่อน (ค่าเริ่มต้น 0)" })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "description", children: "คำอธิบาย" }),
+        /* @__PURE__ */ jsxs(Label, { children: [
+          usesHours ? "ETA (ชั่วโมง)" : "ETA (วัน)",
+          " *"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-x-4 mt-2", children: usesHours ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              placeholder: "ต่ำสุด",
+              value: formData.eta_hours_min,
+              onChange: (e) => setFormData({ ...formData, eta_hours_min: e.target.value }),
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              placeholder: "สูงสุด",
+              value: formData.eta_hours_max,
+              onChange: (e) => setFormData({ ...formData, eta_hours_max: e.target.value }),
+              required: true
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              placeholder: "ต่ำสุด",
+              value: formData.eta_days_min,
+              onChange: (e) => setFormData({ ...formData, eta_days_min: e.target.value }),
+              required: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              placeholder: "สูงสุด",
+              value: formData.eta_days_max,
+              onChange: (e) => setFormData({ ...formData, eta_days_max: e.target.value }),
+              required: true
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ jsx(
-          Textarea,
-          {
-            id: "description",
-            value: formData.description,
-            onChange: (e) => setFormData({ ...formData, description: e.target.value }),
-            placeholder: "คำอธิบายเพิ่มเติมเกี่ยวกับวัสดุนี้...",
-            rows: 3
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx(
-          Switch,
+          Switch,
           {
             id: "active",
             checked: formData.active,
@@ -1613,202 +1713,168 @@ const MaterialCostModal = ({
         /* @__PURE__ */ jsx(Label, { htmlFor: "active", children: "เปิดใช้งาน" })
       ] }),
       /* @__PURE__ */ jsxs(Drawer.Footer, { children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "secondary",
-            onClick: onClose,
-            disabled: isSaving,
-            children: "ยกเลิก"
-          }
-        ),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: onClose, disabled: isSaving, children: "ยกเลิก" }),
         /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSaving, children: isSaving ? "กำลังบันทึก..." : "บันทึก" })
       ] })
     ] }) })
   ] }) });
 };
-const CATEGORIES = [
+const CARRIER_TYPES = [
   { value: "ALL", label: "ทั้งหมด" },
-  { value: "PACKAGING", label: "วัสดุหีบห่อ" },
-  { value: "PROTECTION", label: "วัสดุป้องกัน" },
-  { value: "FILLING", label: "วัสดุเติมช่องว่าง" },
-  { value: "TAPE", label: "เทป/กาว" },
-  { value: "LABEL", label: "ฉลาก/สติกเกอร์" },
-  { value: "OTHER", label: "อื่นๆ" }
+  { value: "COMPANY_FLEET", label: "บริษัทรถส่งของ (Messenger)" },
+  { value: "COMPANY_TRUCK", label: "รถบริษัท (Same Day)" },
+  { value: "PRIVATE_CARRIER", label: "ขนส่งเอกชน (EMS/Express)" }
 ];
-const MaterialCostsTable = () => {
-  const [materialCosts, setMaterialCosts] = useState([]);
-  const [filteredMaterialCosts, setFilteredMaterialCosts] = useState([]);
-  const [searchTerm, setSearchTerm] = useState("");
-  const [categoryFilter, setCategoryFilter] = useState("ALL");
+const SERVICE_CODES = [
+  { value: "ALL", label: "ทั้งหมด" },
+  { value: "MESSENGER_3H", label: "ส่งด่วน 3 ชม." },
+  { value: "SAME_DAY", label: "ส่งด่วนภายในวัน" },
+  { value: "STANDARD_3_5D", label: "EMS 3-5 วัน" },
+  { value: "EXPRESS_1_2D", label: "Express 1-2 วัน" }
+];
+const ShippingRatesTable = () => {
+  const [rates, setRates] = useState([]);
+  const [filteredRates, setFilteredRates] = useState([]);
+  const [carrierFilter, setCarrierFilter] = useState("ALL");
+  const [serviceFilter, setServiceFilter] = useState("ALL");
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const [editingMaterialCost, setEditingMaterialCost] = useState(null);
+  const [editingRate, setEditingRate] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
-  const [deleteMaterialCostId, setDeleteMaterialCostId] = useState(null);
-  const [deleteMaterialCostName, setDeleteMaterialCostName] = useState("");
+  const [deleteRateId, setDeleteRateId] = useState(null);
   useEffect(() => {
-    fetchMaterialCosts();
+    fetchRates();
   }, []);
   useEffect(() => {
-    let filtered = materialCosts;
-    if (categoryFilter !== "ALL") {
-      filtered = filtered.filter((mc) => mc.category === categoryFilter);
+    let filtered = rates;
+    if (carrierFilter !== "ALL") {
+      filtered = filtered.filter((rate) => rate.carrier_type === carrierFilter);
     }
-    if (searchTerm) {
-      filtered = filtered.filter(
-        (mc) => mc.name.toLowerCase().includes(searchTerm.toLowerCase())
-      );
+    if (serviceFilter !== "ALL") {
+      filtered = filtered.filter((rate) => rate.service_code === serviceFilter);
     }
-    setFilteredMaterialCosts(filtered);
-  }, [searchTerm, categoryFilter, materialCosts]);
-  const fetchMaterialCosts = async () => {
+    setFilteredRates(filtered);
+  }, [carrierFilter, serviceFilter, rates]);
+  const fetchRates = async () => {
     setIsLoading(true);
     try {
-      const response = await fetch("/admin/material-costs", {
+      const response = await fetch("/admin/shipping-rates", {
         credentials: "include"
       });
       const data = await response.json();
-      setMaterialCosts(data.material_costs || []);
+      setRates(data.rates || []);
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถโหลดข้อมูลต้นทุนวัสดุได้"
+        description: "ไม่สามารถโหลดข้อมูลอัตราค่าขนส่งได้"
       });
     } finally {
       setIsLoading(false);
     }
   };
-  const handleToggleActive = async (materialCost) => {
-    try {
-      const response = await fetch(`/admin/material-costs/${materialCost.id}`, {
-        method: "PUT",
-        headers: { "Content-Type": "application/json" },
-        credentials: "include",
-        body: JSON.stringify({ ...materialCost, active: !materialCost.active })
-      });
-      if (response.ok) {
-        toast.success("สำเร็จ", {
-          description: `${materialCost.active ? "ปิดใช้งาน" : "เปิดใช้งาน"}วัสดุ ${materialCost.name} แล้ว`
-        });
-        fetchMaterialCosts();
-      } else {
-        throw new Error("Failed to update");
-      }
-    } catch (error) {
-      toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถอัพเดทสถานะได้"
-      });
-    }
-  };
   const handleDelete = async () => {
-    if (!deleteMaterialCostId) return;
+    if (!deleteRateId) return;
     try {
-      const response = await fetch(
-        `/admin/material-costs/${deleteMaterialCostId}`,
-        {
-          method: "DELETE",
-          credentials: "include"
-        }
-      );
+      const response = await fetch(`/admin/shipping-rates/${deleteRateId}`, {
+        method: "DELETE",
+        credentials: "include"
+      });
       if (response.ok) {
         toast.success("สำเร็จ", {
-          description: `ลบวัสดุ ${deleteMaterialCostName} แล้ว`
+          description: "ลบอัตราค่าขนส่งแล้ว"
         });
-        fetchMaterialCosts();
+        fetchRates();
       } else {
         throw new Error("Failed to delete");
       }
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถลบวัสดุได้"
+        description: "ไม่สามารถลบอัตราค่าขนส่งได้"
       });
     } finally {
-      setDeleteMaterialCostId(null);
-      setDeleteMaterialCostName("");
+      setDeleteRateId(null);
     }
   };
-  const handleEdit = (materialCost) => {
-    setEditingMaterialCost(materialCost);
+  const handleEdit = (rate) => {
+    setEditingRate(rate);
     setIsModalOpen(true);
   };
   const handleCreateNew = () => {
-    setEditingMaterialCost(null);
+    setEditingRate(null);
     setIsModalOpen(true);
   };
   const handleModalClose = () => {
     setIsModalOpen(false);
-    setEditingMaterialCost(null);
-    fetchMaterialCosts();
+    setEditingRate(null);
+    fetchRates();
   };
-  const openDeletePrompt = (id, name) => {
-    setDeleteMaterialCostId(id);
-    setDeleteMaterialCostName(name);
+  const getCarrierLabel = (type) => {
+    var _a;
+    return ((_a = CARRIER_TYPES.find((c) => c.value === type)) == null ? void 0 : _a.label) || type;
   };
-  const getCategoryLabel = (category) => {
+  const getServiceLabel = (code) => {
     var _a;
-    if (!category) return "-";
-    return ((_a = CATEGORIES.find((c) => c.value === category)) == null ? void 0 : _a.label) || category;
+    return ((_a = SERVICE_CODES.find((s) => s.value === code)) == null ? void 0 : _a.label) || code;
+  };
+  const formatETA = (rate) => {
+    if (rate.eta_hours_min !== null && rate.eta_hours_min !== void 0 && rate.eta_hours_max !== null && rate.eta_hours_max !== void 0) {
+      return `${rate.eta_hours_min}-${rate.eta_hours_max} ชม.`;
+    }
+    if (rate.eta_days_min !== null && rate.eta_days_min !== void 0 && rate.eta_days_max !== null && rate.eta_days_max !== void 0) {
+      return `${rate.eta_days_min}-${rate.eta_days_max} วัน`;
+    }
+    return "-";
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-x-4 flex-1", children: [
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "search",
-              placeholder: "ค้นหาชื่อวัสดุ...",
-              value: searchTerm,
-              onChange: (e) => setSearchTerm(e.target.value),
-              className: "max-w-md"
-            }
-          ),
-          /* @__PURE__ */ jsxs(Select, { value: categoryFilter, onValueChange: setCategoryFilter, children: [
-            /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "หมวดหมู่" }) }),
-            /* @__PURE__ */ jsx(Select.Content, { children: CATEGORIES.map((category) => /* @__PURE__ */ jsx(Select.Item, { value: category.value, children: category.label }, category.value)) })
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-x-4 items-end", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-ui-fg-subtle", children: "ประเภทขนส่ง" }),
+            /* @__PURE__ */ jsxs(Select, { value: carrierFilter, onValueChange: setCarrierFilter, children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "ทั้งหมด" }) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: CARRIER_TYPES.map((type) => /* @__PURE__ */ jsx(Select.Item, { value: type.value, children: type.label }, type.value)) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-ui-fg-subtle", children: "บริการจัดส่ง" }),
+            /* @__PURE__ */ jsxs(Select, { value: serviceFilter, onValueChange: setServiceFilter, children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "ทั้งหมด" }) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: SERVICE_CODES.map((service) => /* @__PURE__ */ jsx(Select.Item, { value: service.value, children: service.label }, service.value)) })
+            ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxs(Button, { onClick: handleCreateNew, children: [
           /* @__PURE__ */ jsx(Plus, {}),
-          "สร้างรายการใหม่"
+          "สร้างอัตราใหม่"
         ] })
       ] }),
       /* @__PURE__ */ jsxs(Table, { children: [
         /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ชื่อ" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "หมวดหมู่" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "หน่วย" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ต้นทุนต่อหน่วย" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "คำอธิบาย" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ประเภทขนส่ง" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "บริการ" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "น้ำหนัก ≤ (kg)" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ราคา (THB)" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ETA" }),
           /* @__PURE__ */ jsx(Table.HeaderCell, { children: "สถานะ" }),
           /* @__PURE__ */ jsx(Table.HeaderCell, { className: "text-right", children: "การจัดการ" })
         ] }) }),
-        /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "กำลังโหลด..." }) }) : filteredMaterialCosts.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ไม่พบข้อมูลต้นทุนวัสดุ" }) }) : filteredMaterialCosts.map((materialCost) => /* @__PURE__ */ jsxs(Table.Row, { children: [
-          /* @__PURE__ */ jsx(Table.Cell, { children: materialCost.name }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: "blue", children: getCategoryLabel(materialCost.category) }) }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: materialCost.unit }),
+        /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "กำลังโหลด..." }) }) : filteredRates.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ไม่พบข้อมูลอัตราค่าขนส่ง" }) }) : filteredRates.map((rate) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsx(Table.Cell, { children: getCarrierLabel(rate.carrier_type) }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: getServiceLabel(rate.service_code) }),
           /* @__PURE__ */ jsxs(Table.Cell, { children: [
-            materialCost.cost_per_unit.toFixed(2),
-            " ",
-            materialCost.currency
+            "≤ ",
+            rate.max_weight_kg,
+            " kg"
           ] }),
-          /* @__PURE__ */ jsx(Table.Cell, { className: "max-w-xs truncate", children: materialCost.description || "-" }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
-            Badge,
-            {
-              color: materialCost.active ? "green" : "grey",
-              className: "cursor-pointer",
-              onClick: () => handleToggleActive(materialCost),
-              children: materialCost.active ? "เปิดใช้งาน" : "ปิดใช้งาน"
-            }
-          ) }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: rate.price.toFixed(2) }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: "blue", children: formatETA(rate) }) }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: rate.active ? "green" : "grey", children: rate.active ? "เปิดใช้งาน" : "ปิดใช้งาน" }) }),
           /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
             /* @__PURE__ */ jsx(
               Button,
               {
                 variant: "transparent",
                 size: "small",
-                onClick: () => handleEdit(materialCost),
+                onClick: () => handleEdit(rate),
                 children: /* @__PURE__ */ jsx(Edit, {})
               }
             ),
@@ -1817,38 +1883,25 @@ const MaterialCostsTable = () => {
               {
                 variant: "transparent",
                 size: "small",
-                onClick: () => openDeletePrompt(materialCost.id, materialCost.name),
+                onClick: () => setDeleteRateId(rate.id),
                 children: /* @__PURE__ */ jsx(Trash, {})
               }
             )
           ] }) })
-        ] }, materialCost.id)) })
+        ] }, rate.id)) })
       ] })
     ] }),
-    isModalOpen && /* @__PURE__ */ jsx(
-      MaterialCostModal,
-      {
-        materialCost: editingMaterialCost,
-        onClose: handleModalClose
-      }
-    ),
+    isModalOpen && /* @__PURE__ */ jsx(ShippingRateModal, { rate: editingRate, onClose: handleModalClose }),
     /* @__PURE__ */ jsx(
       Prompt,
       {
         variant: "confirmation",
-        open: !!deleteMaterialCostId,
-        onOpenChange: () => {
-          setDeleteMaterialCostId(null);
-          setDeleteMaterialCostName("");
-        },
+        open: !!deleteRateId,
+        onOpenChange: () => setDeleteRateId(null),
         children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
           /* @__PURE__ */ jsxs(Prompt.Header, { children: [
-            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบรายการต้นทุนวัสดุ" }),
-            /* @__PURE__ */ jsxs(Prompt.Description, { children: [
-              'คุณต้องการลบวัสดุ "',
-              deleteMaterialCostName,
-              '" ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้'
-            ] })
+            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบอัตราค่าขนส่ง" }),
+            /* @__PURE__ */ jsx(Prompt.Description, { children: "คุณต้องการลบอัตราค่าขนส่งนี้ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้" })
           ] }),
           /* @__PURE__ */ jsxs(Prompt.Footer, { children: [
             /* @__PURE__ */ jsx(Prompt.Cancel, { children: "ยกเลิก" }),
@@ -1859,59 +1912,26 @@ const MaterialCostsTable = () => {
     )
   ] });
 };
-const MaterialCostsPage = () => {
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "ต้นทุนวัสดุ" }) }),
-    /* @__PURE__ */ jsx(MaterialCostsTable, {})
-  ] }) });
-};
-const config$1 = defineRouteConfig({
-  icon: CurrencyDollarSolid,
-  label: "ต้นทุนวัสดุ"
-});
-const CARRIER_TYPES$1 = [
-  { value: "COMPANY_FLEET", label: "บริษัทรถส่งของ (Messenger)" },
-  { value: "COMPANY_TRUCK", label: "รถบริษัท (Same Day)" },
-  { value: "PRIVATE_CARRIER", label: "ขนส่งเอกชน (EMS/Express)" }
-];
-const SERVICE_CODES$1 = [
-  { value: "MESSENGER_3H", label: "ส่งด่วน 3 ชม.", usesHours: true },
-  { value: "SAME_DAY", label: "ส่งด่วนภายในวัน", usesHours: true },
-  { value: "STANDARD_3_5D", label: "EMS 3-5 วัน", usesHours: false },
-  { value: "EXPRESS_1_2D", label: "Express 1-2 วัน", usesHours: false }
-];
-const ShippingRateModal = ({ rate, onClose }) => {
+const CompanyTruckBaseRateModal = ({
+  rate,
+  onClose
+}) => {
   const [formData, setFormData] = useState({
-    carrier_type: "COMPANY_FLEET",
-    service_code: "MESSENGER_3H",
-    max_weight_kg: "",
+    min_distance_km: "0",
+    max_distance_km: "",
     price: "",
-    currency: "THB",
     priority: "0",
-    eta_hours_min: "",
-    eta_hours_max: "",
-    eta_days_min: "",
-    eta_days_max: "",
     active: true
   });
   const [isSaving, setIsSaving] = useState(false);
-  const selectedService = SERVICE_CODES$1.find((s) => s.value === formData.service_code);
-  const usesHours = (selectedService == null ? void 0 : selectedService.usesHours) ?? false;
-  const isMessenger = formData.carrier_type === "COMPANY_FLEET" && formData.service_code === "MESSENGER_3H";
   useEffect(() => {
-    var _a, _b, _c, _d;
+    var _a, _b;
     if (rate) {
       setFormData({
-        carrier_type: rate.carrier_type,
-        service_code: rate.service_code,
-        max_weight_kg: rate.max_weight_kg.toString(),
+        min_distance_km: ((_a = rate.min_distance_km) == null ? void 0 : _a.toString()) ?? "0",
+        max_distance_km: ((_b = rate.max_distance_km) == null ? void 0 : _b.toString()) || "",
         price: rate.price.toString(),
-        currency: rate.currency,
         priority: (rate.priority ?? 0).toString(),
-        eta_hours_min: ((_a = rate.eta_hours_min) == null ? void 0 : _a.toString()) || "",
-        eta_hours_max: ((_b = rate.eta_hours_max) == null ? void 0 : _b.toString()) || "",
-        eta_days_min: ((_c = rate.eta_days_min) == null ? void 0 : _c.toString()) || "",
-        eta_days_max: ((_d = rate.eta_days_max) == null ? void 0 : _d.toString()) || "",
         active: rate.active
       });
     }
@@ -1919,11 +1939,16 @@ const ShippingRateModal = ({ rate, onClose }) => {
   const handleSubmit = async (e) => {
     e.preventDefault();
     const errors = [];
-    const maxWeight = parseFloat(formData.max_weight_kg);
+    const minDistance = parseFloat(formData.min_distance_km || "0");
+    const hasMaxDistance = formData.max_distance_km !== "";
+    const maxDistance = hasMaxDistance ? parseFloat(formData.max_distance_km) : void 0;
     const price = parseFloat(formData.price);
-    const priority = parseInt(formData.priority);
-    if (isNaN(maxWeight) || maxWeight <= 0) {
-      errors.push("น้ำหนักสูงสุดต้องเป็นตัวเลขมากกว่า 0");
+    const priority = parseInt(formData.priority || "0", 10);
+    if (isNaN(minDistance) || minDistance < 0) {
+      errors.push("ระยะทางเริ่มต้นต้องไม่ติดลบ");
+    }
+    if (hasMaxDistance && (maxDistance === void 0 || isNaN(maxDistance) || (maxDistance ?? 0) < minDistance)) {
+      errors.push("ระยะทางสูงสุดต้องมากกว่าหรือเท่ากับระยะทางเริ่มต้น");
     }
     if (isNaN(price) || price < 0) {
       errors.push("ราคาต้องเป็นตัวเลขไม่ติดลบ");
@@ -1931,27 +1956,6 @@ const ShippingRateModal = ({ rate, onClose }) => {
     if (isNaN(priority)) {
       errors.push("ลำดับความสำคัญต้องเป็นตัวเลข");
     }
-    let etaHoursMin;
-    let etaHoursMax;
-    let etaDaysMin;
-    let etaDaysMax;
-    if (usesHours) {
-      etaHoursMin = formData.eta_hours_min ? parseFloat(formData.eta_hours_min) : void 0;
-      etaHoursMax = formData.eta_hours_max ? parseFloat(formData.eta_hours_max) : void 0;
-      if (etaHoursMin === void 0 || etaHoursMax === void 0) {
-        errors.push("กรุณากรอก ETA เป็นชั่วโมงให้ครบ");
-      } else if (etaHoursMin > etaHoursMax) {
-        errors.push("ETA ชั่วโมงต่ำสุดต้องน้อยกว่าหรือเท่ากับสูงสุด");
-      }
-    } else {
-      etaDaysMin = formData.eta_days_min ? parseFloat(formData.eta_days_min) : void 0;
-      etaDaysMax = formData.eta_days_max ? parseFloat(formData.eta_days_max) : void 0;
-      if (etaDaysMin === void 0 || etaDaysMax === void 0) {
-        errors.push("กรุณากรอก ETA เป็นวันให้ครบ");
-      } else if (etaDaysMin > etaDaysMax) {
-        errors.push("ETA วันต่ำสุดต้องน้อยกว่าหรือเท่ากับสูงสุด");
-      }
-    }
     if (errors.length > 0) {
       toast.error("ข้อมูลไม่ถูกต้อง", {
         description: errors.join(", ")
@@ -1961,22 +1965,17 @@ const ShippingRateModal = ({ rate, onClose }) => {
     setIsSaving(true);
     try {
       const payload = {
-        carrier_type: formData.carrier_type,
-        service_code: formData.service_code,
-        max_weight_kg: maxWeight,
+        carrier_type: "COMPANY_TRUCK",
+        carrier: "COMPANY_TRUCK",
+        service_code: "SAME_DAY",
+        min_distance_km: minDistance,
+        max_distance_km: maxDistance === void 0 || isNaN(maxDistance) ? null : maxDistance,
         price,
-        currency: formData.currency,
+        currency: "THB",
         priority,
         active: formData.active
       };
-      if (usesHours) {
-        payload.eta_hours_min = etaHoursMin;
-        payload.eta_hours_max = etaHoursMax;
-      } else {
-        payload.eta_days_min = etaDaysMin;
-        payload.eta_days_max = etaDaysMax;
-      }
-      const url = rate ? `/admin/shipping-rates/${rate.id}` : "/admin/shipping-rates";
+      const url = rate ? `/admin/base-shipping-prices/${rate.id}` : "/admin/base-shipping-prices";
       const method = rate ? "PUT" : "POST";
       const response = await fetch(url, {
         method,
@@ -1984,15 +1983,14 @@ const ShippingRateModal = ({ rate, onClose }) => {
         credentials: "include",
         body: JSON.stringify(payload)
       });
-      if (response.ok) {
-        toast.success("สำเร็จ", {
-          description: rate ? "แก้ไขอัตราค่าขนส่งแล้ว" : "สร้างอัตราค่าขนส่งใหม่แล้ว"
-        });
-        onClose();
-      } else {
-        const error = await response.json();
-        throw new Error(error.message || "Failed to save");
+      if (!response.ok) {
+        const error = await response.json().catch(() => ({}));
+        throw new Error(error.message || "ไม่สามารถบันทึกข้อมูลได้");
       }
+      toast.success("สำเร็จ", {
+        description: rate ? "แก้ไขฐานราคาตามระยะทางแล้ว" : "สร้างฐานราคาตามระยะทางใหม่แล้ว"
+      });
+      onClose();
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
         description: error instanceof Error ? error.message : "ไม่สามารถบันทึกข้อมูลได้"
@@ -2002,85 +2000,56 @@ const ShippingRateModal = ({ rate, onClose }) => {
     }
   };
   return /* @__PURE__ */ jsx(Drawer, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
-    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: rate ? "แก้ไขอัตราค่าขนส่ง" : "สร้างอัตราค่าขนส่งใหม่" }) }),
+    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: rate ? "แก้ไขฐานราคาตามระยะทาง (รถบริษัท)" : "สร้างฐานราคาตามระยะทาง (รถบริษัท)" }) }),
     /* @__PURE__ */ jsx(Drawer.Body, { children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "carrier", children: "ประเภทขนส่ง *" }),
-        /* @__PURE__ */ jsxs(
-          Select,
-          {
-            value: formData.carrier_type,
-            onValueChange: (value) => setFormData({ ...formData, carrier_type: value }),
-            children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกประเภทขนส่ง" }) }),
-              /* @__PURE__ */ jsx(Select.Content, { children: CARRIER_TYPES$1.map((carrier) => /* @__PURE__ */ jsx(Select.Item, { value: carrier.value, children: carrier.label }, carrier.value)) })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "service", children: "บริการจัดส่ง *" }),
-        /* @__PURE__ */ jsxs(
-          Select,
-          {
-            value: formData.service_code,
-            onValueChange: (value) => setFormData({
-              ...formData,
-              service_code: value,
-              eta_hours_min: "",
-              eta_hours_max: "",
-              eta_days_min: "",
-              eta_days_max: ""
-            }),
-            children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกบริการ" }) }),
-              /* @__PURE__ */ jsx(Select.Content, { children: SERVICE_CODES$1.map((service) => /* @__PURE__ */ jsx(Select.Item, { value: service.value, children: service.label }, service.value)) })
-            ]
-          }
-        )
-      ] }),
-      isMessenger && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3 text-sm space-y-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "font-semibold text-ui-fg-base", children: "ฐานราคาตามระยะทาง (Messenger)" }),
-        /* @__PURE__ */ jsx("div", { className: "text-ui-fg-subtle", children: "ตั้งช่วงราคาตามระยะทาง เช่น 0-5, 5-20, 20-30, 30+ กม. สำหรับบริการส่งด่วน 3 ชม." }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { asChild: true, size: "small", variant: "secondary", children: /* @__PURE__ */ jsxs("a", { href: "/base-pricing", target: "_blank", rel: "noreferrer", children: [
-          "จัดการฐานราคา",
-          /* @__PURE__ */ jsx(ExternalLink, { className: "ml-1 h-4 w-4" })
-        ] }) }) })
-      ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4", children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "maxWeight", children: "น้ำหนักสูงสุด (kg) *" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "min_distance_km", children: "ระยะทางเริ่มต้น (กม.) *" }),
           /* @__PURE__ */ jsx(
             Input,
             {
-              id: "maxWeight",
+              id: "min_distance_km",
               type: "number",
-              step: "0.1",
               min: "0",
-              value: formData.max_weight_kg,
-              onChange: (e) => setFormData({ ...formData, max_weight_kg: e.target.value }),
-              placeholder: "เช่น 3",
+              step: "0.1",
+              value: formData.min_distance_km,
+              onChange: (e) => setFormData({ ...formData, min_distance_km: e.target.value }),
               required: true
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "price", children: "ราคา (THB) *" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "max_distance_km", children: "ระยะทางสูงสุด (กม.)" }),
           /* @__PURE__ */ jsx(
             Input,
             {
-              id: "price",
+              id: "max_distance_km",
               type: "number",
-              step: "0.01",
               min: "0",
-              value: formData.price,
-              onChange: (e) => setFormData({ ...formData, price: e.target.value }),
-              placeholder: "เช่น 80",
-              required: true
+              step: "0.1",
+              placeholder: "ปล่อยว่างหากไม่มีที่สิ้นสุด",
+              value: formData.max_distance_km,
+              onChange: (e) => setFormData({ ...formData, max_distance_km: e.target.value })
             }
-          )
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle mt-1", children: "เว้นว่างเพื่อกำหนดช่วงราคาแบบ 30+ กม." })
         ] })
       ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "price", children: "ราคา (THB) *" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "price",
+            type: "number",
+            min: "0",
+            step: "0.01",
+            value: formData.price,
+            onChange: (e) => setFormData({ ...formData, price: e.target.value }),
+            required: true
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx(Label, { htmlFor: "priority", children: "ลำดับความสำคัญ" }),
         /* @__PURE__ */ jsx(
@@ -2093,56 +2062,7 @@ const ShippingRateModal = ({ rate, onClose }) => {
             placeholder: "0"
           }
         ),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle mt-1", children: "ตัวเลขสูงกว่าจะถูกเสนอให้เลือกก่อน (ค่าเริ่มต้น 0)" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs(Label, { children: [
-          usesHours ? "ETA (ชั่วโมง)" : "ETA (วัน)",
-          " *"
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-x-4 mt-2", children: usesHours ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "number",
-              placeholder: "ต่ำสุด",
-              value: formData.eta_hours_min,
-              onChange: (e) => setFormData({ ...formData, eta_hours_min: e.target.value }),
-              required: true
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "number",
-              placeholder: "สูงสุด",
-              value: formData.eta_hours_max,
-              onChange: (e) => setFormData({ ...formData, eta_hours_max: e.target.value }),
-              required: true
-            }
-          )
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "number",
-              placeholder: "ต่ำสุด",
-              value: formData.eta_days_min,
-              onChange: (e) => setFormData({ ...formData, eta_days_min: e.target.value }),
-              required: true
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "number",
-              placeholder: "สูงสุด",
-              value: formData.eta_days_max,
-              onChange: (e) => setFormData({ ...formData, eta_days_max: e.target.value }),
-              required: true
-            }
-          )
-        ] }) })
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle mt-1", children: "ใช้สำหรับจัดลำดับเมื่อมีช่วงราคาทับกัน (ค่าเริ่มต้น 0)" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ jsx(
@@ -2156,195 +2076,163 @@ const ShippingRateModal = ({ rate, onClose }) => {
         /* @__PURE__ */ jsx(Label, { htmlFor: "active", children: "เปิดใช้งาน" })
       ] }),
       /* @__PURE__ */ jsxs(Drawer.Footer, { children: [
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: onClose, disabled: isSaving, children: "ยกเลิก" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "secondary",
+            onClick: onClose,
+            disabled: isSaving,
+            children: "ยกเลิก"
+          }
+        ),
         /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSaving, children: isSaving ? "กำลังบันทึก..." : "บันทึก" })
       ] })
     ] }) })
   ] }) });
 };
-const CARRIER_TYPES = [
-  { value: "ALL", label: "ทั้งหมด" },
-  { value: "COMPANY_FLEET", label: "บริษัทรถส่งของ (Messenger)" },
-  { value: "COMPANY_TRUCK", label: "รถบริษัท (Same Day)" },
-  { value: "PRIVATE_CARRIER", label: "ขนส่งเอกชน (EMS/Express)" }
-];
-const SERVICE_CODES = [
-  { value: "ALL", label: "ทั้งหมด" },
-  { value: "MESSENGER_3H", label: "ส่งด่วน 3 ชม." },
-  { value: "SAME_DAY", label: "ส่งด่วนภายในวัน" },
-  { value: "STANDARD_3_5D", label: "EMS 3-5 วัน" },
-  { value: "EXPRESS_1_2D", label: "Express 1-2 วัน" }
-];
-const ShippingRatesTable = () => {
+const CompanyTruckBasePricingTable = () => {
   const [rates, setRates] = useState([]);
-  const [filteredRates, setFilteredRates] = useState([]);
-  const [carrierFilter, setCarrierFilter] = useState("ALL");
-  const [serviceFilter, setServiceFilter] = useState("ALL");
+  const [isLoading, setIsLoading] = useState(false);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [editingRate, setEditingRate] = useState(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const [deleteRateId, setDeleteRateId] = useState(null);
+  const [deleteId, setDeleteId] = useState(null);
   useEffect(() => {
     fetchRates();
   }, []);
-  useEffect(() => {
-    let filtered = rates;
-    if (carrierFilter !== "ALL") {
-      filtered = filtered.filter((rate) => rate.carrier_type === carrierFilter);
-    }
-    if (serviceFilter !== "ALL") {
-      filtered = filtered.filter((rate) => rate.service_code === serviceFilter);
-    }
-    setFilteredRates(filtered);
-  }, [carrierFilter, serviceFilter, rates]);
+  const orderedRates = useMemo(() => {
+    return [...rates].sort((a, b) => {
+      if (a.min_distance_km !== b.min_distance_km) {
+        return a.min_distance_km - b.min_distance_km;
+      }
+      const aMax = a.max_distance_km ?? Number.POSITIVE_INFINITY;
+      const bMax = b.max_distance_km ?? Number.POSITIVE_INFINITY;
+      return aMax - bMax;
+    });
+  }, [rates]);
   const fetchRates = async () => {
     setIsLoading(true);
     try {
-      const response = await fetch("/admin/shipping-rates", {
-        credentials: "include"
-      });
+      const response = await fetch(
+        "/admin/base-shipping-prices?carrier_type=COMPANY_TRUCK&service_code=SAME_DAY",
+        {
+          credentials: "include"
+        }
+      );
+      if (!response.ok) {
+        throw new Error("failed_to_load_base_rates");
+      }
       const data = await response.json();
-      setRates(data.rates || []);
+      setRates(data.base_rates || []);
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถโหลดข้อมูลอัตราค่าขนส่งได้"
+        description: "ไม่สามารถโหลดฐานราคาตามระยะทางได้"
       });
     } finally {
       setIsLoading(false);
     }
   };
   const handleDelete = async () => {
-    if (!deleteRateId) return;
+    if (!deleteId) return;
     try {
-      const response = await fetch(`/admin/shipping-rates/${deleteRateId}`, {
-        method: "DELETE",
-        credentials: "include"
-      });
-      if (response.ok) {
-        toast.success("สำเร็จ", {
-          description: "ลบอัตราค่าขนส่งแล้ว"
-        });
-        fetchRates();
-      } else {
-        throw new Error("Failed to delete");
+      const response = await fetch(
+        `/admin/base-shipping-prices/${deleteId}`,
+        {
+          method: "DELETE",
+          credentials: "include"
+        }
+      );
+      if (!response.ok) {
+        throw new Error("failed_to_delete");
       }
+      toast.success("สำเร็จ", {
+        description: "ลบฐานราคาสำเร็จ"
+      });
+      fetchRates();
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถลบอัตราค่าขนส่งได้"
+        description: "ไม่สามารถลบฐานราคาได้"
       });
     } finally {
-      setDeleteRateId(null);
+      setDeleteId(null);
     }
   };
-  const handleEdit = (rate) => {
-    setEditingRate(rate);
-    setIsModalOpen(true);
-  };
-  const handleCreateNew = () => {
-    setEditingRate(null);
-    setIsModalOpen(true);
-  };
   const handleModalClose = () => {
     setIsModalOpen(false);
     setEditingRate(null);
     fetchRates();
   };
-  const getCarrierLabel = (type) => {
-    var _a;
-    return ((_a = CARRIER_TYPES.find((c) => c.value === type)) == null ? void 0 : _a.label) || type;
-  };
-  const getServiceLabel = (code) => {
-    var _a;
-    return ((_a = SERVICE_CODES.find((s) => s.value === code)) == null ? void 0 : _a.label) || code;
-  };
-  const formatETA = (rate) => {
-    if (rate.eta_hours_min !== null && rate.eta_hours_min !== void 0 && rate.eta_hours_max !== null && rate.eta_hours_max !== void 0) {
-      return `${rate.eta_hours_min}-${rate.eta_hours_max} ชม.`;
-    }
-    if (rate.eta_days_min !== null && rate.eta_days_min !== void 0 && rate.eta_days_max !== null && rate.eta_days_max !== void 0) {
-      return `${rate.eta_days_min}-${rate.eta_days_max} วัน`;
+  const formatDistanceRange = (rate) => {
+    const min = rate.min_distance_km ?? 0;
+    const max = rate.max_distance_km;
+    if (max === void 0 || max === null) {
+      return `${min}+ กม.`;
     }
-    return "-";
+    return `${min}-${max} กม.`;
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-x-4 items-end", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-ui-fg-subtle", children: "ประเภทขนส่ง" }),
-            /* @__PURE__ */ jsxs(Select, { value: carrierFilter, onValueChange: setCarrierFilter, children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "ทั้งหมด" }) }),
-              /* @__PURE__ */ jsx(Select.Content, { children: CARRIER_TYPES.map((type) => /* @__PURE__ */ jsx(Select.Item, { value: type.value, children: type.label }, type.value)) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
-            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-ui-fg-subtle", children: "บริการจัดส่ง" }),
-            /* @__PURE__ */ jsxs(Select, { value: serviceFilter, onValueChange: setServiceFilter, children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "ทั้งหมด" }) }),
-              /* @__PURE__ */ jsx(Select.Content, { children: SERVICE_CODES.map((service) => /* @__PURE__ */ jsx(Select.Item, { value: service.value, children: service.label }, service.value)) })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Button, { onClick: handleCreateNew, children: [
-          /* @__PURE__ */ jsx(Plus, {}),
-          "สร้างอัตราใหม่"
-        ] })
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "ฐานราคาตามระยะทาง (รถบริษัท - Same Day)" }),
+        /* @__PURE__ */ jsx("p", { className: "text-ui-fg-subtle text-sm", children: "กำหนดราคาเริ่มต้นตามระยะทาง เช่น 0-10, 10-30, 30-50, 50+ กม." })
       ] }),
-      /* @__PURE__ */ jsxs(Table, { children: [
-        /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ประเภทขนส่ง" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "บริการ" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "น้ำหนัก ≤ (kg)" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ราคา (THB)" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ETA" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "สถานะ" }),
-          /* @__PURE__ */ jsx(Table.HeaderCell, { className: "text-right", children: "การจัดการ" })
-        ] }) }),
-        /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "กำลังโหลด..." }) }) : filteredRates.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ไม่พบข้อมูลอัตราค่าขนส่ง" }) }) : filteredRates.map((rate) => /* @__PURE__ */ jsxs(Table.Row, { children: [
-          /* @__PURE__ */ jsx(Table.Cell, { children: getCarrierLabel(rate.carrier_type) }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: getServiceLabel(rate.service_code) }),
-          /* @__PURE__ */ jsxs(Table.Cell, { children: [
-            "≤ ",
-            rate.max_weight_kg,
-            " kg"
-          ] }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: rate.price.toFixed(2) }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: "blue", children: formatETA(rate) }) }),
-          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: rate.active ? "green" : "grey", children: rate.active ? "เปิดใช้งาน" : "ปิดใช้งาน" }) }),
-          /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "transparent",
-                size: "small",
-                onClick: () => handleEdit(rate),
-                children: /* @__PURE__ */ jsx(Edit, {})
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "transparent",
-                size: "small",
-                onClick: () => setDeleteRateId(rate.id),
-                children: /* @__PURE__ */ jsx(Trash, {})
-              }
-            )
-          ] }) })
-        ] }, rate.id)) })
+      /* @__PURE__ */ jsxs(Button, { onClick: () => setIsModalOpen(true), children: [
+        /* @__PURE__ */ jsx(Plus, {}),
+        "เพิ่มช่วงราคา"
       ] })
     ] }),
-    isModalOpen && /* @__PURE__ */ jsx(ShippingRateModal, { rate: editingRate, onClose: handleModalClose }),
+    /* @__PURE__ */ jsxs(Table, { className: "mt-4", children: [
+      /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ช่วงระยะทาง" }),
+        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ราคา (THB)" }),
+        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ลำดับ" }),
+        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "สถานะ" }),
+        /* @__PURE__ */ jsx(Table.HeaderCell, { className: "text-right", children: "การจัดการ" })
+      ] }) }),
+      /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { colSpan: 5, className: "text-center", children: "กำลังโหลด..." }) }) : orderedRates.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { colSpan: 5, className: "text-center", children: "ยังไม่ได้ตั้งค่าฐานราคาตามระยะทาง (รถบริษัทจะใช้ราคาตามน้ำหนัก)" }) }) : orderedRates.map((rate) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+        /* @__PURE__ */ jsx(Table.Cell, { children: formatDistanceRange(rate) }),
+        /* @__PURE__ */ jsxs(Table.Cell, { children: [
+          "฿",
+          rate.price.toFixed(2)
+        ] }),
+        /* @__PURE__ */ jsx(Table.Cell, { children: rate.priority ?? 0 }),
+        /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: rate.active ? "green" : "grey", children: rate.active ? "เปิดใช้งาน" : "ปิดใช้งาน" }) }),
+        /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "transparent",
+              size: "small",
+              onClick: () => {
+                setEditingRate(rate);
+                setIsModalOpen(true);
+              },
+              children: /* @__PURE__ */ jsx(Edit, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "transparent",
+              size: "small",
+              onClick: () => setDeleteId(rate.id),
+              children: /* @__PURE__ */ jsx(Trash, {})
+            }
+          )
+        ] }) })
+      ] }, rate.id)) })
+    ] }),
+    isModalOpen && /* @__PURE__ */ jsx(CompanyTruckBaseRateModal, { rate: editingRate, onClose: handleModalClose }),
     /* @__PURE__ */ jsx(
       Prompt,
       {
         variant: "confirmation",
-        open: !!deleteRateId,
-        onOpenChange: () => setDeleteRateId(null),
+        open: !!deleteId,
+        onOpenChange: () => setDeleteId(null),
         children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
           /* @__PURE__ */ jsxs(Prompt.Header, { children: [
-            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบอัตราค่าขนส่ง" }),
-            /* @__PURE__ */ jsx(Prompt.Description, { children: "คุณต้องการลบอัตราค่าขนส่งนี้ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้" })
+            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบฐานราคา" }),
+            /* @__PURE__ */ jsx(Prompt.Description, { children: "คุณต้องการลบช่วงราคานี้ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้" })
           ] }),
           /* @__PURE__ */ jsxs(Prompt.Footer, { children: [
             /* @__PURE__ */ jsx(Prompt.Cancel, { children: "ยกเลิก" }),
@@ -2355,49 +2243,71 @@ const ShippingRatesTable = () => {
     )
   ] });
 };
-const CompanyTruckBaseRateModal = ({
-  rate,
+const RatesPage = () => {
+  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "อัตราค่าขนส่ง" }) }),
+    /* @__PURE__ */ jsx(ShippingRatesTable, {}),
+    /* @__PURE__ */ jsxs("div", { className: "border-t pt-4", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-2 text-lg", children: "ฐานราคาตามระยะทาง (Messenger 3H)" }),
+      /* @__PURE__ */ jsx(MessengerBasePricingTable, {})
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "border-t pt-4", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-2 text-lg", children: "ฐานราคาตามระยะทาง (รถบริษัท - Same Day)" }),
+      /* @__PURE__ */ jsx(CompanyTruckBasePricingTable, {})
+    ] })
+  ] }) });
+};
+const config$1 = defineRouteConfig({
+  icon: HandTruck,
+  label: "อัตราค่าขนส่ง"
+});
+const CATEGORIES$1 = [
+  { value: "PACKAGING", label: "วัสดุหีบห่อ" },
+  { value: "PROTECTION", label: "วัสดุป้องกัน" },
+  { value: "FILLING", label: "วัสดุเติมช่องว่าง" },
+  { value: "TAPE", label: "เทป/กาว" },
+  { value: "LABEL", label: "ฉลาก/สติกเกอร์" },
+  { value: "OTHER", label: "อื่นๆ" }
+];
+const MaterialCostModal = ({
+  materialCost,
   onClose
 }) => {
   const [formData, setFormData] = useState({
-    min_distance_km: "0",
-    max_distance_km: "",
-    price: "",
-    priority: "0",
+    name: "",
+    unit: "",
+    cost_per_unit: "",
+    currency: "THB",
+    category: "",
+    description: "",
     active: true
   });
   const [isSaving, setIsSaving] = useState(false);
   useEffect(() => {
-    var _a, _b;
-    if (rate) {
+    if (materialCost) {
       setFormData({
-        min_distance_km: ((_a = rate.min_distance_km) == null ? void 0 : _a.toString()) ?? "0",
-        max_distance_km: ((_b = rate.max_distance_km) == null ? void 0 : _b.toString()) || "",
-        price: rate.price.toString(),
-        priority: (rate.priority ?? 0).toString(),
-        active: rate.active
+        name: materialCost.name,
+        unit: materialCost.unit,
+        cost_per_unit: materialCost.cost_per_unit.toString(),
+        currency: materialCost.currency,
+        category: materialCost.category || "",
+        description: materialCost.description || "",
+        active: materialCost.active
       });
     }
-  }, [rate]);
+  }, [materialCost]);
   const handleSubmit = async (e) => {
     e.preventDefault();
     const errors = [];
-    const minDistance = parseFloat(formData.min_distance_km || "0");
-    const hasMaxDistance = formData.max_distance_km !== "";
-    const maxDistance = hasMaxDistance ? parseFloat(formData.max_distance_km) : void 0;
-    const price = parseFloat(formData.price);
-    const priority = parseInt(formData.priority || "0", 10);
-    if (isNaN(minDistance) || minDistance < 0) {
-      errors.push("ระยะทางเริ่มต้นต้องไม่ติดลบ");
-    }
-    if (hasMaxDistance && (maxDistance === void 0 || isNaN(maxDistance) || (maxDistance ?? 0) < minDistance)) {
-      errors.push("ระยะทางสูงสุดต้องมากกว่าหรือเท่ากับระยะทางเริ่มต้น");
+    if (!formData.name.trim()) {
+      errors.push("กรุณากรอกชื่อวัสดุ");
     }
-    if (isNaN(price) || price < 0) {
-      errors.push("ราคาต้องเป็นตัวเลขไม่ติดลบ");
+    if (!formData.unit.trim()) {
+      errors.push("กรุณากรอกหน่วย");
     }
-    if (isNaN(priority)) {
-      errors.push("ลำดับความสำคัญต้องเป็นตัวเลข");
+    const costPerUnit = parseFloat(formData.cost_per_unit);
+    if (isNaN(costPerUnit) || costPerUnit < 0) {
+      errors.push("ต้นทุนต่อหน่วยต้องเป็นตัวเลขไม่ติดลบ");
     }
     if (errors.length > 0) {
       toast.error("ข้อมูลไม่ถูกต้อง", {
@@ -2408,32 +2318,31 @@ const CompanyTruckBaseRateModal = ({
     setIsSaving(true);
     try {
       const payload = {
-        carrier_type: "COMPANY_TRUCK",
-        carrier: "COMPANY_TRUCK",
-        service_code: "SAME_DAY",
-        min_distance_km: minDistance,
-        max_distance_km: maxDistance === void 0 || isNaN(maxDistance) ? null : maxDistance,
-        price,
-        currency: "THB",
-        priority,
+        name: formData.name.trim(),
+        unit: formData.unit.trim(),
+        cost_per_unit: costPerUnit,
+        currency: formData.currency,
+        category: formData.category || void 0,
+        description: formData.description.trim() || void 0,
         active: formData.active
       };
-      const url = rate ? `/admin/base-shipping-prices/${rate.id}` : "/admin/base-shipping-prices";
-      const method = rate ? "PUT" : "POST";
+      const url = materialCost ? `/admin/material-costs/${materialCost.id}` : "/admin/material-costs";
+      const method = materialCost ? "PUT" : "POST";
       const response = await fetch(url, {
         method,
         headers: { "Content-Type": "application/json" },
         credentials: "include",
         body: JSON.stringify(payload)
       });
-      if (!response.ok) {
-        const error = await response.json().catch(() => ({}));
-        throw new Error(error.message || "ไม่สามารถบันทึกข้อมูลได้");
+      if (response.ok) {
+        toast.success("สำเร็จ", {
+          description: materialCost ? "แก้ไขรายการต้นทุนวัสดุแล้ว" : "สร้างรายการต้นทุนวัสดุใหม่แล้ว"
+        });
+        onClose();
+      } else {
+        const error = await response.json();
+        throw new Error(error.message || "Failed to save");
       }
-      toast.success("สำเร็จ", {
-        description: rate ? "แก้ไขฐานราคาตามระยะทางแล้ว" : "สร้างฐานราคาตามระยะทางใหม่แล้ว"
-      });
-      onClose();
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
         description: error instanceof Error ? error.message : "ไม่สามารถบันทึกข้อมูลได้"
@@ -2443,69 +2352,89 @@ const CompanyTruckBaseRateModal = ({
     }
   };
   return /* @__PURE__ */ jsx(Drawer, { open: true, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
-    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: rate ? "แก้ไขฐานราคาตามระยะทาง (รถบริษัท)" : "สร้างฐานราคาตามระยะทาง (รถบริษัท)" }) }),
+    /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: materialCost ? "แก้ไขรายการต้นทุนวัสดุ" : "สร้างรายการต้นทุนวัสดุใหม่" }) }),
     /* @__PURE__ */ jsx(Drawer.Body, { children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: "ชื่อวัสดุ *" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "name",
+            value: formData.name,
+            onChange: (e) => setFormData({ ...formData, name: e.target.value }),
+            placeholder: "เช่น พลาสติกกันกระแทก, กล่องกระดาษ",
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "category", children: "หมวดหมู่ (ไม่บังคับ)" }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: formData.category || void 0,
+            onValueChange: (value) => setFormData({ ...formData, category: value }),
+            children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "เลือกหมวดหมู่ (ไม่บังคับ)" }) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: CATEGORIES$1.map((category) => /* @__PURE__ */ jsx(Select.Item, { value: category.value, children: category.label }, category.value)) })
+            ]
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4", children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "min_distance_km", children: "ระยะทางเริ่มต้น (กม.) *" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "unit", children: "หน่วย *" }),
           /* @__PURE__ */ jsx(
             Input,
             {
-              id: "min_distance_km",
-              type: "number",
-              min: "0",
-              step: "0.1",
-              value: formData.min_distance_km,
-              onChange: (e) => setFormData({ ...formData, min_distance_km: e.target.value }),
+              id: "unit",
+              value: formData.unit,
+              onChange: (e) => setFormData({ ...formData, unit: e.target.value }),
+              placeholder: "เช่น ชิ้น, เมตร, กิโลกรัม",
               required: true
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: "max_distance_km", children: "ระยะทางสูงสุด (กม.)" }),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "costPerUnit", children: "ต้นทุนต่อหน่วย *" }),
           /* @__PURE__ */ jsx(
             Input,
             {
-              id: "max_distance_km",
+              id: "costPerUnit",
               type: "number",
-              min: "0",
-              step: "0.1",
-              placeholder: "ปล่อยว่างหากไม่มีที่สิ้นสุด",
-              value: formData.max_distance_km,
-              onChange: (e) => setFormData({ ...formData, max_distance_km: e.target.value })
+              step: "0.01",
+              value: formData.cost_per_unit,
+              onChange: (e) => setFormData({ ...formData, cost_per_unit: e.target.value }),
+              placeholder: "0.00",
+              required: true
             }
-          ),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle mt-1", children: "เว้นว่างเพื่อกำหนดช่วงราคาแบบ 30+ กม." })
+          )
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "price", children: "ราคา (THB) *" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "currency", children: "สกุลเงิน" }),
         /* @__PURE__ */ jsx(
           Input,
           {
-            id: "price",
-            type: "number",
-            min: "0",
-            step: "0.01",
-            value: formData.price,
-            onChange: (e) => setFormData({ ...formData, price: e.target.value }),
-            required: true
+            id: "currency",
+            value: formData.currency,
+            onChange: (e) => setFormData({ ...formData, currency: e.target.value }),
+            placeholder: "THB"
           }
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "priority", children: "ลำดับความสำคัญ" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "description", children: "คำอธิบาย" }),
         /* @__PURE__ */ jsx(
-          Input,
+          Textarea,
           {
-            id: "priority",
-            type: "number",
-            value: formData.priority,
-            onChange: (e) => setFormData({ ...formData, priority: e.target.value }),
-            placeholder: "0"
+            id: "description",
+            value: formData.description,
+            onChange: (e) => setFormData({ ...formData, description: e.target.value }),
+            placeholder: "คำอธิบายเพิ่มเติมเกี่ยวกับวัสดุนี้...",
+            rows: 3
           }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-ui-fg-subtle mt-1", children: "ใช้สำหรับจัดลำดับเมื่อมีช่วงราคาทับกัน (ค่าเริ่มต้น 0)" })
+        )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ jsx(
@@ -2534,148 +2463,227 @@ const CompanyTruckBaseRateModal = ({
     ] }) })
   ] }) });
 };
-const CompanyTruckBasePricingTable = () => {
-  const [rates, setRates] = useState([]);
-  const [isLoading, setIsLoading] = useState(false);
+const CATEGORIES = [
+  { value: "ALL", label: "ทั้งหมด" },
+  { value: "PACKAGING", label: "วัสดุหีบห่อ" },
+  { value: "PROTECTION", label: "วัสดุป้องกัน" },
+  { value: "FILLING", label: "วัสดุเติมช่องว่าง" },
+  { value: "TAPE", label: "เทป/กาว" },
+  { value: "LABEL", label: "ฉลาก/สติกเกอร์" },
+  { value: "OTHER", label: "อื่นๆ" }
+];
+const MaterialCostsTable = () => {
+  const [materialCosts, setMaterialCosts] = useState([]);
+  const [filteredMaterialCosts, setFilteredMaterialCosts] = useState([]);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [categoryFilter, setCategoryFilter] = useState("ALL");
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const [editingRate, setEditingRate] = useState(null);
-  const [deleteId, setDeleteId] = useState(null);
+  const [editingMaterialCost, setEditingMaterialCost] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [deleteMaterialCostId, setDeleteMaterialCostId] = useState(null);
+  const [deleteMaterialCostName, setDeleteMaterialCostName] = useState("");
   useEffect(() => {
-    fetchRates();
+    fetchMaterialCosts();
   }, []);
-  const orderedRates = useMemo(() => {
-    return [...rates].sort((a, b) => {
-      if (a.min_distance_km !== b.min_distance_km) {
-        return a.min_distance_km - b.min_distance_km;
-      }
-      const aMax = a.max_distance_km ?? Number.POSITIVE_INFINITY;
-      const bMax = b.max_distance_km ?? Number.POSITIVE_INFINITY;
-      return aMax - bMax;
-    });
-  }, [rates]);
-  const fetchRates = async () => {
-    setIsLoading(true);
-    try {
-      const response = await fetch(
-        "/admin/base-shipping-prices?carrier_type=COMPANY_TRUCK&service_code=SAME_DAY",
-        {
-          credentials: "include"
-        }
-      );
-      if (!response.ok) {
-        throw new Error("failed_to_load_base_rates");
-      }
+  useEffect(() => {
+    let filtered = materialCosts;
+    if (categoryFilter !== "ALL") {
+      filtered = filtered.filter((mc) => mc.category === categoryFilter);
+    }
+    if (searchTerm) {
+      filtered = filtered.filter(
+        (mc) => mc.name.toLowerCase().includes(searchTerm.toLowerCase())
+      );
+    }
+    setFilteredMaterialCosts(filtered);
+  }, [searchTerm, categoryFilter, materialCosts]);
+  const fetchMaterialCosts = async () => {
+    setIsLoading(true);
+    try {
+      const response = await fetch("/admin/material-costs", {
+        credentials: "include"
+      });
       const data = await response.json();
-      setRates(data.base_rates || []);
+      setMaterialCosts(data.material_costs || []);
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถโหลดฐานราคาตามระยะทางได้"
+        description: "ไม่สามารถโหลดข้อมูลต้นทุนวัสดุได้"
       });
     } finally {
       setIsLoading(false);
     }
   };
+  const handleToggleActive = async (materialCost) => {
+    try {
+      const response = await fetch(`/admin/material-costs/${materialCost.id}`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ ...materialCost, active: !materialCost.active })
+      });
+      if (response.ok) {
+        toast.success("สำเร็จ", {
+          description: `${materialCost.active ? "ปิดใช้งาน" : "เปิดใช้งาน"}วัสดุ ${materialCost.name} แล้ว`
+        });
+        fetchMaterialCosts();
+      } else {
+        throw new Error("Failed to update");
+      }
+    } catch (error) {
+      toast.error("ข้อผิดพลาด", {
+        description: "ไม่สามารถอัพเดทสถานะได้"
+      });
+    }
+  };
   const handleDelete = async () => {
-    if (!deleteId) return;
+    if (!deleteMaterialCostId) return;
     try {
       const response = await fetch(
-        `/admin/base-shipping-prices/${deleteId}`,
+        `/admin/material-costs/${deleteMaterialCostId}`,
         {
           method: "DELETE",
           credentials: "include"
         }
       );
-      if (!response.ok) {
-        throw new Error("failed_to_delete");
+      if (response.ok) {
+        toast.success("สำเร็จ", {
+          description: `ลบวัสดุ ${deleteMaterialCostName} แล้ว`
+        });
+        fetchMaterialCosts();
+      } else {
+        throw new Error("Failed to delete");
       }
-      toast.success("สำเร็จ", {
-        description: "ลบฐานราคาสำเร็จ"
-      });
-      fetchRates();
     } catch (error) {
       toast.error("ข้อผิดพลาด", {
-        description: "ไม่สามารถลบฐานราคาได้"
+        description: "ไม่สามารถลบวัสดุได้"
       });
     } finally {
-      setDeleteId(null);
+      setDeleteMaterialCostId(null);
+      setDeleteMaterialCostName("");
     }
   };
+  const handleEdit = (materialCost) => {
+    setEditingMaterialCost(materialCost);
+    setIsModalOpen(true);
+  };
+  const handleCreateNew = () => {
+    setEditingMaterialCost(null);
+    setIsModalOpen(true);
+  };
   const handleModalClose = () => {
     setIsModalOpen(false);
-    setEditingRate(null);
-    fetchRates();
+    setEditingMaterialCost(null);
+    fetchMaterialCosts();
   };
-  const formatDistanceRange = (rate) => {
-    const min = rate.min_distance_km ?? 0;
-    const max = rate.max_distance_km;
-    if (max === void 0 || max === null) {
-      return `${min}+ กม.`;
-    }
-    return `${min}-${max} กม.`;
+  const openDeletePrompt = (id, name) => {
+    setDeleteMaterialCostId(id);
+    setDeleteMaterialCostName(name);
+  };
+  const getCategoryLabel = (category) => {
+    var _a;
+    if (!category) return "-";
+    return ((_a = CATEGORIES.find((c) => c.value === category)) == null ? void 0 : _a.label) || category;
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "ฐานราคาตามระยะทาง (รถบริษัท - Same Day)" }),
-        /* @__PURE__ */ jsx("p", { className: "text-ui-fg-subtle text-sm", children: "กำหนดราคาเริ่มต้นตามระยะทาง เช่น 0-10, 10-30, 30-50, 50+ กม." })
-      ] }),
-      /* @__PURE__ */ jsxs(Button, { onClick: () => setIsModalOpen(true), children: [
-        /* @__PURE__ */ jsx(Plus, {}),
-        "เพิ่มช่วงราคา"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Table, { className: "mt-4", children: [
-      /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ช่วงระยะทาง" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ราคา (THB)" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ลำดับ" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { children: "สถานะ" }),
-        /* @__PURE__ */ jsx(Table.HeaderCell, { className: "text-right", children: "การจัดการ" })
-      ] }) }),
-      /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { colSpan: 5, className: "text-center", children: "กำลังโหลด..." }) }) : orderedRates.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { colSpan: 5, className: "text-center", children: "ยังไม่ได้ตั้งค่าฐานราคาตามระยะทาง (รถบริษัทจะใช้ราคาตามน้ำหนัก)" }) }) : orderedRates.map((rate) => /* @__PURE__ */ jsxs(Table.Row, { children: [
-        /* @__PURE__ */ jsx(Table.Cell, { children: formatDistanceRange(rate) }),
-        /* @__PURE__ */ jsxs(Table.Cell, { children: [
-          "฿",
-          rate.price.toFixed(2)
-        ] }),
-        /* @__PURE__ */ jsx(Table.Cell, { children: rate.priority ?? 0 }),
-        /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: rate.active ? "green" : "grey", children: rate.active ? "เปิดใช้งาน" : "ปิดใช้งาน" }) }),
-        /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-x-4 flex-1", children: [
           /* @__PURE__ */ jsx(
-            Button,
+            Input,
             {
-              variant: "transparent",
-              size: "small",
-              onClick: () => {
-                setEditingRate(rate);
-                setIsModalOpen(true);
-              },
-              children: /* @__PURE__ */ jsx(Edit, {})
+              type: "search",
+              placeholder: "ค้นหาชื่อวัสดุ...",
+              value: searchTerm,
+              onChange: (e) => setSearchTerm(e.target.value),
+              className: "max-w-md"
             }
           ),
-          /* @__PURE__ */ jsx(
-            Button,
+          /* @__PURE__ */ jsxs(Select, { value: categoryFilter, onValueChange: setCategoryFilter, children: [
+            /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "หมวดหมู่" }) }),
+            /* @__PURE__ */ jsx(Select.Content, { children: CATEGORIES.map((category) => /* @__PURE__ */ jsx(Select.Item, { value: category.value, children: category.label }, category.value)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Button, { onClick: handleCreateNew, children: [
+          /* @__PURE__ */ jsx(Plus, {}),
+          "สร้างรายการใหม่"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ชื่อ" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "หมวดหมู่" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "หน่วย" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "ต้นทุนต่อหน่วย" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "คำอธิบาย" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "สถานะ" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { className: "text-right", children: "การจัดการ" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Body, { children: isLoading ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "กำลังโหลด..." }) }) : filteredMaterialCosts.length === 0 ? /* @__PURE__ */ jsx(Table.Row, { children: /* @__PURE__ */ jsx(Table.Cell, { className: "text-center", children: "ไม่พบข้อมูลต้นทุนวัสดุ" }) }) : filteredMaterialCosts.map((materialCost) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsx(Table.Cell, { children: materialCost.name }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: "blue", children: getCategoryLabel(materialCost.category) }) }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: materialCost.unit }),
+          /* @__PURE__ */ jsxs(Table.Cell, { children: [
+            materialCost.cost_per_unit.toFixed(2),
+            " ",
+            materialCost.currency
+          ] }),
+          /* @__PURE__ */ jsx(Table.Cell, { className: "max-w-xs truncate", children: materialCost.description || "-" }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+            Badge,
             {
-              variant: "transparent",
-              size: "small",
-              onClick: () => setDeleteId(rate.id),
-              children: /* @__PURE__ */ jsx(Trash, {})
+              color: materialCost.active ? "green" : "grey",
+              className: "cursor-pointer",
+              onClick: () => handleToggleActive(materialCost),
+              children: materialCost.active ? "เปิดใช้งาน" : "ปิดใช้งาน"
             }
-          )
-        ] }) })
-      ] }, rate.id)) })
+          ) }),
+          /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: () => handleEdit(materialCost),
+                children: /* @__PURE__ */ jsx(Edit, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: () => openDeletePrompt(materialCost.id, materialCost.name),
+                children: /* @__PURE__ */ jsx(Trash, {})
+              }
+            )
+          ] }) })
+        ] }, materialCost.id)) })
+      ] })
     ] }),
-    isModalOpen && /* @__PURE__ */ jsx(CompanyTruckBaseRateModal, { rate: editingRate, onClose: handleModalClose }),
+    isModalOpen && /* @__PURE__ */ jsx(
+      MaterialCostModal,
+      {
+        materialCost: editingMaterialCost,
+        onClose: handleModalClose
+      }
+    ),
     /* @__PURE__ */ jsx(
       Prompt,
       {
         variant: "confirmation",
-        open: !!deleteId,
-        onOpenChange: () => setDeleteId(null),
+        open: !!deleteMaterialCostId,
+        onOpenChange: () => {
+          setDeleteMaterialCostId(null);
+          setDeleteMaterialCostName("");
+        },
         children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
           /* @__PURE__ */ jsxs(Prompt.Header, { children: [
-            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบฐานราคา" }),
-            /* @__PURE__ */ jsx(Prompt.Description, { children: "คุณต้องการลบช่วงราคานี้ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้" })
+            /* @__PURE__ */ jsx(Prompt.Title, { children: "ลบรายการต้นทุนวัสดุ" }),
+            /* @__PURE__ */ jsxs(Prompt.Description, { children: [
+              'คุณต้องการลบวัสดุ "',
+              deleteMaterialCostName,
+              '" ใช่หรือไม่? การดำเนินการนี้ไม่สามารถย้อนกลับได้'
+            ] })
           ] }),
           /* @__PURE__ */ jsxs(Prompt.Footer, { children: [
             /* @__PURE__ */ jsx(Prompt.Cancel, { children: "ยกเลิก" }),
@@ -2686,23 +2694,15 @@ const CompanyTruckBasePricingTable = () => {
     )
   ] });
 };
-const RatesPage = () => {
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "อัตราค่าขนส่ง" }) }),
-    /* @__PURE__ */ jsx(ShippingRatesTable, {}),
-    /* @__PURE__ */ jsxs("div", { className: "border-t pt-4", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-2 text-lg", children: "ฐานราคาตามระยะทาง (Messenger 3H)" }),
-      /* @__PURE__ */ jsx(MessengerBasePricingTable, {})
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "border-t pt-4", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h2", className: "mb-2 text-lg", children: "ฐานราคาตามระยะทาง (รถบริษัท - Same Day)" }),
-      /* @__PURE__ */ jsx(CompanyTruckBasePricingTable, {})
-    ] })
+const MaterialCostsPage = () => {
+  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx(Heading, { level: "h1", children: "ต้นทุนวัสดุ" }) }),
+    /* @__PURE__ */ jsx(MaterialCostsTable, {})
   ] }) });
 };
 const config = defineRouteConfig({
-  icon: HandTruck,
-  label: "อัตราค่าขนส่ง"
+  icon: CurrencyDollarSolid,
+  label: "ต้นทุนวัสดุ"
 });
 const widgetModule = { widgets: [
   {
@@ -2724,13 +2724,13 @@ const routeModule = {
       Component: BoxesPage,
       path: "/boxes"
     },
-    {
-      Component: MaterialCostsPage,
-      path: "/material-costs"
-    },
     {
       Component: RatesPage,
       path: "/rates"
+    },
+    {
+      Component: MaterialCostsPage,
+      path: "/material-costs"
     }
   ]
 };
@@ -2761,16 +2761,16 @@ const menuItemModule = {
       translationNs: void 0
     },
     {
-      label: config$1.label,
-      icon: config$1.icon,
+      label: config.label,
+      icon: config.icon,
       path: "/material-costs",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config.label,
-      icon: config.icon,
+      label: config$1.label,
+      icon: config$1.icon,
       path: "/rates",
       nested: void 0,
       rank: void 0,