first commit
This commit is contained in:
Phuoc Nguyen
173
html/quotes-list.html
Normal file
173
html/quotes-list.html
Normal file
@@ -0,0 +1,173 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="vi">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Yêu cầu 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">Yêu cầu báo giá</h1>
|
||||
<a href="quote-create.html" class="back-button">
|
||||
<i class="fas fa-plus"></i>
|
||||
</a>
|
||||
</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="Tìm theo mã yêu cầu 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>
|
||||
|
||||
<!-- Quote Requests List -->
|
||||
<div class="quote-requests-list">
|
||||
<!-- Quote Request 1 - New -->
|
||||
<div class="quote-request-card new">
|
||||
<div class="quote-request-status-indicator"></div>
|
||||
<div class="quote-request-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
<h4 class="quote-request-id">#YC001234</h4>
|
||||
<span class="quote-request-date">05/08/2023</span>
|
||||
</div>
|
||||
|
||||
<div class="quote-request-details">
|
||||
<p class="quote-request-project">Dự án: Villa Thủ Đức - Giai đoạn 2</p>
|
||||
<p class="quote-request-items">5 sản phẩm - Diện tích: 200m²</p>
|
||||
<p class="quote-request-status-text">
|
||||
<span class="status-badge new">Mới tạo</span>
|
||||
</p>
|
||||
<p class="quote-request-note">Yêu cầu báo giá cho gạch granite cao cấp</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quote Request 2 - Waiting Response -->
|
||||
<div class="quote-request-card waiting">
|
||||
<div class="quote-request-status-indicator"></div>
|
||||
<div class="quote-request-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
<h4 class="quote-request-id">#YC001233</h4>
|
||||
<span class="quote-request-date">03/08/2023</span>
|
||||
</div>
|
||||
|
||||
<div class="quote-request-details">
|
||||
<p class="quote-request-project">Dự án: Chung cư Landmark Center</p>
|
||||
<p class="quote-request-items">8 sản phẩm - Diện tích: 500m²</p>
|
||||
<p class="quote-request-status-text">
|
||||
<span class="status-badge waiting">Chờ phản hồi</span>
|
||||
</p>
|
||||
<p class="quote-request-note">Báo giá cho sảnh chính và hành lang</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quote Request 3 - Has Quote -->
|
||||
<div class="quote-request-card quoted">
|
||||
<div class="quote-request-status-indicator"></div>
|
||||
<div class="quote-request-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
<h4 class="quote-request-id">#YC001232</h4>
|
||||
<span class="quote-request-date">01/08/2023</span>
|
||||
</div>
|
||||
|
||||
<div class="quote-request-details">
|
||||
<p class="quote-request-project">Dự án: Nhà phố Bình Thạnh</p>
|
||||
<p class="quote-request-items">3 sản phẩm - Diện tích: 120m²</p>
|
||||
<p class="quote-request-status-text">
|
||||
<span class="status-badge quoted">Đã có báo giá</span>
|
||||
</p>
|
||||
<p class="quote-request-note">Tổng giá trị: 28.900.000 VND</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quote Request 4 - New -->
|
||||
<div class="quote-request-card new">
|
||||
<div class="quote-request-status-indicator"></div>
|
||||
<div class="quote-request-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
<h4 class="quote-request-id">#YC001231</h4>
|
||||
<span class="quote-request-date">31/07/2023</span>
|
||||
</div>
|
||||
|
||||
<div class="quote-request-details">
|
||||
<p class="quote-request-project">Dự án: Văn phòng Quận 7</p>
|
||||
<p class="quote-request-items">4 sản phẩm - Diện tích: 300m²</p>
|
||||
<p class="quote-request-status-text">
|
||||
<span class="status-badge new">Mới tạo</span>
|
||||
</p>
|
||||
<p class="quote-request-note">Gạch porcelain cho khu vực làm việc</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quote Request 5 - Waiting Response -->
|
||||
<div class="quote-request-card waiting">
|
||||
<div class="quote-request-status-indicator"></div>
|
||||
<div class="quote-request-content">
|
||||
<div class="d-flex justify-between align-start mb-2">
|
||||
<h4 class="quote-request-id">#YC001230</h4>
|
||||
<span class="quote-request-date">29/07/2023</span>
|
||||
</div>
|
||||
|
||||
<div class="quote-request-details">
|
||||
<p class="quote-request-project">Dự án: Resort Vũng Tàu</p>
|
||||
<p class="quote-request-items">12 sản phẩm - Diện tích: 800m²</p>
|
||||
<p class="quote-request-status-text">
|
||||
<span class="status-badge waiting">Chờ phản hồi</span>
|
||||
</p>
|
||||
<p class="quote-request-note">Yêu cầu báo giá cho khu vực pool và spa</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- FAB Button for Chat -->
|
||||
<button class="fab" onclick="window.location.href='chat.html'">
|
||||
<i class="fas fa-comments"></i>
|
||||
</button>
|
||||
|
||||
<!-- Bottom Navigation -->
|
||||
<!--<div class="bottom-nav">
|
||||
<a href="index.html" class="nav-item active">
|
||||
<i class="fas fa-home"></i>
|
||||
<span>Trang chủ</span>
|
||||
</a>
|
||||
<a href="loyalty.html" class="nav-item">
|
||||
<i class="fas fa-star"></i>
|
||||
<span>Hội viên</span>
|
||||
</a>
|
||||
<a href="promotions.html" class="nav-item">
|
||||
<i class="fas fa-tags"></i>
|
||||
<span>Khuyến mãi</span>
|
||||
</a>
|
||||
<a href="notifications.html" class="nav-item">
|
||||
<i class="fas fa-bell"></i>
|
||||
<span>Thông báo</span>
|
||||
</a>
|
||||
<a href="account.html" class="nav-item">
|
||||
<i class="fas fa-user"></i>
|
||||
<span>Cài đặt</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>-->
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user