update database
This commit is contained in:
Phuoc Nguyen
167
html/nha-mau-create.html
Normal file
167
html/nha-mau-create.html
Normal file
@@ -0,0 +1,167 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="vi">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Tạo nhà mẫu mới - 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">
|
||||
</head>
|
||||
<body>
|
||||
<div class="page-wrapper">
|
||||
<!-- Header -->
|
||||
<div class="header">
|
||||
<a href="nha-mau-list.html" class="back-button">
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
</a>
|
||||
<h1 class="header-title">Tạo nhà mẫu mới</h1>
|
||||
<div style="width: 32px;"></div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<!-- Project Creation Form -->
|
||||
<div class="form-container">
|
||||
<div class="card">
|
||||
<h3 class="card-title mb-3">Thông tin nhà mẫu</h3>
|
||||
|
||||
<form id="projectForm">
|
||||
<!-- Project Name -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Tên nhà mẫu *</label>
|
||||
<input type="text" class="form-input" placeholder="Nhập tên nhà mẫu" required>
|
||||
</div>
|
||||
|
||||
<!-- Project Owner -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Tên chủ đầu tư *</label>
|
||||
<input type="text" class="form-input" placeholder="Nhập tên chủ đầu tư" required>
|
||||
</div>
|
||||
|
||||
<!-- Contact Information -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Số điện thoại liên hệ *</label>
|
||||
<input type="tel" class="form-input" placeholder="Nhập số điện thoại" required>
|
||||
</div>
|
||||
|
||||
<!-- Address -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Địa chỉ nhà mẫu *</label>
|
||||
<input type="text" class="form-input" placeholder="Nhập địa chỉ chi tiết" required>
|
||||
</div>
|
||||
|
||||
<!-- Province/City -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Tỉnh/Thành phố *</label>
|
||||
<select class="form-select" required>
|
||||
<option value="">Chọn tỉnh/thành phố</option>
|
||||
<option value="hcm">TP. Hồ Chí Minh</option>
|
||||
<option value="hanoi">Hà Nội</option>
|
||||
<option value="danang">Đà Nẵng</option>
|
||||
<option value="binhduong">Bình Dương</option>
|
||||
<option value="dongnai">Đồng Nai</option>
|
||||
<option value="cantho">Cần Thơ</option>
|
||||
<option value="other">Khác</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- District -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Quận/Huyện</label>
|
||||
<input type="text" class="form-input" placeholder="Nhập quận/huyện">
|
||||
</div>
|
||||
|
||||
<!-- Project Type -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Loại nhà mẫu *</label>
|
||||
<select class="form-select" required>
|
||||
<option value="">Chọn loại nhà mẫu</option>
|
||||
<option value="villa">Villa</option>
|
||||
<option value="apartment">Chung cư</option>
|
||||
<option value="office">Văn phòng</option>
|
||||
<option value="commercial">Thương mại</option>
|
||||
<option value="resort">Resort/Khách sạn</option>
|
||||
<option value="house">Nhà phố</option>
|
||||
<option value="other">Khác</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Area -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Diện tích (m²)</label>
|
||||
<input type="number" class="form-input" placeholder="Nhập diện tích">
|
||||
</div>
|
||||
|
||||
<!-- Start Date -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Ngày bắt đầu *</label>
|
||||
<input type="date" class="form-input" required>
|
||||
</div>
|
||||
|
||||
<!-- Expected End Date -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Ngày dự kiến hoàn thành</label>
|
||||
<input type="date" class="form-input">
|
||||
</div>
|
||||
|
||||
<!-- Budget -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Ngân sách dự kiến (VND)</label>
|
||||
<input type="number" class="form-input" placeholder="Nhập ngân sách">
|
||||
</div>
|
||||
|
||||
<!-- Description -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Mô tả chi tiết</label>
|
||||
<textarea class="form-textarea" rows="4" placeholder="Nhập mô tả chi tiết về nhà mẫu"></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Notes -->
|
||||
<div class="form-group">
|
||||
<label class="form-label">Ghi chú</label>
|
||||
<textarea class="form-textarea" rows="3" placeholder="Ghi chú thêm (nếu có)"></textarea>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Action Buttons -->
|
||||
<div class="form-actions">
|
||||
<button type="button" class="btn btn-secondary" onclick="history.back()">
|
||||
Hủy bỏ
|
||||
</button>
|
||||
<button type="submit" class="btn btn-primary" onclick="saveProject()">
|
||||
<i class="fas fa-save"></i>
|
||||
Lưu nhà mẫu
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function saveProject() {
|
||||
const form = document.getElementById('projectForm');
|
||||
|
||||
if (form.checkValidity()) {
|
||||
// Show success message
|
||||
alert('Nhà mẫu đã được tạo thành công!');
|
||||
|
||||
// Redirect to projects list
|
||||
window.location.href = 'nha-mau-list.html';
|
||||
} else {
|
||||
// Show validation errors
|
||||
form.reportValidity();
|
||||
}
|
||||
}
|
||||
|
||||
// Set today's date as default start date
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const today = new Date().toISOString().split('T')[0];
|
||||
const startDateInput = document.querySelector('input[type="date"]');
|
||||
if (startDateInput) {
|
||||
startDateInput.value = today;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user