146 lines
6.8 KiB
HTML
146 lines
6.8 KiB
HTML
<!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 thanh toán - 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 thanh toán</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ã phiếu thanh toá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>
|
|
|
|
<!-- Payments List -->
|
|
<div class="payments-list">
|
|
<!-- Payment Item 1 - Processing -->
|
|
<div class="payment-card processing">
|
|
<div class="payment-status-indicator"></div>
|
|
<div class="payment-content">
|
|
<div class="d-flex justify-between align-start mb-2">
|
|
<h4 class="payment-id">#212221</h4>
|
|
<span class="payment-amount">12.900.000 VND</span>
|
|
</div>
|
|
|
|
<div class="payment-details">
|
|
<p class="payment-time">Thời gian: 03/08/2023</p>
|
|
<p class="payment-status-text">
|
|
<span class="status-badge processing">Đang xử lý</span>
|
|
</p>
|
|
<p class="payment-store">Cửa hàng: CH Thủ Đức</p>
|
|
<p class="payment-note">Ghi chú: 21347 TT Đơn hàng 54970</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Payment Item 2 - Completed -->
|
|
<div class="payment-card completed">
|
|
<div class="payment-status-indicator"></div>
|
|
<div class="payment-content">
|
|
<div class="d-flex justify-between align-start mb-2">
|
|
<h4 class="payment-id">#212221</h4>
|
|
<span class="payment-amount">12.900.000 VND</span>
|
|
</div>
|
|
|
|
<div class="payment-details">
|
|
<p class="payment-time">Thời gian: 03/08/2023</p>
|
|
<p class="payment-status-text">
|
|
<span class="status-badge completed">Hoàn thành</span>
|
|
</p>
|
|
<p class="payment-store">Cửa hàng: CH Thủ Đức</p>
|
|
<p class="payment-note">Ghi chú: 21347 TT Đơn hàng 54970</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Payment Item 3 - Processing -->
|
|
<div class="payment-card processing">
|
|
<div class="payment-status-indicator"></div>
|
|
<div class="payment-content">
|
|
<div class="d-flex justify-between align-start mb-2">
|
|
<h4 class="payment-id">#212220</h4>
|
|
<span class="payment-amount">8.500.000 VND</span>
|
|
</div>
|
|
|
|
<div class="payment-details">
|
|
<p class="payment-time">Thời gian: 02/08/2023</p>
|
|
<p class="payment-status-text">
|
|
<span class="status-badge processing">Đang xử lý</span>
|
|
</p>
|
|
<p class="payment-store">Cửa hàng: CH Bình Dương</p>
|
|
<p class="payment-note">Ghi chú: 21346 TT Đơn hàng 54969</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Payment Item 4 - Completed -->
|
|
<div class="payment-card completed">
|
|
<div class="payment-status-indicator"></div>
|
|
<div class="payment-content">
|
|
<div class="d-flex justify-between align-start mb-2">
|
|
<h4 class="payment-id">#212219</h4>
|
|
<span class="payment-amount">15.200.000 VND</span>
|
|
</div>
|
|
|
|
<div class="payment-details">
|
|
<p class="payment-time">Thời gian: 01/08/2023</p>
|
|
<p class="payment-status-text">
|
|
<span class="status-badge completed">Hoàn thành</span>
|
|
</p>
|
|
<p class="payment-store">Cửa hàng: CH Thủ Đức</p>
|
|
<p class="payment-note">Ghi chú: 21345 TT Đơn hàng 54968</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Payment Item 5 - Processing -->
|
|
<div class="payment-card processing">
|
|
<div class="payment-status-indicator"></div>
|
|
<div class="payment-content">
|
|
<div class="d-flex justify-between align-start mb-2">
|
|
<h4 class="payment-id">#212218</h4>
|
|
<span class="payment-amount">6.750.000 VND</span>
|
|
</div>
|
|
|
|
<div class="payment-details">
|
|
<p class="payment-time">Thời gian: 31/07/2023</p>
|
|
<p class="payment-status-text">
|
|
<span class="status-badge processing">Đang xử lý</span>
|
|
</p>
|
|
<p class="payment-store">Cửa hàng: CH Gò Vấp</p>
|
|
<p class="payment-note">Ghi chú: 21344 TT Đơn hàng 54967</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</body>
|
|
</html> |