189 lines
8.9 KiB
HTML
189 lines
8.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="vi">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Lịch sử điểm - 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="loyalty.html" class="back-button">
|
|
<i class="fas fa-arrow-left"></i>
|
|
</a>
|
|
<h1 class="header-title">Lịch sử điểm</h1>
|
|
<div style="width: 32px;"></div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<!-- 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>
|
|
<p class="text-muted" style="font-size: 12px; margin-top: 8px;">
|
|
Thời gian hiệu lực: 01/01/2023 - 31/12/2023
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Points History List -->
|
|
<div class="points-history-list">
|
|
<!-- Transaction Item 1 -->
|
|
<div class="card mb-3">
|
|
<div class="d-flex justify-between align-start mb-2">
|
|
<div style="flex: 1;">
|
|
<h4 style="color: var(--primary-blue); font-weight: 500; margin-bottom: 4px;">
|
|
Giao dịch mua hàng 00083
|
|
</h4>
|
|
<p class="text-muted" style="font-size: 12px;">
|
|
Thời gian: 28/09/2023 17:23:18
|
|
</p>
|
|
<p class="text-muted" style="font-size: 12px;">
|
|
Giao dịch: 100.000.000 VND
|
|
</p>
|
|
</div>
|
|
<button class="btn-complaint">
|
|
Khiếu nại
|
|
</button>
|
|
</div>
|
|
|
|
<div class="d-flex justify-end align-center" style="margin-top: 12px;">
|
|
<div style="text-align: right;">
|
|
<div style="color: var(--success-color); font-weight: 500;">+3</div>
|
|
<div style="color: var(--primary-blue); font-size: 12px;">Điểm mới: 604</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Transaction Item 2 -->
|
|
<div class="card mb-3">
|
|
<div class="d-flex justify-between align-start mb-2">
|
|
<div style="flex: 1;">
|
|
<h4 style="color: var(--primary-blue); font-weight: 500; margin-bottom: 4px;">
|
|
Giao dịch mua hàng 00081
|
|
</h4>
|
|
<p class="text-muted" style="font-size: 12px;">
|
|
Thời gian: 27/09/2023 17:23:18
|
|
</p>
|
|
<p class="text-muted" style="font-size: 12px;">
|
|
Giao dịch: 200.000.000 VND
|
|
</p>
|
|
</div>
|
|
<button class="btn-complaint">
|
|
Khiếu nại
|
|
</button>
|
|
</div>
|
|
|
|
<div class="d-flex justify-end align-center" style="margin-top: 12px;">
|
|
<div style="text-align: right;">
|
|
<div style="color: var(--text-dark); font-weight: 500;">0</div>
|
|
<div style="color: var(--primary-blue); font-size: 12px;">Điểm mới: 604</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Transaction Item 3 -->
|
|
<div class="card mb-3">
|
|
<div class="d-flex justify-between align-start mb-2">
|
|
<div style="flex: 1;">
|
|
<h4 style="color: var(--primary-blue); font-weight: 500; margin-bottom: 4px;">
|
|
Điểm thưởng hết hạn
|
|
</h4>
|
|
<p class="text-muted" style="font-size: 12px;">
|
|
Thời gian: 20/09/2023 17:23:18
|
|
</p>
|
|
</div>
|
|
<button class="btn-complaint">
|
|
Khiếu nại
|
|
</button>
|
|
</div>
|
|
|
|
<div class="d-flex justify-end align-center" style="margin-top: 12px;">
|
|
<div style="text-align: right;">
|
|
<div style="color: var(--danger-color); font-weight: 500;">-5</div>
|
|
<div style="color: var(--primary-blue); font-size: 12px;">Điểm mới: 604</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Transaction Item 4 -->
|
|
<div class="card mb-3">
|
|
<div class="d-flex justify-between align-start mb-2">
|
|
<div style="flex: 1;">
|
|
<h4 style="color: var(--primary-blue); font-weight: 500; margin-bottom: 4px;">
|
|
Đổi Voucher HSG
|
|
</h4>
|
|
<p class="text-muted" style="font-size: 12px;">
|
|
Thời gian: 19/09/2023 17:23:18
|
|
</p>
|
|
</div>
|
|
<button class="btn-complaint">
|
|
Khiếu nại
|
|
</button>
|
|
</div>
|
|
|
|
<div class="d-flex justify-end align-center" style="margin-top: 12px;">
|
|
<div style="text-align: right;">
|
|
<div style="color: var(--danger-color); font-weight: 500;">-500</div>
|
|
<div style="color: var(--primary-blue); font-size: 12px;">Điểm mới: 604</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Transaction Item 5 -->
|
|
<div class="card mb-3">
|
|
<div class="d-flex justify-between align-start mb-2">
|
|
<div style="flex: 1;">
|
|
<h4 style="color: var(--primary-blue); font-weight: 500; margin-bottom: 4px;">
|
|
Giới thiệu người dùng
|
|
</h4>
|
|
<p class="text-muted" style="font-size: 12px;">
|
|
Thời gian: 10/09/2023 17:23:18
|
|
</p>
|
|
</div>
|
|
<button class="btn-complaint">
|
|
Khiếu nại
|
|
</button>
|
|
</div>
|
|
|
|
<div class="d-flex justify-end align-center" style="margin-top: 12px;">
|
|
<div style="text-align: right;">
|
|
<div style="color: var(--success-color); font-weight: 500;">+5</div>
|
|
<div style="color: var(--primary-blue); font-size: 12px;">Điểm mới: 604</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Transaction Item 6 -->
|
|
<div class="card mb-3">
|
|
<div class="d-flex justify-between align-start mb-2">
|
|
<div style="flex: 1;">
|
|
<h4 style="color: var(--primary-blue); font-weight: 500; margin-bottom: 4px;">
|
|
Đổi quà
|
|
</h4>
|
|
<p class="text-muted" style="font-size: 12px;">
|
|
Thời gian: 19/09/2023 17:23:18
|
|
</p>
|
|
</div>
|
|
<button class="btn-complaint">
|
|
Khiếu nại
|
|
</button>
|
|
</div>
|
|
|
|
<div class="d-flex justify-end align-center" style="margin-top: 12px;">
|
|
<div style="text-align: right;">
|
|
<div style="color: var(--danger-color); font-weight: 500;">-200</div>
|
|
<div style="color: var(--primary-blue); font-size: 12px;">Điểm mới: 604</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |