Files
worker/html/account.html
Phuoc Nguyen 2125e85d40 first commit
2025-10-17 15:37:58 +07:00

172 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ài khoả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">
<h1 class="header-title">Tài khoản</h1>
</div>
<div class="container">
<!-- User Profile -->
<div class="card">
<div class="d-flex align-center">
<div style="width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, #005B9A 0%, #38B6FF 100%); display: flex; align-items: center; justify-content: center; margin-right: 16px;">
<span style="color: white; font-size: 32px; font-weight: 700;">LQ</span>
</div>
<div>
<h2 style="margin-bottom: 4px;">La Nguyen Quynh</h2>
<p class="text-small text-muted">Kiến trúc sư · Hạng Diamond</p>
<p class="text-small text-primary">0983 441 099</p>
</div>
</div>
</div>
<!-- Account Menu -->
<div class="mb-3">
<a href="profile-edit.html" class="list-item">
<div class="list-item-icon">
<i class="fas fa-user-edit"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Thông tin cá nhân</div>
<div class="list-item-subtitle">Cập nhật thông tin tài khoản</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
<a href="orders.html" class="list-item">
<div class="list-item-icon">
<i class="fas fa-history"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Lịch sử đơn hàng</div>
<div class="list-item-subtitle">Xem các đơn hàng đã đặt</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
<a href="addresses.html" class="list-item">
<div class="list-item-icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Địa chỉ đã lưu</div>
<div class="list-item-subtitle">Quản lý địa chỉ giao hàng</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
<a href="#" class="list-item">
<div class="list-item-icon">
<i class="fas fa-bell"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Cài đặt thông báo</div>
<div class="list-item-subtitle">Quản lý thông báo đẩy</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
<a href="password-change.html" class="list-item">
<div class="list-item-icon">
<i class="fas fa-lock"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Đổi mật khẩu</div>
<div class="list-item-subtitle">Cập nhật mật khẩu mới</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
<a href="#" class="list-item">
<div class="list-item-icon">
<i class="fas fa-language"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Ngôn ngữ</div>
<div class="list-item-subtitle">Tiếng Việt</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
</div>
<!-- Support Section -->
<div class="card">
<h3 class="card-title">Hỗ trợ</h3>
<a href="#" class="list-item" style="margin-bottom: 12px;">
<div class="list-item-icon">
<i class="fas fa-headset"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Liên hệ hỗ trợ</div>
<div class="list-item-subtitle">Hotline: 1900 1234</div>
</div>
<i class="fas fa-phone list-item-arrow"></i>
</a>
<a href="#" class="list-item" style="margin-bottom: 12px;">
<div class="list-item-icon">
<i class="fas fa-question-circle"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Câu hỏi thường gặp</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
<a href="#" class="list-item">
<div class="list-item-icon">
<i class="fas fa-info-circle"></i>
</div>
<div class="list-item-content">
<div class="list-item-title">Về ứng dụng</div>
<div class="list-item-subtitle">Phiên bản 1.0.0</div>
</div>
<i class="fas fa-chevron-right list-item-arrow"></i>
</a>
</div>
<!-- Logout Button -->
<div style="margin: 24px 0;">
<a href="login.html" class="btn btn-secondary btn-block">
<i class="fas fa-sign-out-alt"></i> Đăng xuất
</a>
</div>
</div>
</div>
<!-- Bottom Navigation -->
<div class="bottom-nav">
<a href="index.html" class="nav-item">
<i class="fas fa-home nav-icon"></i>
<span class="nav-label">Trang chủ</span>
</a>
<a href="loyalty.html" class="nav-item">
<i class="fas fa-crown nav-icon"></i>
<span class="nav-label">Hội viên</span>
</a>
<a href="promotions.html" class="nav-item">
<i class="fas fa-tags nav-icon"></i>
<span class="nav-label">Khuyến mãi</span>
</a>
<a href="notifications.html" class="nav-item" style="position: relative">
<i class="fas fa-bell nav-icon"></i>
<span class="nav-label">Thông báo</span>
<span class="badge">5</span>
</a>
<a href="account.html" class="nav-item active">
<i class="fas fa-user nav-icon"></i>
<span class="nav-label">Cài đặt</span>
</a>
</div>
</body>
</html>