File manager

File manager - Edit - /home/webapp69.cm.in.th/u69319090023/Shop23/_next/static/chunks/1w-tik2da2hk1.js

Back
(globalThis.TURBOPACK\|\|(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,65650,e=>{"use strict";var t=e.i(43476),s=e.i(71645),a=e.i(22016),n=e.i(57688),r=e.i(56420);let i=(0,r.default)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]]),l=(0,r.default)("pause",[["rect",{x:"14",y:"3",width:"5",height:"18",rx:"1",key:"kaeet6"}],["rect",{x:"5",y:"3",width:"5",height:"18",rx:"1",key:"1wsw3u"}]]);var c=e.i(67927),o=e.i(24071),d=e.i(51757),h=e.i(66595),x=e.i(57657),p=e.i(70387),u=e.i(67363),m=e.i(63448),g=e.i(1279);let b=(0,r.default)("qr-code",[["rect",{width:"5",height:"5",x:"3",y:"3",rx:"1",key:"1tu5fj"}],["rect",{width:"5",height:"5",x:"16",y:"3",rx:"1",key:"1v8r4q"}],["rect",{width:"5",height:"5",x:"3",y:"16",rx:"1",key:"1x03jg"}],["path",{d:"M21 16h-3a2 2 0 0 0-2 2v3",key:"177gqh"}],["path",{d:"M21 21v.01",key:"ents32"}],["path",{d:"M12 7v3a2 2 0 0 1-2 2H7",key:"8crl2c"}],["path",{d:"M3 12h.01",key:"nlz23k"}],["path",{d:"M12 3h.01",key:"n36tog"}],["path",{d:"M12 16v.01",key:"133mhm"}],["path",{d:"M16 12h1",key:"1slzba"}],["path",{d:"M21 12v.01",key:"1lwtk9"}],["path",{d:"M12 21v-1",key:"1880an"}]]),y=(0,r.default)("monitor-play",[["path",{d:"M15.033 9.44a.647.647 0 0 1 0 1.12l-4.065 2.352a.645.645 0 0 1-.968-.56V7.648a.645.645 0 0 1 .967-.56z",key:"vbtd3f"}],["path",{d:"M12 17v4",key:"1riwvh"}],["path",{d:"M8 21h8",key:"1ev6f3"}],["rect",{x:"2",y:"3",width:"20",height:"14",rx:"2",key:"x3v2xh"}]]),f=(0,r.default)("mouse-pointer",[["path",{d:"M12.586 12.586 19 19",key:"ea5xo7"}],["path",{d:"M3.688 3.037a.497.497 0 0 0-.651.651l6.5 15.999a.501.501 0 0 0 .947-.062l1.569-6.083a2 2 0 0 1 1.448-1.479l6.124-1.579a.5.5 0 0 0 .063-.947z",key:"277e5u"}]]);var w=e.i(28623),v=e.i(63676),j=e.i(99847),N=e.i(79258),C=e.i(12092),k=e.i(80799);let P=(0,r.default)("book-open",[["path",{d:"M12 7v14",key:"1akyts"}],["path",{d:"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",key:"ruj8y"}]]);var S=e.i(75183),T=e.i(82954),M=e.i(76248);let R=(0,r.default)("printer",[["path",{d:"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2",key:"143wyd"}],["path",{d:"M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6",key:"1itne7"}],["rect",{x:"6",y:"14",width:"12",height:"8",rx:"1",key:"1ue0tg"}]]);var L=e.i(26091),D=e.i(16327),O=e.i(75387),A=e.i(70904),E=e.i(29210);let I=(0,r.default)("badge-percent",[["path",{d:"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z",key:"3c2336"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"M9 9h.01",key:"1q5me6"}],["path",{d:"M15 15h.01",key:"lqbp3k"}]]);var _=e.i(46932),z=e.i(88653);let F=[{id:"customer",label:{th:"ผู้ซื้อ / นักศึกษา",en:"Customer & Students"},icon:m.ShoppingBag,color:"from-amber-500/20 to-red-600/20",description:{th:"คู่มือสำหรับนักศึกษา ผู้ปกครอง และบุคลากรในการค้นหา เลือกซื้อ ชำระเงิน และติดตามพัสดุ",en:"Complete guide for students and buyers: search, purchase, pay, and track orders."},sections:[{id:"cust_login",title:{th:"1. การสมัครสมาชิกและเข้าสู่ระบบ (Account & Login)",en:"1. Registration & Sign In"},icon:g.User,badge:{th:"บัญชีผู้ใช้",en:"ACCOUNT"},steps:[{title:{th:"การสมัครสมาชิกใหม่",en:"New Member Registration"},desc:{th:'คลิกเมนู "เข้าสู่ระบบ" ด้านบนขวา แล้วเลือก "สมัครสมาชิกใหม่" กรอกอีเมลนักศึกษา/ส่วนตัว ชื่อนามสกุลจริง เบอร์โทรศัพท์ และตั้งรหัสผ่าน เมื่อกดสมัครแล้วบัญชีผู้ซื้อจะได้รับการอนุมัติทันที',en:'Click "Login" at the top right, select "Register", fill in your email, full name, phone number, and password. Customer accounts are approved instantly.'},tip:{th:"แนะนำให้ใช้อีเมลนักศึกษา (@cmtc.ac.th) เพื่อรับสิทธิพิเศษและส่วนลดโปรโมชั่นประจำภาคเรียน",en:"Use your institutional @cmtc.ac.th email to receive exclusive student vouchers."}},{title:{th:"การเข้าสู่ระบบ",en:"Signing In"},desc:{th:'กรอกอีเมลและรหัสผ่าน จากนั้นกดปุ่ม "เข้าสู่ระบบ" หากเข้าสู่ระบบสำเร็จชื่อของคุณจะแสดงที่มุมขวาบน พร้อมเมนูโปรไฟล์ คำสั่งซื้อ และที่อยู่จัดส่ง',en:'Enter your registered email and password, then click "Sign In". Your avatar and name will appear on the top right.'}}]},{id:"cust_browse",title:{th:"2. การค้นหาและโหมดดูสินค้าเฉพาะแผนกวิชา (Browse & Departments)",en:"2. Search & Department Mode"},icon:h.Search,badge:{th:"ค้นหาสินค้า",en:"CATALOG"},steps:[{title:{th:"การค้นหาผ่านแถบค้นหา (Search Bar)",en:"Keyword Search"},desc:{th:'พิมพ์ชื่อสินค้าที่ต้องการ เช่น "เสื้อช็อป", "เสื้อโปโล", "หมวก", "วัตถุมงคล" ระบบจะแสดงรายการแนะนำทันที',en:'Type keywords like "Shop Uniform", "Polo", "Cap" in the top search bar.'}},{title:{th:"การใช้โหมดดูสินค้าเฉพาะแผนกวิชา (Department Filter)",en:"Department Specific Filter"},desc:{th:'คลิกปุ่ม "เลือกแผนกของคุณ" ในแถบเมนู เพื่อเลือกแผนกวิชา เช่น ช่างยนต์, เทคโนโลยีคอมพิวเตอร์, ช่างไฟฟ้ากำลัง ฯลฯ ระบบจะคัดกรองเสื้อช็อปและอุปกรณ์ประจำแผนกของคุณขึ้นมาให้เลือกทันที',en:'Click "Select Dept" on the navbar to isolate uniforms and gear specifically assigned to your department.'},tip:{th:'หากต้องการกลับมาดูสินค้าทุกแผนก ให้คลิกปุ่ม "← ดูสินค้าทั้งหมด"',en:'To view all college items again, click the "← View All Products" button.'}}]},{id:"cust_order",title:{th:"3. การเลือกขนาดไซส์เสื้อและการใส่ตะกร้า (Size & Cart)",en:"3. Size Selection & Shopping Cart"},icon:k.Tag,badge:{th:"สั่งซื้อ",en:"ORDER"},steps:[{title:{th:"การตรวจสอบตารางเทียบขนาดไซส์ (Size Chart)",en:"Check Size Chart"},desc:{th:"เมื่อคลิกที่สินค้า จะมีป๊อปอัปให้เลือกไซส์ (S, M, L, XL, 2XL) และจำนวนที่ต้องการ แนะนำให้ตรวจสอบรอบอก (นิ้ว) ก่อนกดเลือก",en:"Click a product to open the size selector (S to 2XL). Check your chest measurement before choosing."}},{title:{th:"การเพิ่มลงตะกร้าและการตรวจสอบยอด",en:"Add to Cart & Review"},desc:{th:'กดปุ่ม "🛒 เพิ่มลงตะกร้า" ไอคอนตะกร้าบนแถบเมนูจะแสดงจำนวนสินค้า สามารถกดเข้าไปปรับเปลี่ยนจำนวนหรือลบรายการได้ตลอดเวลา',en:'Click "Add to Cart". You can adjust quantities or remove items in the Cart drawer at any time.'}}]},{id:"cust_coupon",title:{th:"4. การเก็บและใช้คูปองส่วนลด (Vouchers & Coupons)",en:"4. Collecting & Using Coupons"},icon:x.Ticket,badge:{th:"ส่วนลด",en:"PROMO"},steps:[{title:{th:"การเก็บคูปองส่วนลดจากหน้าเว็บ",en:"Collecting Vouchers"},desc:{th:'คลิกไอคอนรูปตั๋ว "ตั๋ว / สิทธิ์" บนแถบเมนู หรือเลื่อนดูแถบคูปองในหน้าตะกร้า กดปุ่ม "เก็บ" คูปอง เช่น CMTC50 (ลด 50 บาท) ระบบจะคัดลอกรหัสให้อัตโนมัติ',en:'Click the Ticket icon in the navbar. Click "Collect" on active vouchers like CMTC50 to copy the code.'}},{title:{th:"การใส่รหัสส่วนลดในขั้นตอนชำระเงิน",en:"Applying Voucher Code"},desc:{th:'ในหน้าตะกร้าสินค้าหรือหน้าสั่งซื้อ กรอกรหัสส่วนลดลงในช่อง "โค้ดส่วนลด" แล้วกด "ใช้โค้ด" ยอดเงินรวมจะถูกลดลงทันที',en:'In the cart or checkout page, paste your voucher code into the input field and click "Apply".'}}]},{id:"cust_payment",title:{th:"5. ขั้นตอนการชำระเงินผ่าน PromptPay QR (Payment & Slip)",en:"5. Payment via PromptPay QR"},icon:p.CreditCard,badge:{th:"การชำระเงิน",en:"PAYMENT"},steps:[{title:{th:"สแกน QR Code ด้วย Mobile Banking",en:"Scan Dynamic QR Code"},desc:{th:'ในหน้าเช็คเอาท์ เลือกช่องทางชำระเงิน "พร้อมเพย์ (PromptPay QR)" ระบบจะสร้าง QR Code พร้อมยอดเงินที่ถูกต้อง เปิดแอปธนาคารใดก็ได้แล้วสแกนชำระเงิน',en:"Select PromptPay QR Code at checkout. Scan the generated QR code using any Thai banking application."}},{title:{th:"แนบรูปสลิปหลักฐานการโอนเงิน",en:"Upload Payment Slip"},desc:{th:'เมื่อโอนเงินเสร็จ ให้บันทึกรูปสลิปจากแอปธนาคาร แล้วคลิกที่ช่อง "อัปโหลดสลิปโอนเงิน" เพื่อแนบรูปหลักฐาน จากนั้นกดปุ่ม "ยืนยันการสั่งซื้อ"',en:'Save the transfer receipt screenshot, upload it into the slip upload field, and click "Confirm Order".'},caution:{th:"กรุณาตรวจสอบยอดเงินโอนให้ตรงกับยอดสุทธิที่ระบุไว้ เพื่อความรวดเร็วในการตรวจสอบและจัดส่งพัสดุ",en:"Ensure the transfer amount matches the order total exactly to avoid verification delays."}}]},{id:"cust_tracking",title:{th:"6. การตรวจสอบและติดตามสถานะพัสดุ (Tracking & Delivery)",en:"6. Order Tracking & Delivery"},icon:u.Truck,badge:{th:"ติดตามพัสดุ",en:"TRACKING"},steps:[{title:{th:"ค้นหาด้วยรหัสคำสั่งซื้อหรือเบอร์โทรศัพท์",en:"Lookup by Order ID or Phone"},desc:{th:'ไปที่หน้า "ติดตามพัสดุ" กรอกรหัสคำสั่งซื้อ (เช่น ORD-123456) หรือเบอร์โทรศัพท์ที่ใช้สั่งซื้อ แล้วกดปุ่มค้นหา',en:'Navigate to "Tracking", type your Order ID or recipient mobile phone number, and hit search.'}},{title:{th:"ตรวจสอบสถานะและคัดลอกเลขพัสดุ",en:"Live Timeline & Tracking Code"},desc:{th:"ระบบจะแสดงไทม์ไลน์ 4 ขั้นตอน: รอตรวจสอบ -> กำลังจัดเตรียม -> มอบหมายขนส่ง -> จัดส่งสำเร็จ พร้อมปุ่มคัดลอกเลขพัสดุ (Flash / ไปรษณีย์ไทย)",en:"View live status from Pending Verification to Delivered, and copy the tracking code for Flash Express or Thailand Post."}}]}]},{id:"merchant",label:{th:"ร้านค้า / แผนกวิชา",en:"Merchants & Stores"},icon:S.Store,color:"from-blue-600/20 to-indigo-600/20",description:{th:"คู่มือสำหรับอาจารย์ หัวหน้าแผนกวิชา และชมรม/สหกรณ์ ในการเปิดร้าน ลงขายสินค้า จัดการออเดอร์ และถอนเงิน",en:"Complete guide for department stores and club merchants to list products, manage orders, and withdraw sales revenue."},sections:[{id:"merch_register",title:{th:"1. การสมัครเปิดร้านค้าและการอนุมัติสิทธิ์ (Merchant Setup)",en:"1. Merchant Registration & Approval"},icon:g.User,badge:{th:"เปิดร้านค้า",en:"MERCHANT"},steps:[{title:{th:'สมัครสมาชิกประเภท "ร้านค้า (Merchant)"',en:"Register as Merchant"},desc:{th:'ในหน้าลงทะเบียน เลือกประเภทบทบาทเป็น "ร้านค้า / แผนกวิชา (Merchant)" กรอกชื่อร้านหรือแผนกวิชา เบอร์โทรศัพท์ และอีเมล',en:'On the register page, choose "Merchant" role, enter store/department name, official contact number, and email.'}},{title:{th:"การตรวจสอบและอนุมัติจากผู้ดูแลระบบ",en:"Admin Approval Process"},desc:{th:'เพื่อความปลอดภัยและถูกต้องตามระเบียบ บัญชีร้านค้าใหม่จะมีสถานะเป็น "รออนุมัติ (Pending)" แอดมินส่วนกลางจะทำการอนุมัติสิทธิ์ให้ภายใน 24 ชม.',en:"New merchant accounts enter pending state for administrative review and are approved within 24 hours."}}]},{id:"merch_product",title:{th:"2. การลงสินค้าใหม่และจัดการคลังสินค้า (Listing & Stock)",en:"2. Adding Products & Managing Inventory"},icon:N.Package,badge:{th:"คลังสินค้า",en:"INVENTORY"},steps:[{title:{th:"การเพิ่มสินค้าลงในร้าน",en:"Adding a New Product"},desc:{th:'เข้าสู่หน้า "Merchant Dashboard" คลิกปุ่ม "+ เพิ่มสินค้าใหม่" กรอกชื่อสินค้า, ราคา, คำอธิบาย, หมวดหมู่, กำหนดไซส์ (S, M, L, XL, 2XL) และจำนวนสต็อก',en:'In your Merchant Dashboard, click "+ Add New Product". Input name, price, description, category, size choices, and stock count.'}},{title:{th:"การอัปโหลดรูปภาพสินค้าและวิดีโอ",en:"Product Images & Video Preview"},desc:{th:"อัปโหลดรูปภาพสินค้ามุมต่างๆ (รองรับหลายรูป) และสามารถวางลิงก์วิดีโอตัวอย่างสินค้าเพื่อให้ลูกค้าเห็นเนื้อผ้าจริง",en:"Upload multiple product photo angles and optional video link for authentic fabric preview."},tip:{th:"ระบบจำลองการจำข้อมูลสินค้าจะบันทึกขึ้นเซิร์ฟเวอร์อัตโนมัติ ทำให้ผู้ใช้ทุกบัญชีมองเห็นสินค้าของคุณทันที",en:"The dual persistence layer syncs your products to the server immediately for all users."}},{title:{th:"การสลับเปิด/ปิดสถานะวางขายอย่างรวดเร็ว (Quick Toggle)",en:"Quick Stock Toggle"},desc:{th:'ในตารางสินค้า สามารถกดสวิตช์เปิด/ปิดสถานะ "In Stock" ได้ทันที หากสินค้าหมดชั่วคราวโดยไม่ต้องลบรายการ',en:"Toggle the In Stock switch in your inventory table to quickly hide out-of-stock items without deleting."}}]},{id:"merch_order",title:{th:"3. การจัดการออเดอร์และตรวจสอบสลิปโอนเงิน (Order Management)",en:"3. Order Fulfillment & Verification"},icon:L.FileText,badge:{th:"คำสั่งซื้อ",en:"ORDERS"},steps:[{title:{th:"ตรวจสอบคำสั่งซื้อที่เข้ามาในร้าน",en:"Review Incoming Orders"},desc:{th:'ที่แท็บ "คำสั่งซื้อ" ระบบจะกรองเฉพาะออเดอร์ที่มีสินค้าของร้านคุณ แสดงชื่อลูกค้า รายการสินค้า ไซส์ และที่อยู่จัดส่ง',en:"The Orders tab filters items belonging to your store, displaying buyer details, sizes, and shipping address."}},{title:{th:"การตรวจสอบสลิปและการอัปเดตเลขพัสดุ",en:"Slip Audit & Tracking Update"},desc:{th:'คลิกดูรูปสลิปโอนเงินของลูกค้า เมื่อแพ็คสินค้าและส่งมอบขนส่งแล้ว ให้กรอกเลขพัสดุ Tracking และเปลี่ยนสถานะเป็น "จัดส่งแล้ว"',en:"Inspect buyer bank slips. After handover to courier, input the tracking code and update status to Shipped."}}]},{id:"merch_wallet",title:{th:"4. ระบบกระเป๋าเงินและการขอถอนเงิน (Wallet & Payouts)",en:"4. Wallet, Revenue & Payout Requests"},icon:A.Wallet,badge:{th:"การเงิน",en:"FINANCE"},steps:[{title:{th:"ตรวจสอบยอดขายและยอดถอนได้สุทธิ",en:"Checking Available Balance"},desc:{th:'ที่แท็บ "กระเป๋าเงิน (Wallet)" ตรวจสอบยอดขายรวม ยอดหักค่าคอมมิชชั่นวิทยาลัย และยอดคงเหลือที่สามารถกดถอนได้',en:"Review total revenue, college commission deduction, and available payout balance."}},{title:{th:"การผูกบัญชีธนาคารและการส่งคำขอถอนเงิน",en:"Requesting Bank Payout"},desc:{th:"กรอกข้อมูลเลขที่บัญชีธนาคารและชื่อบัญชี ระบุจำนวนเงินที่ต้องการถอน แล้วกดยืนยัน แอดมินส่วนกลางจะตรวจสอบและโอนเงินเข้าบัญชีตามรอบ",en:"Enter your bank details, specify withdraw amount, and submit request for administrative transfer."}}]},{id:"merch_coupon",title:{th:"5. การสร้างคูปองส่วนลดเฉพาะร้านค้า (Store Coupons)",en:"5. Custom Store Coupons"},icon:I,badge:{th:"โปรโมชั่นร้าน",en:"DISCOUNT"},steps:[{title:{th:"การกำหนดรหัสและส่วนลด",en:"Configure Voucher Code"},desc:{th:'ที่แท็บ "ตั้งค่าร้านค้า" สามารถสร้างคูปองลดราคาส่วนตัว เช่น MECH10 (ลด 10%) หรือลดแบบระบุจำนวนบาท เพื่อดึงดูดลูกค้า',en:"Create private store discounts like MECH10 (10% off) or fixed baht deductions in Store Settings."}}]}]},{id:"admin",label:{th:"ผู้ดูแลระบบ (Admin)",en:"System Administrator"},icon:T.Shield,color:"from-emerald-600/20 to-teal-600/20",description:{th:"คู่มือสำหรับแอดมินส่วนกลางของวิทยาลัย ในการอนุมัติร้านค้า จัดการหมวดหมู่ อนุมัติถอนเงิน และตั้งค่าระบบ",en:"Central administration guide for user approvals, global catalog, payout fulfillment, and logistics settings."},sections:[{id:"admin_users",title:{th:"1. การจัดการผู้ใช้และการอนุมัติร้านค้า (User Management)",en:"1. User & Merchant Approvals"},icon:g.User,badge:{th:"ผู้ใช้งาน",en:"USERS"},steps:[{title:{th:"อนุมัติสิทธิ์ร้านค้าใหม่",en:"Approve Merchant Accounts"},desc:{th:'เข้าเมนูแอดมิน ที่แท็บ "จัดการผู้ใช้" ตรวจสอบรายการร้านค้าที่ขึ้นสถานะ "รออนุมัติ" กดปุ่ม "อนุมัติ" เพื่อเปิดสิทธิ์ให้ร้านค้าสามารถเข้าจัดการสินค้าได้ทันที',en:"In User Management, review pending merchant applicants and click Approve to activate seller privileges."}},{title:{th:"การระงับหรือปรับเปลี่ยนบทบาทผู้ใช้",en:"Role & Status Management"},desc:{th:"สามารถปรับเปลี่ยนสถานะการใช้งาน หรือค้นหาบัญชีผู้ใช้ตามอีเมล/เบอร์โทรศัพท์ได้อย่างสะดวกรวดเร็ว",en:"Toggle active status or look up users by email/phone number."}}]},{id:"admin_catalog",title:{th:"2. การกำกับดูแลสินค้าและหมวดหมู่ (Catalog & Categories)",en:"2. Catalog & Category Governance"},icon:N.Package,badge:{th:"หมวดหมู่",en:"CATEGORIES"},steps:[{title:{th:"การตรวจสอบสินค้าทั้งหมดในระบบ",en:"Global Inventory Oversight"},desc:{th:"แอดมินสามารถดูและจัดการสินค้าของทุกร้านค้าในวิทยาลัย ตรวจสอบความถูกต้องของราคาและระเบียบการแต่งกาย",en:"Supervise products across all merchants to ensure uniform compliance and appropriate pricing."}},{title:{th:"การจัดการหมวดหมู่สินค้าส่วนกลาง",en:"Central Categories"},desc:{th:"เพิ่ม แก้ไข หรือจับคู่หมวดหมู่สินค้า เช่น เสื้อยืด, เสื้อโปโล, เสื้อช็อป, วัตถุมงคล, อุปกรณ์เสริม",en:"Create or update central product categories and assign merchandise mappings."}}]},{id:"admin_payout",title:{th:"3. การตรวจสอบและอนุมัติคำขอถอนเงิน (Payout Approvals)",en:"3. Payout Processing"},icon:E.Landmark,badge:{th:"เบิกจ่าย",en:"PAYOUTS"},steps:[{title:{th:"ตรวจสอบคำขอถอนเงินและหลักฐาน",en:"Audit Payout Requests"},desc:{th:"ตรวจสอบคำขอถอนเงินจากร้านค้า ดูเลขบัญชีธนาคารปลายทางและยอดเงินสุทธิที่ต้องโอน",en:"Review withdrawal requests, target bank account details, and net payable amounts."}},{title:{th:"บันทึกการโอนเงินและยืนยันสำเร็จ",en:"Confirm Bank Transfer"},desc:{th:'เมื่อเจ้าหน้าที่โอนเงินให้ร้านค้าแล้ว ให้กด "ยืนยันการโอนเงิน" ระบบจะตัดยอดและแจ้งสถานะไปยังร้านค้าทันที',en:"Once bank transfer is complete, mark the request as Approved to update the merchant wallet."}}]},{id:"admin_settings",title:{th:"4. การตั้งค่าระบบขนส่งและคอมมิชชั่น (Settings & Logistics)",en:"4. Commission & Logistics Settings"},icon:C.SlidersHorizontal,badge:{th:"ตั้งค่าระบบ",en:"SETTINGS"},steps:[{title:{th:"ตั้งค่าอัตราค่าธรรมเนียมวิทยาลัย (Commission %)",en:"Commission Rate Settings"},desc:{th:"กำหนดเปอร์เซ็นต์ค่าบำรุงวิทยาลัยต่อคำสั่งซื้อ (เช่น 3% หรือ 5%) เพื่อนำเข้ากองทุนกิจกรรมนักศึกษา",en:"Adjust standard college commission percentage applied to merchant orders."}},{title:{th:"เปิด/ปิดผู้ให้บริการขนส่งพัสดุ",en:"Courier Integration"},desc:{th:"เลือกเปิดหรือปิดบริษัทขนส่งที่รองรับ เช่น ไปรษณีย์ไทย EMS, Flash Express, Kerry Express",en:"Toggle active shipping carriers such as Thailand Post, Flash Express, and Kerry."}}]}]},{id:"faq",label:{th:"คำถามที่พบบ่อย & นโยบาย",en:"FAQ & Policies"},icon:M.HelpCircle,color:"from-purple-600/20 to-pink-600/20",description:{th:"รวบรวมข้อสงสัย นโยบายการเปลี่ยนไซส์ การจัดส่ง และช่องทางการติดต่อช่วยเหลือ",en:"Frequently asked questions, exchange policies, delivery timelines, and official support."},sections:[{id:"faq_exchange",title:{th:"1. นโยบายการเปลี่ยนขนาดไซส์เสื้อผ้า (Exchange Policy)",en:"1. Size Exchange Policy"},icon:j.AlertCircle,badge:{th:"เปลี่ยนไซส์",en:"EXCHANGE"},steps:[{title:{th:"เงื่อนไขการขอเปลี่ยนไซส์",en:"Exchange Requirements"},desc:{th:"นักศึกษาสามารถนำเสื้อผ้าที่สั่งซื้อมาขอเปลี่ยนไซส์ได้ภายใน 7 วัน นับจากวันที่ได้รับพัสดุ โดยสินค้าต้องอยู่ในสภาพสมบูรณ์ ไม่ผ่านการซัก และป้ายตรายังอยู่ครบ",en:"Clothing can be exchanged for different sizes within 7 days. Items must be unwashed, unworn, with tags intact."},tip:{th:"สามารถนำมาติดต่อเปลี่ยนได้โดยตรงที่ห้องแผนกวิชาของร้านค้า หรือส่งพัสดุกลับมาตามที่อยู่ของร้าน",en:"Exchanges can be performed on-campus at the designated department office or via postal return."}}]},{id:"faq_shipping",title:{th:"2. ระยะเวลาและรอบการจัดส่งพัสดุ (Shipping Schedule)",en:"2. Delivery Timelines"},icon:u.Truck,badge:{th:"การจัดส่ง",en:"DELIVERY"},steps:[{title:{th:"รอบเวลาการจัดส่งของวิทยาลัย",en:"Dispatch Schedule"},desc:{th:"คำสั่งซื้อที่ยืนยันก่อน 12:00 น. จะถูกจัดเตรียมและส่งมอบขนส่งในวันทำการถัดไป ระยะเวลาจัดส่งในเขตเชียงใหม่ 1-2 วัน ต่างจังหวัด 2-3 วันทำการ",en:"Orders confirmed before 12:00 PM are dispatched on the next business day. Chiang Mai area 1-2 days, nationwide 2-3 days."}}]},{id:"faq_slip",title:{th:"3. กรณีลืมแนบสลิปหรือโอนเงินไม่ตรงยอด (Payment Verification Issues)",en:"3. Slip & Amount Discrepancies"},icon:p.CreditCard,badge:{th:"ปัญหาการโอน",en:"SLIP ISSUE"},steps:[{title:{th:"วิธีแก้ไขเมื่อโอนเงินแต่ลืมแนบสลิป",en:"Resolving Missing Slip"},desc:{th:'สามารถไปที่หน้า "ติดตามพัสดุ" ค้นหาด้วยรหัสคำสั่งซื้อของคุณ แล้วกดปุ่ม "แนบสลิปเพิ่มเติม" หรือติดต่อแอดมินผ่านช่องทาง Line / เบอร์โทรศัพท์โดยแจ้งเลขออเดอร์',en:'Go to Order Tracking, enter your Order ID, and use the "Upload Missing Slip" button, or contact support with your Order ID.'}}]},{id:"faq_contact",title:{th:"4. ศูนย์บริการและช่องทางการติดต่อ (Contact Support)",en:"4. Support Contacts"},icon:O.Phone,badge:{th:"ติดต่อเรา",en:"SUPPORT"},steps:[{title:{th:"ช่องทางการติดต่อประสานงาน CMTC SHOP",en:"Official Contact Channels"},desc:{th:"วิทยาลัยเทคนิคเชียงใหม่ เลขที่ 9 ถนนเวียงแก้ว ตำบลศรีภูมิ อำเภอเมือง จังหวัดเชียงใหม่ 50200 • โทรศัพท์: 053-217-708 • อีเมล: shop@cmtc.ac.th • เวลาทำการ: จันทร์ - ศุกร์ 08:30 - 16:30 น.",en:"Chiang Mai Technical College, 9 Wiang Kaew Road, Sri Phum, Mueang, Chiang Mai 50200. Tel: 053-217-708. Email: shop@cmtc.ac.th. Hours: Mon - Fri 08:30 - 16:30."}}]}]}],U=[{id:"buy_product",icon:m.ShoppingBag,badge:{th:"สั่งซื้อครบวงจร",en:"FULL ORDERING"},title:{th:"วิธีเลือกซื้อสินค้า & สั่งซื้อครบทุกขั้นตอน",en:"How to Browse, Order & Checkout"},desc:{th:"สาธิตครบวงจรตั้งแต่ค้นหา เลือกไซส์ ตะกร้า ใส่คูปอง กรอกที่อยู่ จนถึงชำระเงิน",en:"Full end-to-end guide: search, size, cart, coupon, address, payment, confirmation"},scenes:[{id:0,sceneNumber:"01",title:{th:"1. ค้นหาเสื้อผ้าหรือเลือกหมวดหมู่ที่ต้องการ",en:"1. Search or Browse Categories"},actionDesc:{th:'ในหน้าหลัก ให้พิมพ์ค้นหาในแถบ Search Bar ด้านบน เช่น "เสื้อโปโล" หรือคลิกปุ่ม "ดูสินค้าทั้งหมด"',en:'Type in the search bar or click "Shop All Products" on the hero banner'},urlPath:"/",cursorPos:{x:48,y:5.5},targetLabel:{th:"พิมพ์ค้นหาเสื้อผ้า",en:"Search product"},isClicking:!1},{id:1,sceneNumber:"02",title:{th:"2. คลิกที่การ์ดสินค้าที่ต้องการดู",en:"2. Click Product Card"},actionDesc:{th:"ในหน้ารายการสินค้า เลื่อนเมาส์ไปคลิกที่การ์ดสินค้า เพื่อเปิดหน้าต่างเลือกตัวเลือก",en:"Click on the product card to open the size and quantity modal"},urlPath:"/products",cursorPos:{x:32,y:52},targetLabel:{th:"คลิกเลือกสินค้านี้",en:"Click product"},isClicking:!0},{id:2,sceneNumber:"03",title:{th:"3. เลือกขนาดไซส์เสื้อ (Size) ในป๊อปอัป",en:"3. Select Size in Modal"},actionDesc:{th:'ในหน้าต่าง "เลือกตัวเลือกสินค้า" ให้คลิกเลือกไซส์ที่ต้องการ เช่น ไซส์ "L" พร้อมระบุจำนวน',en:"In the modal, select your size (e.g. Size L) and quantity"},urlPath:"/products?modal=size",cursorPos:{x:64,y:54},targetLabel:{th:"เลือกไซส์ L",en:"Select Size L"},isClicking:!0},{id:3,sceneNumber:"04",title:{th:'4. กดปุ่ม "เพิ่มลงตะกร้าสินค้า"',en:"4. Click Add to Cart"},actionDesc:{th:'กดปุ่มสีแดง "🛒 เพิ่มลงตะกร้า" ระบบจะเพิ่มสินค้าลงตะกร้าและไอคอนตะกร้าด้านบนจะแสดงตัวเลข +1',en:'Click the red "Add to Cart" button. The top cart icon badge increments to 1'},urlPath:"/products?modal=size",cursorPos:{x:50,y:72},targetLabel:{th:"กดเพิ่มลงตะกร้า",en:"Click Add to Cart"},isClicking:!0},{id:4,sceneNumber:"05",title:{th:"5. ตรวจสอบตะกร้าและใส่โค้ดส่วนลด",en:"5. Review Cart & Apply Coupon"},actionDesc:{th:'ในหน้าตะกร้าสินค้า ตรวจสอบรายการและกรอกโค้ดส่วนลด "CMTC50" เพื่อรับส่วนลด ฿50 ทันที',en:'In the cart, enter promo voucher "CMTC50" to deduct ฿50 immediately'},urlPath:"/cart",cursorPos:{x:67,y:53},targetLabel:{th:"ใช้โค้ด CMTC50",en:"Apply CMTC50"},isClicking:!0},{id:5,sceneNumber:"06",title:{th:"6. กรอกข้อมูลที่อยู่จัดส่งพัสดุ",en:"6. Fill Shipping Address"},actionDesc:{th:"ในหน้าเช็คเอาท์ กรอกชื่อผู้รับ เบอร์โทรศัพท์ และที่อยู่จัดส่งพัสดุให้ครบถ้วนถูกต้อง",en:"Enter recipient name, mobile number, and detailed delivery address"},urlPath:"/checkout",cursorPos:{x:50,y:56},targetLabel:{th:"กรอกที่อยู่จัดส่ง",en:"Enter address"},isClicking:!1},{id:6,sceneNumber:"07",title:{th:"7. สแกนจ่ายพร้อมเพย์ QR & แนบสลิปโอน",en:"7. Pay with PromptPay QR & Attach Slip"},actionDesc:{th:'สแกน QR Code พร้อมเพย์ด้วยแอปธนาคาร แนบรูปสลิป แล้วกด "ยืนยันการสั่งซื้อ"',en:"Scan PromptPay QR, upload bank slip, and click Confirm Order"},urlPath:"/checkout",cursorPos:{x:50,y:80},targetLabel:{th:"ยืนยันสั่งซื้อ",en:"Confirm Order"},isClicking:!0},{id:7,sceneNumber:"08",title:{th:"8. สั่งซื้อสำเร็จ & ได้รับรหัสคำสั่งซื้อ",en:"8. Order Success & Tracking ID"},actionDesc:{th:"ระบบแสดงหน้ารับคำสั่งซื้อสำเร็จ พร้อมรหัสคำสั่งซื้อ #ORD-2026-8899 สำหรับใช้ติดตามพัสดุ",en:"Order confirmed! You receive your unique Order ID to track shipping"},urlPath:"/tracking?id=ORD-2026-8899",cursorPos:{x:74,y:72},targetLabel:{th:"คัดลอกรหัสคำสั่งซื้อ",en:"Copy Order ID"},isClicking:!0}]},{id:"login",icon:g.User,badge:{th:"บัญชีผู้ใช้",en:"ACCOUNT"},title:{th:"วิธีเข้าสู่ระบบบัญชี (Login)",en:"How to Login"},desc:{th:"สาธิตขั้นตอนการกดเข้าสู่ระบบ กรอกอีเมล และรหัสผ่าน",en:"Step-by-step demonstration of logging into your account"},scenes:[{id:0,sceneNumber:"01",title:{th:"คลิกปุ่มเข้าสู่ระบบที่เมนูบาร์มุมขวาบน",en:"Click Login button on top right"},actionDesc:{th:'สังเกตที่แถบเมนูด้านบน เลื่อนเมาส์ไปคลิกที่ปุ่มสีแดง "เข้าสู่ระบบ"',en:'Look at the top navbar and click the red "Login" button on the right'},urlPath:"/",cursorPos:{x:92,y:5.5},targetLabel:{th:"คลิกปุ่มเข้าสู่ระบบ",en:"Click Login"},isClicking:!0},{id:1,sceneNumber:"02",title:{th:"กรอกอีเมลนักศึกษาหรือบุคลากร",en:"Enter your Email address"},actionDesc:{th:'คลิกที่ช่องกรอก "อีเมลนักศึกษา / บุคลากร" แล้วพิมพ์อีเมลของคุณ เช่น student@cmtc.ac.th',en:"Click the email input and enter your student/staff email"},urlPath:"/login",cursorPos:{x:50,y:46},targetLabel:{th:"กรอกอีเมลที่นี่",en:"Enter email"},isClicking:!1},{id:2,sceneNumber:"03",title:{th:"กรอกรหัสผ่านของคุณ",en:"Enter your Password"},actionDesc:{th:'คลิกที่ช่อง "รหัสผ่าน" แล้วป้อนรหัสผ่านที่ได้ลงทะเบียนไว้',en:"Click the password field and type your password"},urlPath:"/login",cursorPos:{x:50,y:58},targetLabel:{th:"กรอกรหัสผ่าน",en:"Enter password"},isClicking:!1},{id:3,sceneNumber:"04",title:{th:"กดปุ่มเข้าสู่ระบบเพื่อยืนยัน",en:"Click Sign In Button"},actionDesc:{th:'เลื่อนเมาส์ไปกดปุ่มสีแดง "เข้าสู่ระบบ" ระบบจะเข้าสู่ระบบและแสดงชื่อของคุณ',en:"Click the Sign In button to complete login"},urlPath:"/login",cursorPos:{x:50,y:73},targetLabel:{th:"กดเข้าสู่ระบบ",en:"Click Sign In"},isClicking:!0}]},{id:"coupon",icon:x.Ticket,badge:{th:"โปรโมชั่น",en:"DISCOUNT"},title:{th:"วิธีเก็บคูปอง & ใช้ส่วนลด (Coupons)",en:"How to Use Coupons"},desc:{th:"สาธิตการกดรับคูปองส่วนลดที่ปุ่มตั๋ว และนำไปกรอกเพื่อลดราคา",en:"Demonstrating how to collect and apply discount promo codes"},scenes:[{id:0,sceneNumber:"01",title:{th:"คลิกไอคอนรูปตั๋วคูปองบนเมนูด้านบน",en:"Click Coupon Ticket Icon"},actionDesc:{th:"สังเกตที่เมนูบาร์ด้านบน คลิกที่ไอคอนตั๋วคูปอง (Ticket) เพื่อเปิดหน้าต่างรวมคูปอง",en:"Click the Ticket icon on top navbar to view available promos"},urlPath:"/",cursorPos:{x:80,y:5.5},targetLabel:{th:"กดไอคอนคูปอง",en:"Click Coupon Icon"},isClicking:!0},{id:1,sceneNumber:"02",title:{th:'กดปุ่ม "เก็บ" บนคูปอง CMTC50',en:"Collect Promo Code"},actionDesc:{th:'คลิกปุ่ม "เก็บ" บนคูปอง CMTC50 ระบบจะคัดลอกรหัสให้อัตโนมัติ',en:'Click "Collect" on the CMTC50 coupon to copy the code'},urlPath:"/#coupons",cursorPos:{x:68,y:44},targetLabel:{th:"กดเก็บคูปอง",en:"Collect code"},isClicking:!0},{id:2,sceneNumber:"03",title:{th:"นำรหัสไปกรอกในช่องส่วนลดในตะกร้า",en:"Paste code in Cart"},actionDesc:{th:'ในหน้าตะกร้าสินค้า ให้กรอกรหัส CMTC50 แล้วกดปุ่ม "ใช้โค้ด"',en:"Paste CMTC50 into the discount input and click Apply"},urlPath:"/cart",cursorPos:{x:66,y:53},targetLabel:{th:"กรอกและใช้โค้ด",en:"Apply code"},isClicking:!0},{id:3,sceneNumber:"04",title:{th:"ตรวจสอบยอดส่วนลดแล้วกดสั่งซื้อ",en:"Verify & Checkout"},actionDesc:{th:'ยอดรวมจะลดลง ฿50 ทันที จากนั้นเลื่อนไปกดปุ่ม "ดำเนินการสั่งซื้อ (Checkout)"',en:"Check that ฿50 is deducted, then click Checkout"},urlPath:"/cart",cursorPos:{x:66,y:73},targetLabel:{th:"กดไปชำระเงิน",en:"Proceed to checkout"},isClicking:!0}]},{id:"payment",icon:p.CreditCard,badge:{th:"การชำระเงิน",en:"PAYMENT"},title:{th:"วิธีชำระเงินผ่าน PromptPay QR Code",en:"How to Pay with PromptPay"},desc:{th:"สาธิตการเลือกวิธีโอนเงิน สแกน QR และแนบสลิปยืนยัน",en:"Demonstrating QR code scan, slip attachment, and confirmation"},scenes:[{id:0,sceneNumber:"01",title:{th:'เลือกช่องทาง "พร้อมเพย์ (PromptPay QR)"',en:"Select PromptPay option"},actionDesc:{th:'ในหน้าชำระเงิน ให้คลิกเลือกตัวเลือก "พร้อมเพย์ QR Code"',en:"Select PromptPay QR Code option in payment options"},urlPath:"/checkout",cursorPos:{x:38,y:44},targetLabel:{th:"เลือก PromptPay",en:"Select PromptPay"},isClicking:!0},{id:1,sceneNumber:"02",title:{th:"สแกน QR Code ด้วย Mobile Banking",en:"Scan QR with Bank App"},actionDesc:{th:"เปิดแอปธนาคารของคุณแล้วสแกน QR Code ยอดเงินจะตรงกับราคาสินค้าพอดี",en:"Scan the dynamic PromptPay QR code with your bank app"},urlPath:"/checkout",cursorPos:{x:50,y:46},targetLabel:{th:"สแกน QR โอนเงิน",en:"Scan QR"},isClicking:!1},{id:2,sceneNumber:"03",title:{th:"แนบหลักฐานสลิปโอนเงิน",en:"Attach Slip Screenshot"},actionDesc:{th:"คลิกที่ช่องอัปโหลดสลิป แล้วเลือกรูปภาพสลิปที่ได้จากการโอนเงิน",en:"Click the slip upload box and attach your payment receipt screenshot"},urlPath:"/checkout",cursorPos:{x:50,y:65},targetLabel:{th:"แนบสลิปโอนเงิน",en:"Attach slip"},isClicking:!0},{id:3,sceneNumber:"04",title:{th:"กดยืนยันการสั่งซื้อเพื่อเสร็จสิ้น",en:"Confirm Order"},actionDesc:{th:'กดปุ่มสีแดง "ยืนยันคำสั่งซื้อ" ระบบจะบันทึกและส่งรหัสคำสั่งซื้อให้คุณ',en:"Click the Confirm Order button to finalize"},urlPath:"/checkout",cursorPos:{x:50,y:80},targetLabel:{th:"กดยืนยันสั่งซื้อ",en:"Confirm order"},isClicking:!0}]},{id:"tracking",icon:u.Truck,badge:{th:"ติดตามพัสดุ",en:"TRACKING"},title:{th:"วิธีตรวจสอบ & ติดตามสถานะพัสดุ (Tracking)",en:"How to Track Order"},desc:{th:"สาธิตการกรอกรหัสคำสั่งซื้อ ตรวจเช็คไทม์ไลน์ และคัดลอกเลขพัสดุ",en:"Demonstrating order ID lookup, live timeline, and tracking copy"},scenes:[{id:0,sceneNumber:"01",title:{th:'เข้าสู่หน้า "ติดตามพัสดุ"',en:"Open Tracking Page"},actionDesc:{th:'คลิกเมนู "ติดตามพัสดุ" จากแถบเมนูด้านบนหรือที่ท้ายเว็บไซต์',en:'Click the "Tracking" link in the navbar or footer'},urlPath:"/tracking",cursorPos:{x:86,y:5.5},targetLabel:{th:"กดติดตามพัสดุ",en:"Click Tracking"},isClicking:!0},{id:1,sceneNumber:"02",title:{th:"กรอกรหัสคำสั่งซื้อ (Order ID)",en:"Enter Order ID"},actionDesc:{th:"พิมพ์รหัสคำสั่งซื้อของคุณ เช่น ORD-2026-8899 แล้วกดปุ่มค้นหา",en:"Enter your Order ID (e.g. ORD-2026-8899) and click Search"},urlPath:"/tracking",cursorPos:{x:48,y:38},targetLabel:{th:"พิมพ์รหัสคำสั่งซื้อ",en:"Type Order ID"},isClicking:!1},{id:2,sceneNumber:"03",title:{th:"ดูไทม์ไลน์สถานะการจัดส่งแบบ Real-time",en:"Check Status Timeline"},actionDesc:{th:"ระบบจะแสดงสถานะ: ชำระเงินแล้ว -> กำลังแพ็คของ -> ส่งมอบขนส่ง -> กำลังนำจ่าย",en:"View live delivery status timeline from packaging to delivered"},urlPath:"/tracking?id=ORD-2026-8899",cursorPos:{x:50,y:56},targetLabel:{th:"ดูไทม์ไลน์สถานะ",en:"View status"},isClicking:!1},{id:3,sceneNumber:"04",title:{th:"คัดลอกเลขพัสดุไปตรวจเช็คกับบริษัทขนส่ง",en:"Copy Tracking Number"},actionDesc:{th:'กดปุ่ม "คัดลอกเลขพัสดุ" เพื่อนำไปตรวจเช็คบนเว็บ Flash Express หรือไปรษณีย์ไทย',en:'Click "Copy Tracking" to verify directly on the courier website'},urlPath:"/tracking?id=ORD-2026-8899",cursorPos:{x:74,y:72},targetLabel:{th:"กดคัดลอกเลขพัสดุ",en:"Copy tracking"},isClicking:!0}]}];e.s(["default",0,function(){let[e,r]=(0,s.useState)("manual"),[p,u]=(0,s.useState)("customer"),[N,C]=(0,s.useState)(""),[k,S]=(0,s.useState)("cust_login"),[T,M]=(0,s.useState)("buy_product"),[L,O]=(0,s.useState)(0),[A,E]=(0,s.useState)(!1),I=(0,s.useRef)(null),[$,Q]=(0,s.useState)("th");(0,s.useEffect)(()=>{Q(localStorage.getItem("preferred_language")\|\|"th");let e=()=>{Q(localStorage.getItem("preferred_language")\|\|"th")};return window.addEventListener("languageChange",e),window.addEventListener("storage",e),()=>{window.removeEventListener("languageChange",e),window.removeEventListener("storage",e)}},[]);let q=U.find(e=>e.id===T)\|\|U[0],H=q.scenes[L]\|\|q.scenes[0],B=q.scenes.length;(0,s.useEffect)(()=>(A&&"simulator"===e?I.current=setTimeout(()=>{L<B-1?O(e=>e+1):E(!1)},3400):I.current&&clearTimeout(I.current),()=>{I.current&&clearTimeout(I.current)}),[A,L,B,e]);let V=F.find(e=>e.id===p)\|\|F[0],G=V.sections.filter(e=>{if(!N.trim())return!0;let t=N.toLowerCase(),s=e.title[$].toLowerCase().includes(t),a=e.steps.some(e=>e.title[$].toLowerCase().includes(t)\|\|e.desc[$].toLowerCase().includes(t));return s\|\|a});return(0,t.jsxs)("div",{className:"min-h-screen bg-[#0A0202] text-gray-100 pt-24 sm:pt-28 pb-16 px-4 sm:px-6 lg:px-8 font-prompt",children:[(0,t.jsxs)("div",{className:"fixed inset-0 pointer-events-none overflow-hidden z-0 print:hidden",children:[(0,t.jsx)("div",{className:"absolute top-1/4 left-1/3 w-[650px] h-[650px] bg-accent/10 rounded-full blur-[140px]"}),(0,t.jsx)("div",{className:"absolute bottom-10 right-10 w-96 h-96 bg-red-900/10 rounded-full blur-[100px]"})]}),(0,t.jsxs)("div",{className:"relative z-10 max-w-7xl mx-auto space-y-8",children:[(0,t.jsxs)("div",{className:"flex flex-col md:flex-row md:items-end justify-between gap-4 border-b border-white/10 pb-6 print:border-black/20",children:[(0,t.jsxs)("div",{className:"space-y-2 text-left",children:[(0,t.jsxs)("div",{className:"inline-flex items-center space-x-2 px-3 py-1 rounded-full bg-accent/15 border border-accent/40 text-accent text-xs font-bold uppercase tracking-wider",children:[(0,t.jsx)(P,{className:"w-3.5 h-3.5"}),(0,t.jsx)("span",{children:"th"===$?"ศูนย์การเรียนรู้ & คู่มือการใช้งาน CMTC SHOP":"CMTC SHOP KNOWLEDGE BASE & MANUAL"})]}),(0,t.jsx)("h1",{className:"text-2xl sm:text-4xl font-black text-white tracking-tight print:text-black",children:"th"===$?"คู่มือการใช้งานระบบร้านค้าออนไลน์":"Online Store Official User Manual"}),(0,t.jsx)("p",{className:"text-xs sm:text-sm text-gray-400 font-light max-w-2xl print:text-gray-700",children:"th"===$?"รวบรวมขั้นตอนการใช้งานครบทุกบทบาท ทั้งผู้ซื้อ/นักศึกษา, ร้านค้าแผนกวิชา, และผู้ดูแลระบบ พร้อมระบบจำลองการคลิกหน้าจอจริง":"Comprehensive operational guides for buyers, department merchants, and central administrators, featuring interactive live simulation."})]}),(0,t.jsxs)("div",{className:"flex items-center flex-wrap gap-2.5 self-start md:self-end print:hidden",children:[(0,t.jsxs)("div",{className:"bg-white/[0.06] p-1 rounded-2xl border border-white/10 flex items-center",children:[(0,t.jsxs)("button",{type:"button",onClick:()=>r("manual"),className:`px-3.5 py-1.5 rounded-xl text-xs font-bold transition-all flex items-center space-x-1.5 cursor-pointer ${"manual"===e?"bg-accent text-white shadow-md":"text-gray-400 hover:text-white"}`,children:[(0,t.jsx)(P,{className:"w-3.5 h-3.5"}),(0,t.jsx)("span",{children:"th"===$?"คู่มือฉบับเต็ม":"Manual"})]}),(0,t.jsxs)("button",{type:"button",onClick:()=>r("simulator"),className:`px-3.5 py-1.5 rounded-xl text-xs font-bold transition-all flex items-center space-x-1.5 cursor-pointer ${"simulator"===e?"bg-accent text-white shadow-md":"text-gray-400 hover:text-white"}`,children:[(0,t.jsx)(y,{className:"w-3.5 h-3.5"}),(0,t.jsx)("span",{children:"th"===$?"แบบจำลองคลิกสด":"Live Simulator"})]})]}),(0,t.jsxs)("button",{type:"button",onClick:()=>{window.print()},className:"px-3.5 py-2 bg-white/10 hover:bg-white/15 text-gray-200 hover:text-white rounded-xl text-xs font-bold border border-white/10 transition-all flex items-center space-x-1.5 cursor-pointer shadow-sm",title:"th"===$?"พิมพ์หรือบันทึกเป็น PDF":"Print or Save as PDF",children:[(0,t.jsx)(R,{className:"w-3.5 h-3.5"}),(0,t.jsx)("span",{children:"th"===$?"พิมพ์คู่มือ":"Print"})]}),(0,t.jsxs)(a.default,{href:"/products",className:"px-4 py-2 bg-gradient-to-r from-accent to-red-700 hover:from-highlight hover:to-accent text-white rounded-xl text-xs font-bold transition-all shadow-md flex items-center space-x-1.5",children:[(0,t.jsx)(m.ShoppingBag,{className:"w-3.5 h-3.5"}),(0,t.jsx)("span",{children:"th"===$?"เข้าสู่หน้าร้านจริง":"Shop Now"})]})]})]}),"manual"===e&&(0,t.jsxs)("div",{className:"space-y-8 animate-fadeIn",children:[(0,t.jsx)("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4 print:hidden",children:F.map(e=>{let s=e.icon,a=e.id===p;return(0,t.jsxs)("button",{type:"button",onClick:()=>{u(e.id),C(""),S(e.sections[0]?.id\|\|null)},className:`p-4 rounded-2xl border text-left transition-all duration-200 cursor-pointer flex flex-col justify-between group ${a?"bg-gradient-to-b from-[#2A0505] to-[#180303] border-accent shadow-[0_0_20px_rgba(200,16,46,0.35)] scale-[1.02]":"bg-white/[0.03] border-white/10 hover:bg-white/[0.06] hover:border-white/20"}`,children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,t.jsx)("div",{className:`p-2.5 rounded-xl ${a?"bg-accent text-white shadow-md":"bg-white/5 text-gray-400 group-hover:text-white"}`,children:(0,t.jsx)(s,{className:"w-5 h-5"})}),(0,t.jsxs)("span",{className:`text-[10px] font-bold px-2 py-0.5 rounded-full ${a?"bg-accent/20 text-accent border border-accent/30":"bg-white/5 text-gray-500"}`,children:[e.sections.length," ","th"===$?"หัวข้อ":"topics"]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:`text-sm sm:text-base font-bold ${a?"text-white":"text-gray-300 group-hover:text-white"}`,children:e.label[$]}),(0,t.jsx)("p",{className:"text-[11px] text-gray-400 font-light line-clamp-2 mt-1",children:e.description[$]})]})]},e.id)})}),(0,t.jsxs)("div",{className:"p-5 sm:p-6 rounded-3xl bg-gradient-to-r from-[#1E0404] via-[#160202] to-[#120101] border border-white/10 shadow-xl flex flex-col sm:flex-row sm:items-center justify-between gap-4 text-left print:bg-none print:border-none print:p-0",children:[(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex items-center space-x-2 mb-1",children:[(0,t.jsx)("span",{className:"w-2 h-2 rounded-full bg-accent animate-pulse"}),(0,t.jsx)("span",{className:"text-[11px] font-bold text-accent uppercase tracking-wider",children:"th"===$?"หมวดหมู่ที่เลือก":"SELECTED CATEGORY"})]}),(0,t.jsx)("h2",{className:"text-xl sm:text-2xl font-black text-white print:text-black",children:V.label[$]}),(0,t.jsx)("p",{className:"text-xs text-gray-400 font-light mt-0.5 print:text-gray-600",children:V.description[$]})]}),(0,t.jsxs)("div",{className:"relative w-full sm:w-80 print:hidden",children:[(0,t.jsx)(h.Search,{className:"absolute left-3.5 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"}),(0,t.jsx)("input",{type:"text",value:N,onChange:e=>C(e.target.value),placeholder:"th"===$?"ค้นหาในคู่มือหมวดนี้...":"Search manual topics...",className:"w-full h-10 bg-white/[0.06] border border-white/15 focus:border-accent focus:ring-1 focus:ring-accent rounded-xl pl-10 pr-4 text-xs text-white placeholder-gray-400 outline-none transition-all"}),N&&(0,t.jsx)("button",{type:"button",onClick:()=>C(""),className:"absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 hover:text-white",children:(0,t.jsx)(v.X,{className:"w-3.5 h-3.5"})})]})]}),(0,t.jsx)("div",{className:"space-y-4 text-left",children:G.length>0?G.map((e,s)=>{let a=e.icon,n=k===e.id\|\|!!N.trim();return(0,t.jsxs)("div",{className:"rounded-2xl sm:rounded-3xl bg-gradient-to-b from-[#1C0303] to-[#120101] border border-white/10 shadow-lg overflow-hidden transition-all duration-200 print:bg-white print:border-gray-300 print:shadow-none",children:[(0,t.jsxs)("button",{type:"button",onClick:()=>S(n?null:e.id),className:"w-full p-4 sm:p-5 flex items-center justify-between text-left cursor-pointer hover:bg-white/[0.02] transition-colors",children:[(0,t.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,t.jsx)("div",{className:"w-10 h-10 rounded-xl bg-accent/20 text-accent flex items-center justify-center flex-shrink-0 border border-accent/30 print:bg-gray-100 print:text-black",children:(0,t.jsx)(a,{className:"w-5 h-5"})}),(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,t.jsx)("span",{className:"text-[10px] font-bold px-2 py-0.5 rounded-full bg-accent/15 text-accent border border-accent/25 print:border-gray-400",children:e.badge[$]}),(0,t.jsxs)("span",{className:"text-xs text-gray-400 font-mono hidden sm:inline",children:["#",s+1]})]}),(0,t.jsx)("h3",{className:"text-sm sm:text-base font-bold text-white mt-1 print:text-black",children:e.title[$]})]})]}),(0,t.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,t.jsxs)("span",{className:"text-xs text-gray-400 font-light hidden sm:inline",children:[e.steps.length," ","th"===$?"ขั้นตอน":"steps"]}),(0,t.jsx)(D.ChevronDown,{className:`w-5 h-5 text-gray-400 transition-transform duration-300 ${n?"rotate-180 text-accent":""}`})]})]}),(0,t.jsx)(z.AnimatePresence,{children:n&&(0,t.jsx)(_.motion.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.25},className:"border-t border-white/10 p-5 sm:p-6 space-y-5 bg-black/20 print:border-gray-200",children:(0,t.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:e.steps.map((e,s)=>(0,t.jsxs)("div",{className:"p-4 rounded-2xl bg-white/[0.03] border border-white/10 hover:border-white/20 transition-all space-y-2 text-left print:bg-gray-50 print:border-gray-200",children:[(0,t.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,t.jsx)("div",{className:"w-6 h-6 rounded-lg bg-accent text-white font-mono font-bold text-xs flex items-center justify-center shadow-sm",children:s+1}),(0,t.jsx)("h4",{className:"text-xs sm:text-sm font-bold text-white print:text-black",children:e.title[$]})]}),(0,t.jsx)("p",{className:"text-xs text-gray-300 font-light leading-relaxed print:text-gray-700",children:e.desc[$]}),e.tip&&(0,t.jsxs)("div",{className:"mt-2.5 p-2.5 rounded-xl bg-amber-500/10 border border-amber-500/30 flex items-start space-x-2 text-[11px] text-amber-200 print:text-amber-900",children:[(0,t.jsx)(w.Sparkles,{className:"w-3.5 h-3.5 text-amber-400 flex-shrink-0 mt-0.5"}),(0,t.jsxs)("span",{children:[(0,t.jsx)("strong",{children:"th"===$?"คำแนะนำ:":"Tip:"})," ",e.tip[$]]})]}),e.caution&&(0,t.jsxs)("div",{className:"mt-2.5 p-2.5 rounded-xl bg-red-500/10 border border-red-500/30 flex items-start space-x-2 text-[11px] text-red-200 print:text-red-900",children:[(0,t.jsx)(j.AlertCircle,{className:"w-3.5 h-3.5 text-red-400 flex-shrink-0 mt-0.5"}),(0,t.jsxs)("span",{children:[(0,t.jsx)("strong",{children:"th"===$?"ข้อควรระวัง:":"Caution:"})," ",e.caution[$]]})]})]},s))})})})]},e.id)}):(0,t.jsxs)("div",{className:"p-12 rounded-3xl bg-white/[0.02] border border-white/10 text-center space-y-3",children:[(0,t.jsx)(h.Search,{className:"w-10 h-10 text-gray-500 mx-auto"}),(0,t.jsx)("h4",{className:"text-sm font-bold text-gray-300",children:"th"===$?"ไม่พบหัวข้อที่ค้นหา":"No matching manual topics found"}),(0,t.jsx)("p",{className:"text-xs text-gray-500 font-light",children:"th"===$?"กรุณาลองเปลี่ยนคำค้นหา หรือเลือกหมวดหมู่อื่น":"Try adjusting your search query or select another role."})]})}),(0,t.jsxs)("div",{className:"p-6 sm:p-8 rounded-3xl bg-gradient-to-r from-red-950/60 via-black to-red-950/60 border border-accent/30 shadow-2xl flex flex-col sm:flex-row items-center justify-between gap-4 text-left print:hidden",children:[(0,t.jsxs)("div",{className:"space-y-1",children:[(0,t.jsx)("span",{className:"text-[10px] font-bold uppercase tracking-wider text-accent",children:"th"===$?"✦ อยากดูตัวอย่างแบบขยับเมาส์คลิกสด?":"✦ PREFER INTERACTIVE DEMONSTRATION?"}),(0,t.jsx)("h3",{className:"text-lg sm:text-xl font-bold text-white",children:"th"===$?'ทดลองเปิดโหมด "แบบจำลองคลิกสด (Live Simulator)"':"Try our Live Animated Simulator"}),(0,t.jsx)("p",{className:"text-xs text-gray-400 font-light",children:"th"===$?"ระบบจะจำลองหน้าจอเว็บ CMTC SHOP และพาคุณคลิกทำตามทีละขั้นตอนเสมือนใช้งานจริง":"Watch animated cursor guidance walkthrough the actual shop UI in real time."})]}),(0,t.jsxs)("button",{type:"button",onClick:()=>{r("simulator"),window.scrollTo({top:0,behavior:"smooth"})},className:"px-5 py-2.5 bg-accent hover:bg-highlight text-white rounded-xl text-xs font-bold transition-all shadow-luxury flex items-center space-x-2 cursor-pointer flex-shrink-0",children:[(0,t.jsx)(y,{className:"w-4 h-4"}),(0,t.jsx)("span",{children:"th"===$?"เปิดแบบจำลองคลิกสด":"Launch Simulator"}),(0,t.jsx)(c.ChevronRight,{className:"w-4 h-4"})]})]})]}),"simulator"===e&&(0,t.jsxs)("div",{className:"space-y-6 animate-fadeIn",children:[(0,t.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-3",children:U.map(e=>{let s=e.icon,a=e.id===T;return(0,t.jsxs)("button",{onClick:()=>{M(e.id),O(0),E(!1)},className:`p-3.5 rounded-2xl border text-left transition-all duration-200 cursor-pointer flex flex-col justify-between group ${a?"bg-gradient-to-b from-[#2A0505] to-[#180303] border-accent shadow-[0_0_20px_rgba(200,16,46,0.35)] scale-[1.02]":"bg-white/[0.03] border-white/10 hover:bg-white/[0.06] hover:border-white/20"}`,children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,t.jsx)("div",{className:`p-2 rounded-xl ${a?"bg-accent text-white shadow-sm":"bg-white/5 text-gray-400 group-hover:text-white"}`,children:(0,t.jsx)(s,{className:"w-4 h-4"})}),(0,t.jsx)("span",{className:`text-[10px] font-bold px-2 py-0.5 rounded-full ${a?"bg-accent/20 text-accent border border-accent/30":"bg-white/5 text-gray-500"}`,children:e.badge[$]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:`text-xs sm:text-sm font-bold leading-snug ${a?"text-white":"text-gray-300 group-hover:text-white"}`,children:e.title[$]}),(0,t.jsxs)("p",{className:"text-[10px] text-gray-400 font-light truncate mt-1",children:[e.scenes.length," ","th"===$?"ตอนย่อย":"complete steps"]})]})]},e.id)})}),(0,t.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-6 items-start",children:[(0,t.jsx)("div",{className:"lg:col-span-8 space-y-3",children:(0,t.jsxs)("div",{className:"rounded-3xl bg-[#140202] border border-white/20 shadow-2xl overflow-hidden flex flex-col",children:[(0,t.jsxs)("div",{className:"bg-[#180404] px-4 py-2.5 border-b border-white/10 flex items-center justify-between gap-3",children:[(0,t.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,t.jsx)("div",{className:"w-3 h-3 rounded-full bg-[#FF5F56]"}),(0,t.jsx)("div",{className:"w-3 h-3 rounded-full bg-[#FFBD2E]"}),(0,t.jsx)("div",{className:"w-3 h-3 rounded-full bg-[#27C93F]"})]}),(0,t.jsxs)("div",{className:"flex-1 max-w-xl bg-black/60 border border-white/10 rounded-full px-4 py-1 text-[11px] text-gray-300 flex items-center justify-between font-mono",children:[(0,t.jsxs)("div",{className:"flex items-center space-x-1.5 truncate",children:[(0,t.jsx)("span",{className:"text-emerald-400 text-xs",children:"🔒"}),(0,t.jsx)("span",{className:"text-gray-400",children:"https://webapp69.cm.in.th/u69319090023/Shop23"}),(0,t.jsx)("span",{className:"text-white font-semibold",children:H.urlPath})]}),(0,t.jsx)("span",{className:"text-[9px] text-accent bg-accent/20 px-2 py-0.5 rounded-full font-bold uppercase hidden sm:inline",children:"SIMULATION"})]}),(0,t.jsxs)("div",{className:"flex items-center space-x-1.5 text-xs text-gray-400",children:[(0,t.jsx)("span",{className:"w-2 h-2 rounded-full bg-emerald-500 animate-ping"}),(0,t.jsx)("span",{className:"text-[10px] text-gray-400 font-mono hidden sm:inline",children:"LIVE"})]})]}),(0,t.jsxs)("div",{className:"relative min-h-[460px] sm:min-h-[500px] bg-[#F8F9FA] flex flex-col justify-start overflow-hidden text-left",children:[(0,t.jsxs)("div",{className:"w-full bg-[rgba(24,4,4,0.96)] border-b border-white/[0.08] px-3 sm:px-6 py-2.5 flex items-center justify-between gap-2 shadow-md relative z-10",children:[(0,t.jsxs)("div",{className:"flex items-center space-x-2 sm:space-x-3 flex-shrink-0",children:[(0,t.jsx)("div",{className:"relative w-8 h-8 sm:w-9 sm:h-9",children:(0,t.jsx)(n.default,{src:"/u69319090023/Shop23/logo_crest.png",alt:"CTC Logo",fill:!0,className:"object-contain"})}),(0,t.jsxs)("div",{className:"flex flex-col text-left justify-center",children:[(0,t.jsx)("span",{className:"text-xs sm:text-sm font-extrabold text-white tracking-[0.04em] leading-tight font-prompt",children:"CMTC SHOP"}),(0,t.jsx)("span",{className:"text-[7px] text-gray-400 font-normal tracking-[0.2em] uppercase leading-tight mt-0.5",children:"Chiangmai Technical College"})]})]}),(0,t.jsx)("div",{className:"flex flex-1 max-w-[320px] sm:max-w-[400px] items-center relative mx-1.5",children:(0,t.jsxs)("div",{className:"relative w-full flex items-center",children:[(0,t.jsx)(h.Search,{className:"absolute left-3 w-3.5 h-3.5 text-gray-400"}),(0,t.jsx)("input",{type:"text",readOnly:!0,value:"buy_product"===T&&L>=0?"เสื้อโปโล CMTC":"",placeholder:"ค้นหาเสื้อผ้า, หมวดหมู่, สินค้า...",className:`w-full h-8 bg-white/[0.06] text-white placeholder-gray-400 text-[11px] rounded-full pl-8 pr-6 border transition-all ${"buy_product"===T&&0===L?"border-accent ring-2 ring-accent/60 bg-white/[0.12] shadow-[0_0_15px_rgba(200,16,46,0.6)]":"border-white/[0.12]"}`})]})}),(0,t.jsxs)("div",{className:"flex items-center space-x-1 sm:space-x-2 flex-shrink-0",children:[(0,t.jsx)("button",{type:"button",className:`p-1.5 rounded-full transition-all ${"coupon"===T&&0===L?"bg-accent text-white ring-2 ring-accent animate-bounce":"text-gray-300 hover:text-white"}`,children:(0,t.jsx)(x.Ticket,{className:"w-4 h-4 text-amber-400"})}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("button",{type:"button",className:"p-1.5 text-gray-300 hover:text-white rounded-full",children:(0,t.jsx)(m.ShoppingBag,{className:"w-4 h-4"})}),"buy_product"===T&&L>=3&&(0,t.jsx)("span",{className:"absolute -top-1 -right-1 w-4 h-4 rounded-full bg-accent text-white text-[9px] font-bold flex items-center justify-center",children:"1"})]}),(0,t.jsxs)("button",{type:"button",className:`px-3 py-1 rounded-full text-xs font-bold flex items-center space-x-1 ${"login"===T&&0===L?"bg-accent text-white ring-2 ring-white scale-105 animate-pulse":"bg-accent text-white"}`,children:[(0,t.jsx)(g.User,{className:"w-3.5 h-3.5"}),(0,t.jsx)("span",{className:"hidden sm:inline",children:"เข้าสู่ระบบ"})]})]})]}),(0,t.jsxs)("div",{className:"p-4 sm:p-6 flex-1 flex flex-col justify-center items-center text-center",children:["buy_product"===T&&(0,t.jsxs)("div",{className:"w-full max-w-lg mx-auto space-y-4",children:[(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,t.jsxs)("div",{className:`p-4 rounded-2xl bg-white border shadow-md transition-all ${1===L?"border-accent ring-4 ring-accent/40 scale-105 shadow-xl":"border-gray-200"}`,children:[(0,t.jsx)("div",{className:"w-full h-24 bg-gray-100 rounded-xl flex items-center justify-center text-3xl",children:"👕"}),(0,t.jsx)("h4",{className:"text-xs font-bold text-gray-900 mt-2",children:"เสื้อโปโลตราสัญลักษณ์ CMTC"}),(0,t.jsx)("p",{className:"text-xs font-black text-accent mt-1",children:"฿350"})]}),(0,t.jsxs)("div",{className:"p-4 rounded-2xl bg-white border border-gray-200 shadow-sm opacity-60",children:[(0,t.jsx)("div",{className:"w-full h-24 bg-gray-100 rounded-xl flex items-center justify-center text-3xl",children:"🦺"}),(0,t.jsx)("h4",{className:"text-xs font-bold text-gray-900 mt-2",children:"เสื้อช็อปฝึกงานช่างยนต์"}),(0,t.jsx)("p",{className:"text-xs font-black text-accent mt-1",children:"฿550"})]})]}),L>=2&&L<=4&&(0,t.jsxs)("div",{className:"p-4 rounded-2xl bg-white border-2 border-accent shadow-2xl space-y-3 animate-fadeIn text-left",children:[(0,t.jsxs)("div",{className:"flex justify-between items-center border-b pb-2",children:[(0,t.jsx)("span",{className:"text-xs font-bold text-gray-900",children:"เลือกตัวเลือกสินค้า"}),(0,t.jsx)("span",{className:"text-xs text-gray-400",children:"ปิด ✕"})]}),(0,t.jsxs)("div",{className:"space-y-1",children:[(0,t.jsx)("span",{className:"text-[11px] text-gray-500 font-semibold",children:"ขนาด (Size):"}),(0,t.jsx)("div",{className:"flex gap-2",children:["S","M","L","XL"].map(e=>(0,t.jsx)("span",{className:`px-3 py-1 rounded-lg text-xs font-bold border ${"L"===e&&L>=2?"bg-accent text-white border-accent ring-2 ring-accent/40":"bg-gray-50 border-gray-300 text-gray-700"}`,children:e},e))})]}),(0,t.jsx)("button",{type:"button",className:`w-full py-2 rounded-xl text-xs font-bold text-white transition-all ${3===L?"bg-accent ring-4 ring-accent/40 scale-105 animate-pulse":"bg-accent"}`,children:"🛒 เพิ่มลงตะกร้าสินค้า"})]})]}),"login"===T&&(0,t.jsxs)("div",{className:"w-full max-w-sm p-6 bg-white rounded-3xl border border-gray-200 shadow-xl space-y-3 text-left",children:[(0,t.jsx)("h4",{className:"text-sm font-bold text-gray-900",children:"เข้าสู่ระบบ CMTC SHOP"}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)("input",{type:"text",readOnly:!0,value:L>=1?"student@cmtc.ac.th":"",placeholder:"อีเมลนักศึกษา / บุคลากร",className:`w-full text-xs p-2.5 border rounded-xl ${1===L?"border-accent ring-2 ring-accent/40 bg-accent/5":"border-gray-300"}`}),(0,t.jsx)("input",{type:"password",readOnly:!0,value:L>=2?"••••••••":"",placeholder:"รหัสผ่าน",className:`w-full text-xs p-2.5 border rounded-xl ${2===L?"border-accent ring-2 ring-accent/40 bg-accent/5":"border-gray-300"}`}),(0,t.jsx)("button",{type:"button",className:`w-full py-2.5 rounded-xl text-xs font-bold text-white ${3===L?"bg-accent ring-4 ring-accent/40 scale-105 animate-pulse":"bg-accent"}`,children:"เข้าสู่ระบบ"})]})]}),"coupon"===T&&(0,t.jsx)("div",{className:"w-full max-w-md p-6 bg-white rounded-3xl border border-gray-200 shadow-xl space-y-4 text-left",children:(0,t.jsxs)("div",{className:"p-3.5 rounded-2xl bg-gradient-to-r from-amber-50 to-red-50 border border-amber-200 flex items-center justify-between",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-[10px] font-bold text-accent uppercase",children:"ส่วนลดพิเศษ"}),(0,t.jsx)("h5",{className:"text-xs font-bold text-gray-900",children:"คูปองเปิดเทอม CMTC50"}),(0,t.jsx)("p",{className:"text-[10px] text-gray-500",children:"ลด ฿50 ไม่มีขั้นต่ำ"})]}),(0,t.jsx)("button",{type:"button",className:`px-3 py-1.5 rounded-xl text-xs font-bold ${L>=1?"bg-emerald-600 text-white":"bg-accent text-white animate-pulse"}`,children:L>=1?"✓ เก็บแล้ว":"เก็บ"})]})}),"payment"===T&&(0,t.jsxs)("div",{className:"w-full max-w-sm p-6 bg-white rounded-3xl border border-gray-200 shadow-xl space-y-3 text-center",children:[(0,t.jsx)("span",{className:"text-[10px] text-accent font-bold uppercase",children:"ชำระเงินออนไลน์"}),(0,t.jsx)("h4",{className:"text-xs font-bold text-gray-900",children:"พร้อมเพย์ QR Code (PromptPay)"}),(0,t.jsxs)("div",{className:"p-3 bg-white rounded-xl inline-block border-2 border-accent shadow-sm",children:[(0,t.jsx)(b,{className:"w-24 h-24 text-gray-900"}),(0,t.jsx)("span",{className:"text-[9px] font-bold text-gray-800 block mt-1",children:"ยอดโอน: ฿300.00"})]}),(0,t.jsxs)("div",{className:`p-2.5 rounded-xl border text-xs flex items-center justify-center gap-1.5 ${L>=2?"border-emerald-400 bg-emerald-50 text-emerald-700":"border-dashed border-gray-300 text-gray-500"}`,children:[(0,t.jsx)(d.CheckCircle2,{className:"w-4 h-4 text-emerald-600"}),(0,t.jsx)("span",{children:L>=2?"แนบสลิปโอนเงินเรียบร้อยแล้ว":"คลิกเพื่อแนบสลิปโอนเงิน"})]})]}),"tracking"===T&&(0,t.jsxs)("div",{className:"w-full max-w-md p-6 bg-white rounded-3xl border border-gray-200 shadow-xl space-y-3 text-left",children:[(0,t.jsx)("h4",{className:"text-xs font-bold text-gray-900",children:"ระบบติดตามคำสั่งซื้อพัสดุ"}),(0,t.jsxs)("div",{className:"flex gap-2",children:[(0,t.jsx)("input",{type:"text",readOnly:!0,value:"ORD-2026-8899",className:"w-full border border-gray-300 rounded-xl px-3 py-1.5 text-xs text-gray-800 font-mono"}),(0,t.jsx)("button",{type:"button",className:"px-3 py-1.5 bg-accent text-white rounded-xl text-xs font-bold",children:"ค้นหา"})]}),L>=2&&(0,t.jsx)("div",{className:"p-2.5 rounded-xl bg-emerald-50 border border-emerald-100 text-xs text-emerald-800",children:"● สถานะ: จัดส่งมอบหมายขนส่ง Flash Express (TH01492839281)"})]})]}),(0,t.jsx)(_.motion.div,{animate:{left:`${H.cursorPos.x}%`,top:`${H.cursorPos.y}%`},transition:{type:"spring",damping:24,stiffness:180,duration:.5},className:"absolute pointer-events-none z-50 transform -translate-x-1/2 -translate-y-1/2",children:(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("div",{className:"absolute -inset-3 rounded-full bg-accent/40 blur-sm animate-ping pointer-events-none"}),(0,t.jsx)(f,{className:"w-7 h-7 text-accent fill-accent drop-shadow-[0_2px_8px_rgba(200,16,46,0.9)] transform -rotate-12"}),(0,t.jsxs)("div",{className:"absolute left-6 top-1.5 bg-gradient-to-r from-accent to-red-700 text-white text-[10px] font-extrabold px-2.5 py-1 rounded-xl shadow-2xl whitespace-nowrap flex items-center space-x-1 border border-white/20",children:[(0,t.jsx)(w.Sparkles,{className:"w-3 h-3 text-amber-300"}),(0,t.jsx)("span",{children:H.targetLabel[$]})]})]})})]})]})}),(0,t.jsxs)("div",{className:"lg:col-span-4 space-y-4",children:[(0,t.jsxs)("div",{className:"rounded-3xl bg-gradient-to-b from-[#220505] to-[#140202] border border-white/15 p-5 sm:p-6 shadow-2xl space-y-4 text-left",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between border-b border-white/10 pb-3",children:[(0,t.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,t.jsx)("div",{className:"w-7 h-7 rounded-xl bg-accent text-white font-mono font-black text-xs flex items-center justify-center shadow-sm",children:H.sceneNumber}),(0,t.jsx)("span",{className:"text-xs font-bold text-accent uppercase tracking-wider",children:"th"===$?`ตอนที่ ${L+1} จาก ${B}`:`Step ${L+1} of ${B}`})]}),(0,t.jsxs)("span",{className:"text-[10px] bg-white/10 px-2 py-0.5 rounded-full text-gray-300 font-mono",children:[Math.round((L+1)/B*100),"%"]})]}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)("h3",{className:"text-base sm:text-lg font-bold text-white leading-snug",children:H.title[$]}),(0,t.jsx)("p",{className:"text-xs sm:text-sm text-gray-300 font-light leading-relaxed",children:H.actionDesc[$]})]}),(0,t.jsx)("div",{className:"space-y-1.5 pt-2",children:(0,t.jsx)("div",{className:"flex items-center space-x-1.5",children:q.scenes.map((e,s)=>{let a=s===L,n=s<L;return(0,t.jsx)("button",{onClick:()=>{O(s),E(!1)},className:`h-2 rounded-full transition-all duration-300 cursor-pointer flex-1 ${a?"bg-accent shadow-[0_0_10px_rgba(200,16,46,0.8)] scale-y-125":n?"bg-emerald-500/70":"bg-white/15 hover:bg-white/30"}`,title:e.title[$]},e.id)})})}),(0,t.jsxs)("div",{className:"pt-3 border-t border-white/10 flex items-center gap-2",children:[(0,t.jsxs)("button",{onClick:()=>{L>0&&O(e=>e-1)},disabled:0===L,className:`px-3.5 py-2.5 rounded-2xl text-xs font-bold border transition-all flex items-center space-x-1 cursor-pointer ${0===L?"bg-white/5 border-white/5 text-gray-600 cursor-not-allowed":"bg-white/10 hover:bg-white/20 border-white/15 text-white hover:scale-105"}`,children:[(0,t.jsx)(o.ChevronLeft,{className:"w-4 h-4"}),(0,t.jsx)("span",{children:"th"===$?"ย้อนกลับ":"Prev"})]}),(0,t.jsx)("button",{onClick:()=>E(e=>!e),className:`p-2.5 rounded-2xl border transition-all cursor-pointer flex items-center justify-center ${A?"bg-amber-500/20 text-amber-400 border-amber-500/40 animate-pulse":"bg-white/10 hover:bg-white/20 text-white border-white/15"}`,title:A?"พักการเล่น":"เล่นอัตโนมัติ",children:A?(0,t.jsx)(l,{className:"w-4 h-4"}):(0,t.jsx)(i,{className:"w-4 h-4 fill-current"})}),(0,t.jsxs)("button",{onClick:()=>{L<B-1?O(e=>e+1):O(0)},className:"flex-1 py-2.5 px-4 bg-gradient-to-r from-accent to-red-600 hover:from-highlight hover:to-accent text-white text-xs font-bold rounded-2xl shadow-[0_0_20px_rgba(200,16,46,0.4)] transition-all flex items-center justify-center space-x-1.5 cursor-pointer hover:scale-[1.02] active:scale-95",children:[(0,t.jsx)("span",{children:L===B-1?"th"===$?"✓ จบครบขั้นตอน":"✓ Finish":"th"===$?"ขั้นตอนถัดไป":"Next Step"}),(0,t.jsx)(c.ChevronRight,{className:"w-4 h-4"})]})]})]}),(0,t.jsxs)("button",{type:"button",onClick:()=>r("manual"),className:"w-full p-4 rounded-2xl bg-white/[0.03] border border-white/10 hover:bg-white/[0.06] text-xs text-gray-300 font-semibold transition-all flex items-center justify-center space-x-2 cursor-pointer",children:[(0,t.jsx)(P,{className:"w-4 h-4 text-accent"}),(0,t.jsx)("span",{children:"th"===$?"สลับกลับไปดูคู่มือฉบับเต็ม (Full Documentation)":"Return to Full Documentation"})]})]})]})]})]})]})}],65650)}]);

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.27 | proxy | phpinfo | Settings