167 lines
7.7 KiB
HTML
167 lines
7.7 KiB
HTML
<!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> |