first commit
This commit is contained in:
Phuoc Nguyen
166
html/quotes.html
Normal file
166
html/quotes.html
Normal file
@@ -0,0 +1,166 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="vi">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Danh sách báo giá - 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="index.html" class="back-button">
|
||||
<i class="fas fa-arrow-left"></i>
|
||||
</a>
|
||||
<h1 class="header-title">Danh sách báo giá</h1>
|
||||
<button class="back-button">
|
||||
<i class="fas fa-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<!-- Search Bar -->
|
||||
<div class="search-bar">
|
||||
<i class="fas fa-search search-icon"></i>
|
||||
<input type="text" class="search-input" placeholder="Mã báo giá hoặc tên dự án">
|
||||
</div>
|
||||
|
||||
<!-- Filter Section -->
|
||||
<div class="card mb-3">
|
||||
<div class="d-flex justify-between align-center">
|
||||
<h3 class="card-title">Bộ lọc</h3>
|
||||
<i class="fas fa-filter" style="color: var(--primary-blue);"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quotes List -->
|
||||
<div class="quotes-list">
|
||||
<!-- Quote Item 1 - New -->
|
||||
<div class="quote-card new">
|
||||
<div class="quote-status-indicator"></div>
|
||||
<div class="quote-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
<h4 class="quote-id">#BG001234</h4>
|
||||
<span class="quote-amount">45.500.000 VND</span>
|
||||
</div>
|
||||
|
||||
<div class="quote-details">
|
||||
<p class="quote-date">Ngày tạo: 03/08/2023</p>
|
||||
<p class="quote-project">Dự án: Villa Thủ Đức</p>
|
||||
<p class="quote-status-text">
|
||||
<span class="status-badge new">Mới</span>
|
||||
</p>
|
||||
<p class="quote-note">Gạch granite cao cấp - Diện tích: 200m²</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quote Item 2 - Sent -->
|
||||
<div class="quote-card sent">
|
||||
<div class="quote-status-indicator"></div>
|
||||
<div class="quote-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
<h4 class="quote-id">#BG001233</h4>
|
||||
<span class="quote-amount">32.800.000 VND</span>
|
||||
</div>
|
||||
|
||||
<div class="quote-details">
|
||||
<p class="quote-date">Ngày tạo: 02/08/2023</p>
|
||||
<p class="quote-project">Dự án: Căn hộ Landmark 81</p>
|
||||
<p class="quote-status-text">
|
||||
<span class="status-badge sent">Đã gửi</span>
|
||||
</p>
|
||||
<p class="quote-note">Gạch porcelain - Diện tích: 150m²</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quote Item 3 - Accepted -->
|
||||
<div class="quote-card accepted">
|
||||
<div class="quote-status-indicator"></div>
|
||||
<div class="quote-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
<h4 class="quote-id">#BG001232</h4>
|
||||
<span class="quote-amount">28.900.000 VND</span>
|
||||
</div>
|
||||
|
||||
<div class="quote-details">
|
||||
<p class="quote-date">Ngày tạo: 01/08/2023</p>
|
||||
<p class="quote-project">Dự án: Nhà phố Bình Thạnh</p>
|
||||
<p class="quote-status-text">
|
||||
<span class="status-badge accepted">Chấp nhận</span>
|
||||
</p>
|
||||
<p class="quote-note">Gạch ceramic cao cấp - Diện tích: 120m²</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quote Item 4 - Rejected -->
|
||||
<div class="quote-card rejected">
|
||||
<div class="quote-status-indicator"></div>
|
||||
<div class="quote-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
<h4 class="quote-id">#BG001231</h4>
|
||||
<span class="quote-amount">18.500.000 VND</span>
|
||||
</div>
|
||||
|
||||
<div class="quote-details">
|
||||
<p class="quote-date">Ngày tạo: 31/07/2023</p>
|
||||
<p class="quote-project">Dự án: Chung cư Vinhomes</p>
|
||||
<p class="quote-status-text">
|
||||
<span class="status-badge rejected">Từ chối</span>
|
||||
</p>
|
||||
<p class="quote-note">Gạch mosaic - Diện tích: 80m²</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quote Item 5 - Sent -->
|
||||
<div class="quote-card sent">
|
||||
<div class="quote-status-indicator"></div>
|
||||
<div class="quote-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
<h4 class="quote-id">#BG001230</h4>
|
||||
<span class="quote-amount">52.300.000 VND</span>
|
||||
</div>
|
||||
|
||||
<div class="quote-details">
|
||||
<p class="quote-date">Ngày tạo: 30/07/2023</p>
|
||||
<p class="quote-project">Dự án: Resort Phú Quốc</p>
|
||||
<p class="quote-status-text">
|
||||
<span class="status-badge sent">Đã gửi</span>
|
||||
</p>
|
||||
<p class="quote-note">Gạch terrazzo cao cấp - Diện tích: 300m²</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quote Item 6 - New -->
|
||||
<div class="quote-card new">
|
||||
<div class="quote-status-indicator"></div>
|
||||
<div class="quote-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
<h4 class="quote-id">#BG001229</h4>
|
||||
<span class="quote-amount">15.200.000 VND</span>
|
||||
</div>
|
||||
|
||||
<div class="quote-details">
|
||||
<p class="quote-date">Ngày tạo: 29/07/2023</p>
|
||||
<p class="quote-project">Dự án: Văn phòng Quận 1</p>
|
||||
<p class="quote-status-text">
|
||||
<span class="status-badge new">Mới</span>
|
||||
</p>
|
||||
<p class="quote-note">Gạch granite polished - Diện tích: 90m²</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user