File manager

File manager - Edit - /home/webapp69.cm.in.th/u69319090016/Shirts 016/index.html

Back
<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CMTC Shop - ร้านค้าเสื้อผ้าออนไลน์สุดพรีเมียม</title> <!-- Google Fonts & Font Awesome Icons --> <link href="https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="stylesheet" href="style.css?v=5"> </head> <body> <!-- Header / Navbar --> <header class="main-header"> <div class="header-top"> <div class="container top-nav-links"> <div class="top-nav-left"> <span><i class="fa-solid fa-store"></i> ยินดีต้อนรับสู่ CMTC Shop</span> </div> <div class="top-nav-right" id="auth-status-container"> <!-- Dynamic auth state here --> <span id="user-display" class="hidden-element">สวัสดี, <strong id="username-display">admin</strong></span> <button id="btn-login-modal" class="auth-btn"><i class="fa-solid fa-right-to-bracket"></i> เข้าสู่ระบบ</button> <button id="btn-logout" class="auth-btn hidden-element"><i class="fa-solid fa-right-from-bracket"></i> ออกจากระบบ</button> <button id="btn-add-product-modal" class="auth-btn hidden-element"><i class="fa-solid fa-plus-circle"></i> เพิ่มสินค้า</button> </div> </div> </div> <div class="header-main"> <div class="container main-nav-content"> <!-- Logo --> <a href="#" class="logo" id="btn-logo-home"> <i class="fa-solid fa-shirt"></i> <span>CMTC Shop</span> </a> <!-- Search Bar --> <div class="search-box"> <input type="text" id="search-input" placeholder="ค้นหาเสื้อยืด เสื้อเชิ้ต หรือเสื้อกันหนาว..."> <button id="search-btn"><i class="fa-solid fa-magnifying-glass"></i></button> </div> <!-- Shopping Cart Icon --> <div class="cart-icon-wrapper" id="btn-open-cart"> <i class="fa-solid fa-cart-shopping"></i> <span class="cart-badge" id="cart-count">0</span> </div> </div> </div> </header> <!-- Main Content Area --> <main class="container page-content"> <!-- Categories & Filter Section --> <section class="categories-section"> <h3 class="section-title">หมวดหมู่เสื้อผ้า</h3> <div class="categories-list"> <button class="category-btn active" data-category="all">ทั้งหมด</button> <button class="category-btn" data-category="tshirt">เสื้อยืด (T-Shirt)</button> <button class="category-btn" data-category="shirt">เสื้อเชิ้ต (Shirt)</button> <button class="category-btn" data-category="jacket">เสื้อนอก/กันหนาว (Outerwear)</button> <button class="category-btn" data-category="other">ประเภทอื่นๆ</button> </div> </section> <!-- Product Grid Section --> <section class="products-section"> <div class="section-header"> <h3 class="section-title">เสื้อผ้ายอดนิยมสำหรับคุณ</h3> <span class="product-count" id="product-total-display">พบทั้งหมด 0 รายการ</span> </div> <div class="product-grid" id="product-grid-container"> <!-- Products will be generated dynamically --> </div> </section> </main> <!-- Footer --> <footer class="main-footer"> <div class="container footer-content"> <div class="footer-brand"> <h3><i class="fa-solid fa-shirt"></i> CMTC Shop</h3> <p>แพลตฟอร์มสั่งซื้อเสื้อผ้าออนไลน์ สะดวก รวดเร็ว พร้อมการบริการอย่างเป็นกันเอง</p> </div> <div class="footer-links"> <h4>ติดต่อเรา</h4> <p><i class="fa-solid fa-envelope"></i> contact@cmtcshop.com</p> <p><i class="fa-solid fa-phone"></i> 02-123-4567</p> </div> </div> <div class="footer-bottom"> <p>© 2026 CMTC Shop. สงวนลิขสิทธิ์ทั้งหมด.</p> </div> </footer> <!-- Shopping Cart Panel (Slide in from Right) --> <div class="cart-sidebar-overlay" id="cart-sidebar-overlay"></div> <div class="cart-sidebar" id="cart-sidebar"> <div class="cart-sidebar-header"> <h3><i class="fa-solid fa-cart-shopping"></i> ตะกร้าสินค้าของคุณ</h3> <button id="btn-close-cart" class="close-sidebar-btn">×</button> </div> <div class="cart-items-container" id="cart-items-list"> <!-- Dynamic Cart Items here --> <div class="empty-cart-message"> <i class="fa-solid fa-cart-flatbed"></i> <p>ตะกร้าสินค้าของคุณยังว่างเปล่า</p> </div> </div> <div class="cart-sidebar-footer"> <div class="cart-total-section"> <span>ราคารวมทั้งหมด:</span> <span class="cart-total-price" id="cart-total-price">฿0.00</span> </div> <button class="checkout-btn" id="btn-checkout">สั่งซื้อสินค้า</button> </div> </div> <!-- Login Modal --> <div class="modal-overlay" id="login-modal"> <div class="modal-content auth-modal"> <button class="modal-close-btn">×</button> <h3 class="modal-title"><i class="fa-solid fa-user-lock"></i> เข้าสู่ระบบ</h3> <form id="login-form"> <div class="form-group"> <label for="login-username">ชื่อผู้ใช้</label> <input type="text" id="login-username" required placeholder="กรอกชื่อผู้ใช้งาน หรือ admin"> </div> <div class="form-group"> <label for="login-password">รหัสผ่าน</label> <input type="password" id="login-password" required placeholder="กรอกรหัสผ่าน"> </div> <div class="auth-toggle-note"> <p>เข้าสู่ระบบด้วย Admin (username: <strong>admin</strong>, password: <strong>123456</strong>)</p> </div> <button type="submit" class="submit-btn">เข้าสู่ระบบ</button> </form> </div> </div> <!-- Add Product Modal --> <div class="modal-overlay" id="add-product-modal"> <div class="modal-content add-product-form-modal"> <button class="modal-close-btn">×</button> <h3 class="modal-title"><i class="fa-solid fa-plus"></i> เพิ่มเสื้อผ้าสำหรับขาย</h3> <form id="add-product-form"> <div class="form-group"> <label for="prod-name">ชื่อสินค้า <span class="required"></span></label> <input type="text" id="prod-name" required placeholder="ตัวอย่าง: เสื้อยืดสตรีทลายกราฟิก"> </div> <div class="form-row"> <div class="form-group col-6"> <label for="prod-price">ราคา (บาท) <span class="required"></span></label> <input type="number" id="prod-price" required min="1" placeholder="เช่น 290"> </div> <div class="form-group col-6"> <label for="prod-category">ประเภทเสื้อผ้า <span class="required"></span></label> <select id="prod-category" required> <option value="tshirt">เสื้อยืด (T-Shirt)</option> <option value="shirt">เสื้อเชิ้ต (Shirt)</option> <option value="jacket">เสื้อนอก/กันหนาว (Outerwear)</option> <option value="other">ประเภทอื่นๆ</option> </select> </div> </div> <div class="form-group"> <label>ไซส์เสื้อผ้าที่มีวางจำหน่าย <span class="required"></span></label> <div class="size-checkboxes-grid"> <label class="size-checkbox-wrapper"> <input type="checkbox" name="sizes" value="S" checked> <span class="custom-checkbox">S</span> </label> <label class="size-checkbox-wrapper"> <input type="checkbox" name="sizes" value="M" checked> <span class="custom-checkbox">M</span> </label> <label class="size-checkbox-wrapper"> <input type="checkbox" name="sizes" value="L" checked> <span class="custom-checkbox">L</span> </label> <label class="size-checkbox-wrapper"> <input type="checkbox" name="sizes" value="XL"> <span class="custom-checkbox">XL</span> </label> <label class="size-checkbox-wrapper"> <input type="checkbox" name="sizes" value="XXL"> <span class="custom-checkbox">XXL</span> </label> <label class="size-checkbox-wrapper"> <input type="checkbox" name="sizes" value="XXXL"> <span class="custom-checkbox">XXXL</span> </label> </div> </div> <div class="form-group"> <label for="prod-description">รายละเอียดสินค้า</label> <textarea id="prod-description" rows="3" placeholder="ระบุรายละเอียดสินค้า เนื้อผ้า สี และทรงเสื้อ..."></textarea> </div> <div class="form-group"> <label for="prod-image">รูปภาพสินค้าตัวอย่าง <span class="required"></span></label> <div class="file-upload-zone"> <input type="file" id="prod-image" accept="image/" required class="hidden-file-input"> <div class="upload-placeholder" id="upload-placeholder-btn"> <i class="fa-solid fa-cloud-arrow-up"></i> <p>คลิกเพื่อเลือกไฟล์รูปภาพเสื้อผ้า</p> <span class="file-info" id="selected-file-info"></span> </div> </div> </div> <button type="submit" class="submit-btn">บันทึกและเพิ่มสินค้า</button> </form> </div> </div> <!-- Edit Product Modal --> <div class="modal-overlay" id="edit-product-modal"> <div class="modal-content edit-product-form-modal"> <button class="modal-close-btn">×</button> <h3 class="modal-title"><i class="fa-solid fa-pen-to-square"></i> แก้ไขข้อมูลสินค้า</h3> <form id="edit-product-form"> <input type="hidden" id="edit-prod-id"> <div class="form-group"> <label for="edit-prod-name">ชื่อสินค้า <span class="required"></span></label> <input type="text" id="edit-prod-name" required placeholder="ชื่อสินค้า..."> </div> <div class="form-row"> <div class="form-group col-6"> <label for="edit-prod-price">ราคา (บาท) <span class="required"></span></label> <input type="number" id="edit-prod-price" required min="1" placeholder="ราคา..."> </div> <div class="form-group col-6"> <label for="edit-prod-category">ประเภทเสื้อผ้า <span class="required"></span></label> <select id="edit-prod-category" required> <option value="tshirt">เสื้อยืด (T-Shirt)</option> <option value="shirt">เสื้อเชิ้ต (Shirt)</option> <option value="jacket">เสื้อนอก/กันหนาว (Outerwear)</option> <option value="other">ประเภทอื่นๆ</option> </select> </div> </div> <div class="form-group"> <label>ไซส์เสื้อผ้าที่มีวางจำหน่าย <span class="required"></span></label> <div class="size-checkboxes-grid"> <label class="size-checkbox-wrapper"> <input type="checkbox" name="edit-sizes" value="S"> <span class="custom-checkbox">S</span> </label> <label class="size-checkbox-wrapper"> <input type="checkbox" name="edit-sizes" value="M"> <span class="custom-checkbox">M</span> </label> <label class="size-checkbox-wrapper"> <input type="checkbox" name="edit-sizes" value="L"> <span class="custom-checkbox">L</span> </label> <label class="size-checkbox-wrapper"> <input type="checkbox" name="edit-sizes" value="XL"> <span class="custom-checkbox">XL</span> </label> <label class="size-checkbox-wrapper"> <input type="checkbox" name="edit-sizes" value="XXL"> <span class="custom-checkbox">XXL</span> </label> <label class="size-checkbox-wrapper"> <input type="checkbox" name="edit-sizes" value="XXXL"> <span class="custom-checkbox">XXXL</span> </label> </div> </div> <div class="form-group"> <label for="edit-prod-description">รายละเอียดสินค้า</label> <textarea id="edit-prod-description" rows="3" placeholder="ระบุรายละเอียดสินค้า เนื้อผ้า สี และทรงเสื้อ..."></textarea> </div> <div class="form-group"> <label>รูปภาพปัจจุบัน</label> <div class="image-preview-container"> <img id="edit-image-preview" class="image-preview-thumbnail" src="" alt="รูปภาพปัจจุบัน"> <span class="image-preview-text">รูปภาพสินค้าปัจจุบัน (หากไม่เปลี่ยน ให้เว้นว่างด้านล่าง)</span> </div> </div> <div class="form-group"> <label for="edit-prod-image">เปลี่ยนรูปภาพสินค้าใหม่ (ตัวเลือกเสริม)</label> <div class="file-upload-zone" id="edit-upload-zone"> <input type="file" id="edit-prod-image" accept="image/*" class="hidden-file-input"> <div class="upload-placeholder" id="edit-upload-placeholder-btn"> <i class="fa-solid fa-cloud-arrow-up"></i> <p>คลิกเพื่อเลือกไฟล์รูปภาพใหม่ (ถ้าต้องการเปลี่ยน)</p> <span class="file-info" id="edit-selected-file-info"></span> </div> </div> </div> <button type="submit" class="submit-btn"><i class="fa-solid fa-floppy-disk"></i> บันทึกการแก้ไข</button> </form> </div> </div> <!-- Script connection --> <script src="app.js?v=7"></script> </body> </html>

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