Files
auction_program/detail-mobile.html
2024-10-17 09:32:26 +07:00

1156 lines
64 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,user-scalable=0">
<title>Đấu giá</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="./assets/css/style-mb.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
</head>
<body class="page-detail">
<div class="container-mb">
<div class="header">
<div class="container">
<div class="content-main-header d-flex align-items space-between">
<a href="/" class="logo">
<img src="./assets/images/logo-mobile.png" width="100%" height="100%" alt="logo">
</a>
<div class="header-right d-flex align-items">
<a href="" class="item">
<img src="./assets/images/icon-clipboard.png" alt="">
<span>Thể lệ đấu giá</span>
</a>
<a href="/taikhoan" class="item">
<img src="./assets/images/icon-user.png" alt="">
<span>Tài khoản</span>
<i class="fa-solid fa-caret-down"></i>
</a>
</div>
</div>
</div>
</div>
<div class="page-detail">
<div class="container">
<div class="breadcrumb">
<a href="javascript:void(0)" onclick="history.back()" class="link-back">
<i class="fas fa-chevron-left"></i>
</a>
<a href="" class="name text-center block line-clamp-1">Laptop Acer Aspire 7 A715-76-53PJ Laptop Acer
Aspire 7 A715-76-53PJ Laptop Acer Aspire 7 A715-76-53PJ</a>
</div>
<div class="content-main-detail">
<div class="content-top">
<div class="box-group-images">
<div class="swiper" id="js-slider-image">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
<img src="./assets/images/product-detail-big.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
<img src="./assets/images/product-detail-big.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
<img src="./assets/images/product-detail-big.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
<img src="./assets/images/product-detail-big.png" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="./assets/images/product-detail-big.png" data-fancybox="gallery">
<img src="./assets/images/product-detail-big.png" alt="">
</a>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<div class="content-bottom">
<h2 class="product-name">
Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007 (Intel Core i5-12450H | Đen)
</h2>
<div class="box-group-time d-flex align-items space-between">
<div class="left d-flex align-items">
<img src="./assets/images/icon-auction-2.png" alt="">
<p class="title">Ngày hội đấu giá</p>
</div>
<div class="right d-flex align-items">
<div class="total-auction">
<i class="icon auction"></i>
<span>200</span>
</div>
<div class="p-box-time d-flex align-items">
<i class="icon time"></i>
<div class="box-time">
<div class="item-time"><b>02</b></div>
<div class="item-time"><b>16</b></div>
<div class="item-time"><b>42</b></div>
</div>
</div>
</div>
</div>
<div class="group-price-detail d-flex align-items">
<div class="box-starting-price">
<p>Giá khởi điểm</p>
<div class="starting-price">110.490.000 <u>đ</u></div>
</div>
<div class="box-price-step">
<p>Bước giá</p>
<div class="price-step">300.000 <u>đ</u></div>
</div>
</div>
<div class="box-user-win">
<div class="price-win d-flex">
<p>Giá thắng cuộc:</p>
<div class="price">125.000.000 <u>đ</u></div>
</div>
<div class="info-user-win d-flex align-items">
<i class="icon-cup"></i>
<p>Người chiến thắng:</p>
<b class="js-user-win">Mai Phương</b>
</div>
</div>
<div class="box-specification">
<div class="item">
<i class="fas fa-check-circle"></i>
<p>CPU: Intel Core i5-12450H (3.3GHz up to 4.4GHz 12MB)</p>
</div>
<div class="item">
<i class="fas fa-check-circle"></i>
<p>VGA: NVIDIA® GeForce RTX™ 2050 4GB GDDR6 + Intel UHD Graphics</p>
</div>
<div class="item">
<i class="fas fa-check-circle"></i>
<p>Màn hình: 15.6inch FHD (1920 x 1080) IPS, 144Hz, Slim Bezel, Acer ComfyView™</p>
</div>
<div class="item">
<i class="fas fa-check-circle"></i>
<p>RAM: 8GB (8x1) DDR4 3200MHz (2x SO-DIMM socket, up to 32GB SDRAM)</p>
</div>
</div>
<div class="box-add-auction active">
<a href="javascript:void(0)" class="btn-auction" onclick="checkAucton()">Tham gia đấu
giá</a>
</div>
<div class="box-live-auction">
<div class="main-title-live">
<a href="javascript:void(0)" class="close" onclick="closeLiveAction()">
<i class="fas fa-chevron-left"></i>
</a>
<p>Tham gia đấu giá</p>
</div>
<div class="box-price-live d-flex">
<i class="fas fa-caret-up"></i>
<div class="current-price">125.000.000</div>
<div class="unit-price">VNĐ</div>
</div>
<div class="list-user-auction">
<div class="content-user">
<div class="item d-flex align-items space-between">
<div class="info-left d-flex align-items">
<i class="fas fa-caret-up"></i>
<div class="number">1</div>
<div class="info-user d-flex align-items">
<a href="" class="name-user">Phương</a>
<span>trả</span>
<div class="price">125.000.000 đ</div>
</div>
</div>
<p class="time">00:30:11</p>
</div>
<div class="item d-flex align-items space-between">
<div class="info-left d-flex align-items">
<i class="fas fa-caret-down"></i>
<div class="number">2</div>
<div class="info-user d-flex align-items">
<a href="" class="name-user">Phong</a>
<span>trả</span>
<div class="price">124.800.000 đ</div>
</div>
</div>
<p class="time">00:30:11</p>
</div>
<div class="item d-flex align-items space-between">
<div class="info-left d-flex align-items">
<i class="fas fa-caret-down"></i>
<div class="number">3</div>
<div class="info-user d-flex align-items">
<a href="" class="name-user">Hương</a>
<span>trả</span>
<div class="price">124.300.000 đ</div>
</div>
</div>
<p class="time">00:30:11</p>
</div>
<div class="item d-flex align-items space-between">
<div class="info-left d-flex align-items">
<i class="fas fa-caret-down"></i>
<div class="number">4</div>
<div class="info-user d-flex align-items">
<a href="" class="name-user">Quỳnh</a>
<span>trả</span>
<div class="price">124.000.000 đ</div>
</div>
</div>
<p class="time">00:30:11</p>
</div>
</div>
</div>
<div class="form-input-price">
<div class="p-title">Nhập giá đấu của bạn</div>
<div class="list-suggest d-flex align-items">
<p>Chọn nhanh gợi ý</p>
<div class="list-price d-flex align-items" id="price-list">
<a href="javascript:void(0)" data-price="125300000" class="item">
125.3 tr
</a>
<a href="javascript:void(0)" data-price="125600000" class="item">
125.6 tr
</a>
<a href="javascript:void(0)" data-price="125900000" class="item">
125.9 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
<a href="javascript:void(0)" data-price="126000000" class="item">
126 tr
</a>
</div>
</div>
<div class="form-input">
<input type="text" value="126.000.000" id="js-input-price" inputmode="numeric"
pattern="[0-9]*" placeholder="Nhập giá" class="input-price">
<button class="btn-send" onclick="checkSendAuction(true)">
<i class="fas fa-paper-plane"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-revew-history">
<div class="box-review">
<div class="container">
<div class="main-title">
<div class="title-left">
<div class="title d-flex align-items">
<h2>Đánh giá sản phẩm</h2>
<span>(100 đánh giá)</span>
</div>
<div class="d-flex align-items space-between" style="margin-top: 5px;">
<div class="d-flex align-items">
<div class="rating">
<i class="icon-star star5"></i>
</div>
<div class="total">
<span>4.9</span>
<span>/</span>
<span>5</span>
</div>
</div>
<a href="javascript:void(0)" class="btn-review">Gửi đánh giá</a>
</div>
</div>
</div>
<div class="list-review">
<div class="item-review d-flex flex-wrap">
<div class="avatar">
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
</div>
<div class="info-cnt">
<div class="name-user">Anh quang</div>
<div class="total-view">
5.0 <i class="fa fa-star"></i>
</div>
<p class="cnt">Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt
lắm,
giao hành nhanh, uy tín.</p>
<div class="time-reply d-flex align-items">
<span class="time">20-06-2024, 10:46 am</span>
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
</div>
<div class="list-image d-flex align-items">
<a href="" class="item">
<img src="./assets/images/image-review-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/image-review-2.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/image-review-3.png" alt="">
</a>
</div>
</div>
<div class="list-reppy">
<div class="item-reply d-flex">
<div class="avatar">
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
alt="avatar">
</div>
<div class="info-cnt">
<div class="name-user">Anphatcomputer</div>
<p class="cnt">Anphat xin cảm ơn anh Quang đã ủng hộ.
<br> <br>
Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm
thông tin chương trình khuyến mãi hấp dẫn từ Anphat
ạ! <br>
Trân trọng cảm ơn anh!
</p>
<div class="time-reply d-flex align-items">
<span class="time">20-06-2024, 10:46 am</span>
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
</div>
</div>
</div>
<div class="item-reply d-flex">
<div class="avatar">
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
alt="avatar">
</div>
<div class="info-cnt">
<div class="name-user">Anphatcomputer</div>
<p class="cnt">Anphat xin cảm ơn anh Quang đã ủng hộ.
<br> <br>
Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm
thông tin chương trình khuyến mãi hấp dẫn từ Anphat
ạ! <br>
Trân trọng cảm ơn anh!
</p>
<div class="time-reply d-flex align-items">
<span class="time">20-06-2024, 10:46 am</span>
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
</div>
</div>
</div>
</div>
</div>
<div class="item-review d-flex flex-wrap">
<div class="avatar">
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
</div>
<div class="info-cnt">
<div class="name-user">Anh quang</div>
<div class="total-view">
5.0 <i class="fa fa-star"></i>
</div>
<p class="cnt">Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt
lắm,
giao hành nhanh, uy tín.</p>
<div class="time-reply d-flex align-items">
<span class="time">20-06-2024, 10:46 am</span>
<a href="javascript:void(0)" class="btn-reply">Trả lời</a>
</div>
<div class="list-image d-flex align-items">
<a href="" class="item">
<img src="./assets/images/image-review-1.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/image-review-2.png" alt="">
</a>
<a href="" class="item">
<img src="./assets/images/image-review-3.png" alt="">
</a>
</div>
</div>
</div>
</div>
<a href="javascript:void(0)" class="more-review">
<span>Xem tất cả đánh giá</span> <i class="fas fa-chevron-right"></i>
</a>
</div>
</div>
<div class="box-question">
<h2 class="title">Hỏi đáp <span>(100 bình luận)</span></h2>
<div class="form-question">
<textarea name="" id="" class="input-question"
placeholder="Xin mời để lại câu hỏi, Anphat sẽ trả lời lại trong 1h, các câu hỏi sau 22h - 8h sẽ được trả lời vào sáng hôm sau"
height=""></textarea>
<button type="submit" class="btn-question">
<i class="fas fa-paper-plane"></i>
<span>Gửi</span>
</button>
</div>
<div class="list-question">
<div class="item-question d-flex flex-wrap">
<div class="avatar">
<img src="./assets/images/avatar-user.png" width="100%" height="100%" alt="avatar">
</div>
<div class="info-cnt">
<div class="info-user d-flex align-items">
<div class="name-user">Anh Quang</div>
<span class="time">20-06-2024, 10:46 am</span>
</div>
<div class="cnt">
<p>Sau khi thắng đấu gía thời gian bao lâu để thanh toán nhận hàng</p>
<a href="javascript:void(0)" class="click-question">
<i class="fas fa-comments"></i> <span>Trả lời</span>
</a>
</div>
</div>
<div class="list-reply">
<div class="reply-question d-flex">
<div class="avatar">
<img src="./assets/images/avatar-admin.png" width="100%" height="100%"
alt="avatar">
</div>
<div class="info-cnt">
<div class="info-user d-flex align-items">
<div class="name-user">Anphatcomputer</div>
</div>
<div class="cnt">
<p>Dạ, bộ phận CSKH sẽ liên hệ với người chiến thắng ngay trong ngày
để
hướng dẫn thanh toán nhận hàng ạ</p>
<a href="javascript:void(0)" class="click-question">
<i class="fas fa-comments"></i> <span>Trả lời</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<a href="javascript:void(0)" class="more-question">
<span>Xem tất cả hỏi đáp</span> <i class="fas fa-chevron-right"></i>
</a>
</div>
<div class="box-history">
<h2 class="title">Các phiên đấu giá trước</h2>
<div class="tab-history d-flex align-items">
<a href="javascript:void(0)" data-id="#3day" class="item-tab active">3 ngày</a>
<a href="javascript:void(0)" data-id="#7day" class="item-tab">7 ngày</a>
<a href="javascript:void(0)" data-id="#30day" class="item-tab">30 ngày</a>
</div>
<div class="cnt-history">
<table class="table-tab active" id="3day">
<thead>
<th>Tên người thắng</th>
<th>Giác thắng cuộc</th>
<th>Thời gian</th>
</thead>
<tbody>
<tr>
<td>Mai anh</td>
<td>22.200.000 VNĐ</td>
<td>14:30:40 12/09/2024</td>
</tr>
<tr>
<td>Trần Quang</td>
<td>27.500.000 VNĐ</td>
<td>15:19:22 12/09/2024</td>
</tr>
<tr>
<td>Hoàng hải</td>
<td>21.800.000 VNĐ</td>
<td>10:39:41 13/09/2024</td>
</tr>
<tr>
<td>Phương Anh</td>
<td>12.900.000 VNĐ</td>
<td>14:12:33 13/09/2024</td>
</tr>
<tr>
<td>Mai Hoa</td>
<td>29.860.000 VNĐ</td>
<td>14:28:45 13/09/2024</td>
</tr>
<tr>
<td>Thu Hương</td>
<td>70.200.000 VNĐ</td>
<td>16:30:41 14/09/2024</td>
</tr>
<tr>
<td>Thu Hương</td>
<td>70.200.000 VNĐ</td>
<td>16:30:41 14/09/2024</td>
</tr>
</tbody>
</table>
<table class="table-tab" id="7day">
<thead>
<th>Tên người thắng</th>
<th>Giác thắng cuộc</th>
<th>Thời gian</th>
</thead>
<tbody>
<tr>
<td>Mai anh</td>
<td>22.200.000 VNĐ</td>
<td>14:30:40 12/09/2024</td>
</tr>
<tr>
<td>Trần Quang</td>
<td>27.500.000 VNĐ</td>
<td>15:19:22 12/09/2024</td>
</tr>
<tr>
<td>Hoàng hải</td>
<td>21.800.000 VNĐ</td>
<td>10:39:41 13/09/2024</td>
</tr>
<tr>
<td>Phương Anh</td>
<td>12.900.000 VNĐ</td>
<td>14:12:33 13/09/2024</td>
</tr>
<tr>
<td>Mai Hoa</td>
<td>29.860.000 VNĐ</td>
<td>14:28:45 13/09/2024</td>
</tr>
<tr>
<td>Thu Hương</td>
<td>70.200.000 VNĐ</td>
<td>16:30:41 14/09/2024</td>
</tr>
</tbody>
</table>
<table class="table-tab" id="30day">
<thead>
<th>Tên người thắng</th>
<th>Giác thắng cuộc</th>
<th>Thời gian</th>
</thead>
<tbody>
<tr>
<td>Mai anh</td>
<td>22.200.000 VNĐ</td>
<td>14:30:40 12/09/2024</td>
</tr>
<tr>
<td>Trần Quang</td>
<td>27.500.000 VNĐ</td>
<td>15:19:22 12/09/2024</td>
</tr>
<tr>
<td>Hoàng hải</td>
<td>21.800.000 VNĐ</td>
<td>10:39:41 13/09/2024</td>
</tr>
<tr>
<td>Phương Anh</td>
<td>12.900.000 VNĐ</td>
<td>14:12:33 13/09/2024</td>
</tr>
<tr>
<td>Mai Hoa</td>
<td>29.860.000 VNĐ</td>
<td>14:28:45 13/09/2024</td>
</tr>
<tr>
<td>Thu Hương</td>
<td>70.200.000 VNĐ</td>
<td>16:30:41 14/09/2024</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="list-product-auction">
<div class="container">
<div class="backgrond-auction">
<h2 class="title">Đấu giá đang diễn ra</h2>
<div class="list">
<div class="item-auction">
<div class="images">
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
<div class="box-join">
<i class="icon_auction"></i>
<span>220</span>
</div>
</div>
<div class="info">
<a href="" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0 inch
- 4K - IPS
Black</a>
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
<div class="price-auction d-flex align-items">
<p class="txt">Trả cao nhất:</p>
<p class="price-highest">230.490.000 <u>đ</u></p>
</div>
<a href="/product-detail.html" class="btn-add">Đấu giá</a>
</div>
</div>
<div class="item-auction">
<div class="images">
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
<div class="box-join">
<i class="icon_auction"></i>
<span>220</span>
</div>
</div>
<div class="info">
<a href="" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0 inch
- 4K - IPS
Black</a>
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
<div class="price-auction d-flex align-items">
<p class="txt">Trả cao nhất:</p>
<p class="price-highest">230.490.000 <u>đ</u></p>
</div>
<a href="/product-detail.html" class="btn-add">Đấu giá</a>
</div>
</div>
<div class="item-auction">
<div class="images">
<a href=""><img src="./assets/images/icon-pro-top.png" alt=""></a>
<div class="box-join">
<i class="icon_auction"></i>
<span>220</span>
</div>
</div>
<div class="info">
<a href="" class="name line-clamp-2">Màn Hình Dell UltraSharp U2723QE (27.0 inch
- 4K - IPS
Black</a>
<div class="old-price">Giá gốc: 280.490.000 <u>đ</u></div>
<div class="price-auction d-flex align-items">
<p class="txt">Trả cao nhất:</p>
<p class="price-highest">230.490.000 <u>đ</u></p>
</div>
<a href="/product-detail.html" class="btn-add">Đấu giá</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box-info-product">
<div class="container">
<div class="tab d-flex align-items space-between">
<a href="javascrit:void(0)" data-id="#tab-info" class="item-tab active">Thông tin sản
phẩm</a>
<a href="javascrit:void(0)" data-id="#tab-deposit" class="item-tab">Thông tin đặt cọc
đấu
giá</a>
</div>
<div class="content-tab active" id="tab-info">
<div class="info">
<img src="./assets/images/product-detail-big.png" width="100%" height="100%" alt="">
<ul>
<li>Tên sản phẩm: Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</li>
<li>Dòng Laptop: Laptop | Laptop Acer Aspire | Laptop Đồ Họa | Laptop văn phòng
</li>
<b>Bộ vi xử lý</b>
<li>Công nghệ CPU: Intel Core i5-12450H</li>
<li>Số nhân: 8</li>
<li>Số luồng: 12</li>
<li>Tốc độ tối đa: 4.4GHz</li>
<li>Bộ nhớ đệm: 12MB</li>
<b>Bộ nhớ trong (RAM)</b>
<li>RAM: 16GB (2x8GB)</li>
<li>Loại RAM: DDR4</li>
<li>Tốc độ Bus RAM: 3200Mhz</li>
<li>Số khe cắm: 2 khe</li>
<li>Hỗ trợ RAM tối đa: Nâng cấp tối đa 32GB</li>
<b>Ổ cứng</b>
<li>Dung lượng: 512GB PCIe NVMe SSD</li>
<li>Tốc độ vòng quay</li>
<li>Khe cắm SSD mở rộng: nâng cấp tối đa 1 TB SSD PCIe Gen4, 16 Gb/s, NVMe</li>
</ul>
</div>
</div>
<div class="content-tab" id="tab-deposit">
<div class="box-deposit">
<i class="title">Quý khách vui lòng làm theo các bước sau đây.</i>
<div class="content-deposit">
<div class="item">
<div class="step">
Bước 1
<div class="circle">
<div class="circle-inner"></div>
</div>
</div>
<b class="txt d-flex">
Đặt cọc <div class="price">500.000 VNĐ</div> và STK bên dưới
</b>
</div>
<div class="item">
<div class="step">Bước 2
<div class="circle">
<div class="circle-inner"></div>
</div>
</div>
<div class="txt">
<b>Kiểm tra email</b> để nhận thông tin xác nhận đặt cọc thành công từ
Anphatpc gửi đến
<div class="note">(Lưu lý: Kiểm tra tất cả các hộp tư bao gồm cả thư
rác)
</div>
</div>
</div>
</div>
<div class="contact-deposit">
Trường hợp nếu không nhận được email, quý khách vui lòng gửi hình ảnh giao dịch
qua
<b>Zalo: 0909000000</b> để được hỗ trợ
nhanh nhất.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay" onclick="closePopop()"></div>
<div class="box-popup popup-rules">
<div class="title">Thể lệ tham gia đấu giá</div>
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
<i class="fa fa-times"></i>
</a>
<i class="note-time">Thời gian: Mỗi thứ 7 hàng tuần Dịch vụ ABC sẽ có một phiên đấu giá diễn ra từ 20 tới
22h
bao
gồm nhiều sản phẩm khác
nhau.</i>
<div class="content">
<p>- Các sản phẩm đều có giá khởi điểm và bước giá nhất định.</p>
<p>- Người chơi có thể bắt đầu đấu giá từ giá khởi điểm, người
trả giá sau cần trả mức giá cao hơn người trước ít nhất 1 bước giá. Kết thúc thời gian đấu giá,
người
trả giá cao nhất và sớm nhất sẽ được mua sản phẩm.</p>
<p>
- Người chơi tham gia đấu giá cần đặt cọc trước 500.000 VND.
</p>
<p>- Trong thời gian diễn ra, một người chỉ được tham gia đấu giá 1 sản phẩm. Mỗi người có 5 lượt trả
giá
</p>
<p> - Kết thúc phiên đấu giá, Gearvn sẽ công bố kết quả người trúng đấu giá.</p>
<p>+ Người trúng đấu giá cần thanh toán số tiền còn lại của sản phẩm sau khi
trừ tiền đặt
cọc trong vòng 24h kể từ khi công bố kết quả.Sau 24h kể từ khi công bố kết quả, người trúng đấu giá
chưa
thanh toán đủ
số tiền, tiền đặt cọc không được hoàn lại và tài khoản người chơi bị khóa không thể tham gia các
chương
trình của Anphat
PC</p>
<p>- Trong thời gian diễn ra, một người chỉ được tham gia đấu giá 1 sản phẩm. Mỗi người có 5 lượt trả
giá
</p>
<p> - Kết thúc phiên đấu giá, Gearvn sẽ công bố kết quả người trúng đấu giá.</p>
<p>+ Người trúng đấu giá cần thanh toán số tiền còn lại của sản phẩm sau khi
trừ tiền đặt
cọc trong vòng 24h kể từ khi công bố kết quả.Sau 24h kể từ khi công bố kết quả, người trúng đấu giá
chưa
thanh toán đủ
số tiền, tiền đặt cọc không được hoàn lại và tài khoản người chơi bị khóa không thể tham gia các
chương
trình của Anphat
PC</p>
<p>
+ Nếu không trúng đấu giá, người chơi sẽ được hoàn lại tiền cọc trong vòng 02 ngày kể từ khi kết
thúc.
</p>
<p>Bước 1: Đăng nhập tài khoản</p>
<p>Bước 2: Xem và chọn sản phẩm đấu giá</p>
</div>
<div class="check">
<label class="input-checkbox">Tôi đã đọc và đồng ý với các thể lệ của chương trình
<input type="checkbox" id="check_rules">
<span class="checkmark"></span>
</label>
</div>
<button type="submit" class="btn-submit" id="submit_rules">Đã hiểu</button>
</div>
<div class="box-popup popup-login">
<div class="content">
<div class="title">Bạn vui lòng đăng nhập tài khoản <br>để tham gia đấu giá</div>
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
<i class="fa fa-times"></i>
</a>
<a href="javascript:void(0)" class="btn-login google" onclick="checklogin()">
<div class="left d-flex align-items">
<img src="./assets/images/icon-google.png" width="100%" height="100%" alt="google">
<span>Đăng nhập bằng Google</span>
</div>
<i class="fas fa-chevron-right"></i>
</a>
<a href="javascript:void(0)" class="btn-login facebook" onclick="checklogin()">
<div class="left d-flex align-items">
<img src="./assets/images/icon-facebook-login.png" width="100%" height="100%" alt="facebook">
<span>Đăng nhập bằng Google</span>
</div>
<i class="fas fa-chevron-right"></i>
</a>
</div>
</div>
<div class="box-popup popup-yeucau">
<div class="content">
<div class="title">Yêu cầu đặt cọc</div>
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
<i class="fa fa-times"></i>
</a>
<p class="text-center">Vui lòng đặt cọc số tiền 500.000đ để tham gia đấu giá</p>
<a class="btn-submit" href="javascript:void(0)" onclick="showInfoPay()">Tiếp tục</a>
</div>
</div>
<div class="box-popup popup-info-pay">
<div class="title-main">Thông tin đặt cọc sản phẩm</div>
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
<i class="fa fa-times"></i>
</a>
<div class="box-deposit">
<i class="title">Quý khách vui lòng làm theo các bước sau đây.</i>
<div class="content-deposit">
<div class="item">
<div class="step">
Bước 1
<div class="circle">
<div class="circle-inner"></div>
</div>
</div>
<b class="txt d-flex">
Đặt cọc <div class="price">500.000 VNĐ</div> và STK bên dưới
</b>
</div>
<div class="item">
<div class="step">Bước 2
<div class="circle">
<div class="circle-inner"></div>
</div>
</div>
<div class="txt">
<b>Kiểm tra email</b> để nhận thông tin xác nhận đặt cọc thành công từ
Anphatpc gửi đến
<div class="note">(Lưu lý: Kiểm tra tất cả các hộp tư bao gồm cả thư rác)
</div>
</div>
</div>
</div>
<div class="contact-deposit">
Trường hợp nếu không nhận được email, quý khách vui lòng gửi hình ảnh giao dịch qua
<b>Zalo: 0909000000</b> để được hỗ trợ
nhanh nhất.
</div>
<div class="pay-qr">
<div class="title">Thông tin tài khoản nhận cọc</div>
<div class="d-flex">
<img src="./assets/images/image-qr.png" class="image-qr" width="100%" height="100%" alt="qr">
<div class="info">
<p>Công ty CP THƯƠNG MẠI DỊCH VỤ ACB</p>
<p>Ngân hàng: Techcombank</p>
<p>Số tài khoản: 9999998888</p>
<b>Nội dung thanh toán:</b>
<p>[id tài khoản] đặt cọc tham gia đấu giá sản phẩm [mã sp]</p>
</div>
</div>
</div>
</div>
</div>
<div class="box-popup popup-success">
<h2 class="title">
xin chúc mừng!
</h2>
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
<i class="fa fa-times"></i>
</a>
<div class="note-title">Bạn đã đặt giá thầu thành công!</div>
<div class="content">
Quý khách hãy tiếp tục theo dõi màn đấu giá cho đến hết thời gian diễn ra. Lịch sử đấu giá sẽ được hiển
thị
tại đây. Khi
thời gian kết thúc, bộ phận CSKH sẽ gửi email xác nhận đến người chiến thắng!
</div>
<a class="btn-submit" href="javascript:void(0)" onclick="closePopop()">Đã hiểu</a>
</div>
<div class="box-popup popup-error">
<i class="fas fa-exclamation-triangle"></i>
<h2 class="title">Đấu giá không thành công</h2>
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
<i class="fa fa-times"></i>
</a>
<div class="content">
Giá đấu của bạn chưa hợp lệ. Vui lòng nhập giá cao hơn giá cao nhất ít nhất X VND
</div>
<a class="btn-submit" href="javascript:void(0)" onclick="closePopop()">Thử lại</a>
</div>
<div class="footer">
<div class="box-faq">
<div class="container">
<div class="background-faq">
<h2 class="title">Câu hỏi thường gặp</h2>
<div class="content-faq">
<div class="item">
<a href="javascript:void(0)" class="faqlink">
<span>Đấu giá trực tuyến có phức tạp không?</span>
<i class="fas fa-chevron-right"></i>
</a>
<div class="content">Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và
internet
</div>
</div>
<div class="item">
<a href="javascript:void(0)" class="faqlink">
<span>Làm thế nào để xác thực tài khoản đấu giá thành công?</span>
<i class="fas fa-chevron-right"></i>
</a>
<div class="content">Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và
internet
</div>
</div>
<div class="item">
<a href="javascript:void(0)" class="faqlink">
<span>Tại sao nên chọn đấu giá trực tuyến tại Anphatpc?</span>
<i class="fas fa-chevron-right"></i>
</a>
<div class="content">Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và
internet
</div>
</div>
<div class="item">
<a href="javascript:void(0)" class="faqlink">
<span>Quy trình đấu giá sản phẩm của Anphatpc như thế nào?</span>
<i class="fas fa-chevron-right"></i>
</a>
<div class="content">Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và
internet
</div>
</div>
<div class="item">
<a href="javascript:void(0)" class="faqlink">
<span>Điều kiện để chiến thắng đấu giá là gì?</span>
<i class="fas fa-chevron-right"></i>
</a>
<div class="content">Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và
internet
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="main-footer">
<div class="container">
<div class="footer-policies d-flex flex-wrap">
<div class="item-policies">
<div class="icons">
<img src="./assets/images/icon-ship.png" width="100%" height="100%" alt="ship">
</div>
<div class="txt">
<b>Chính sách giao hàng</b>
<p>Nhận hàng & thanh toán tại nhà</p>
</div>
</div>
<div class="item-policies">
<div class="icons">
<img src="./assets/images/icon-return.png" width="100%" height="100%" alt="ship">
</div>
<div class="txt">
<b>Đổi mới 15 ngày đầu</b>
<p>Áp dụng với sản phẩm laptop</p>
</div>
</div>
<div class="item-policies">
<div class="icons">
<img src="./assets/images/icon-pay.png" width="100%" height="100%" alt="ship">
</div>
<div class="txt">
<b>Thanh toán tiện lợi</b>
<p>Trả tiền mặt, CK, trả góp 0%</p>
</div>
</div>
<div class="item-policies">
<div class="icons">
<img src="./assets/images/icon-chat.png" width="100%" height="100%" alt="ship">
</div>
<div class="txt">
<b>Hỗ trợ nhiệt tình</b>
<p>Tư vấn, giải pháp mọi thắc mắc</p>
</div>
</div>
</div>
<div class="contact-footer">
<div class="info-contact text-center">
<b>Công ty cổ phần thương mại máy tính an phát</b>
<p>Giấy chứng nhận ĐKDN số 0108940873 do Sở kế hoạch và Đầu tư Thành phố Hà Nội cấp ngày
11/10/2019</p>
<p>Trụ sở: Tầng 5, Số 49 phố Thái Hà, Phương Trung Liệt, Quận Đống Đa, Thành phố Hà nội,
Việt
Nam</p>
<p>Điện thoại: 19000323 Email: Giang@anphat.com.vn</p>
</div>
<a href="tel:19000323" class="btn-phone">
<img src="./assets/images/btn-phone.png" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script>
var swiper_big = new Swiper("#js-slider-image", {
slidesPerView: 1,
spaceBetween: 10,
watchSlidesProgress: true,
noSwiping: true,
pagination: {
el: '.swiper-pagination',
type: 'fraction',
}
});
$(window).scroll(function () {
if ($(window).scrollTop() > 100) {
$(".header").addClass('header-fixed');
}
else {
$(".header").removeClass('header-fixed');
}
})
TabHistory();
function TabHistory() {
$(".tab-history .item-tab").click(function () {
var datatab = $(this).attr("data-id");
$(".tab-history .item-tab").removeClass("active");
$('.table-tab').removeClass("active");
$(this).addClass("active");
$(datatab).addClass("active");
});
}
productDetailTab()
function productDetailTab() {
$(".tab .item-tab").click(function () {
var datatab = $(this).attr("data-id");
$(".tab .item-tab").removeClass("active");
$('.content-tab').removeClass("active");
$(this).addClass("active");
$(datatab).addClass("active");
});
}
</script>
<script>
function formatCurrency(a) {
var b = parseFloat(a).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString();
var len = b.length;
b = b.substring(0, len - 3);
return b;
}
$('#price-list .item').on('click', function () {
var price = $(this).attr('data-price');
$('#js-input-price').val(formatCurrency(price));
})
</script>
<script>
// popup
function checkAucton() {
// $('.overlay').addClass('active')
// $('.popup-rules').addClass('active')
// $('.box-add-auction').removeClass('active')
$('body').addClass('active');
$('.box-live-auction').addClass('active');
$('#js-input-price').focus()
}
checkRules();
function checkRules() {
$('#submit_rules').on('click', function () {
if ($('#check_rules').is(':checked')) {
$('.box-popup').removeClass('active');
$('.popup-login').addClass('active')
} else {
alert('Quý khách cần đồng ý với thể lệ của chương trình')
}
})
}
function closePopop() {
$('.box-add-auction').addClass('active')
$('.box-popup').removeClass('active');
$('.overlay').removeClass('active')
}
function closeLiveAction() {
$('.box-live-auction').removeClass('active');
$('body').removeClass('active');
}
function checklogin() {
$('.box-popup').removeClass('active');
$('.popup-yeucau').addClass('active')
}
function showInfoPay() {
$('.box-popup').removeClass('active');
$('.popup-info-pay').addClass('active')
}
function checkSendAuction(check) {
$('.box-popup').removeClass('active');
if (check == true) {
$('.overlay').addClass('active')
$('.popup-success').addClass('active')
} else {
$('.overlay').addClass('active')
$('.popup-error').addClass('active')
}
}
</script>
</html>