renolation/worker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update cart

Browse Source
This commit is contained in:
Phuoc Nguyen
2025-11-14 16:19:25 +07:00
parent 4738553d2e
commit aae3c9d080
30 changed files with 5954 additions and 758 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
html/checkout.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Thanh toán - EuroTile Worker</title>
<title>Đặt hàng - EuroTile Worker</title>
<!--<script src="https://cdn.tailwindcss.com"></script>-->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
@@ -15,7 +15,7 @@
<a href="cart.html" class="back-button">
<i class="fas fa-arrow-left"></i>
</a>
<h1 class="header-title">Thanh toán</h1>
<h1 class="header-title">Đặt hàng</h1>
<div style="width: 32px;"></div>
</div>
@@ -85,20 +85,20 @@
<div id="invoiceInfoCard" class="invoice-info-card" style="display: none;">
<h4 class="invoice-title">Thông tin hóa đơn</h4>
<div class="form-group">
<label class="form-label">Tên Người Mua</label>
<input type="text" class="form-input" id="buyerName" placeholder="Họ và tên người mua">
<label class="form-label">Tên người mua</label>
<input type="text" class="form-input" id="buyerName" placeholder="Tên công ty/cá nhân">
</div>
<div class="form-group">
<label class="form-label">Mã số thuế</label>
<input type="text" class="form-input" id="taxCode" placeholder="Mã số thuế công ty">
<input type="text" class="form-input" id="taxCode" placeholder="Mã số thuế">
</div>
<div class="form-group">
<!--<div class="form-group">
<label class="form-label">Tên công ty</label>
<input type="text" class="form-input" id="companyName" placeholder="Tên công ty/tổ chức">
</div>
</div>-->
<div class="form-group">
<label class="form-label">Địa chỉ</label>
<input type="text" class="form-input" id="companyAddress" placeholder="Địa chỉ công ty">
<input type="text" class="form-input" id="companyAddress" placeholder="Địa chỉ">
</div>
<div class="form-group">
<label class="form-label">Email nhận hóa đơn</label>
@@ -121,7 +121,7 @@
<i class="fas fa-money-check-alt"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Chuyển khoản ngân hàng</div>
<div class="list-item-title">Thanh toán hoàn toàn</div>
<div class="list-item-subtitle">Thanh toán qua tài khoản ngân hàng</div>
</div>
</label>
@@ -131,12 +131,26 @@
<i class="fas fa-hand-holding-usd"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Thanh toán khi nhận hàng</div>
<div class="list-item-subtitle">COD - Trả tiền mặt cho tài xế</div>
<div class="list-item-title">Thanh toán một phần</div>
<div class="list-item-subtitle">Trả trước(≥20%), còn lại thanh toán trong vòng 30 ngày</div>
</div>
</label>
</div>
<!-- Discount Code -->
<div class="card">
<div class="form-group" style="margin-bottom: 8px;">
<label class="form-label">Mã giảm giá</label>
<div style="display: flex; gap: 8px;">
<input type="text" class="form-input" style="flex: 1;" placeholder="Nhập mã giảm giá">
<button class="btn btn-primary">Áp dụng</button>
</div>
</div>
<p class="text-small text-success">
<i class="fas fa-check-circle"></i> Bạn được giảm 15% (hạng Diamond)
</p>
</div>
<!-- Order Summary -->
<div class="card">
<h3 class="card-title">Tóm tắt đơn hàng</h3>
@@ -196,7 +210,7 @@
<!-- Place Order Button -->
<div style="margin-bottom: 24px;">
<a href="payment-qr.html" class="btn btn-primary btn-block">
<a href="payment-qr.html" class="btn btn-primary btn-block btn-submit">
<i class="fas fa-check-circle"></i> Hoàn tất đặt hàng
</a>
<p class="text-center text-small text-muted mt-2">
@@ -276,8 +290,9 @@
function toggleNegotiation() {
const checkbox = document.getElementById('negotiationCheckbox');
const paymentSection = document.querySelector('.card:has(.list-item)'); // Payment method section
const submitBtn = document.querySelector('.btn-primary');
const paymentSection = document.querySelector('.card:has(.list-item)');
// Payment method section
const submitBtn = document.querySelector('.btn-submit');
if (checkbox.checked) {
paymentSection.classList.add('hidden');
@@ -291,7 +306,7 @@
function toggleNegotiation() {
const checkbox = document.getElementById('negotiationCheckbox');
const paymentMethods = document.querySelectorAll('.card')[2]; // Payment method section is 3rd card
const submitBtn = document.querySelector('.btn-primary');
const submitBtn = document.querySelector('.btn-submit');
if (checkbox.checked) {
paymentMethods.style.display = 'none';