ducdt/admin_hura
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

8/1/2024

Browse Source
This commit is contained in:
Tieptk
2024-01-08 10:05:23 +07:00
parent d3ee47dae6
commit 0a4a6511bc
2 changed files with 544 additions and 544 deletions
Download Patch File Download Diff File Expand all files Collapse all files

555
them_san_pham.html
View File

@@ -401,8 +401,7 @@
<div class="admin-content-container w-[100%]">
<!-- Header -->
<div
class="admin-header-container flex items-center justify-between bg-white px-4 py-3 shadow-[0_1px_1px_0_rgba(0,0,0,0.05)]">
<div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
<form class="max-w-[420px] relative w-[100%]">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
@@ -488,301 +487,285 @@
</div>
</div>
<div class="w-[100%]">
<div class="breadcrumb-global flex align-items px-[15px] py-[10px]">
<a href="/" class="item">
<span>Danh sách sản phẩm</span>
</a>
<span class="px-[5px]">></span>
<a href="" class="item">
<span class="text-[#0041E8]">Form thêm/Sửa sản phẩm</span>
</a>
</div>
<div class="w-[1141px] m-auto">
<div
class="title py-[15px] bg-white rounded-[10px] text-center mt-[40px] mb-[15px] font-bold text-[18px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
Cập nhật: Máy in mã vạch MH241 (ID: 2105)</div>
<div class="flex">
<div class="left w-[273px] mr-[15px]">
<div class="bg-white rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
<a href="" class="py-[7px] px-[15px] text-white bg-[#0041E8] block rounded-t-[10px]">Cơ
bản</a>
<a href=""
class="py-[7px] px-[15px] text-[#919699] block border-b-[1px] border-[#fafafb]">Danh
mục</a>
<a href=""
class="py-[7px] px-[15px] text-[#919699] block border-b-[1px] border-[#fafafb]">SEO</a>
<a href=""
class="py-[7px] px-[15px] text-[#919699] block border-b-[1px] border-[#fafafb]">Mô
tả</a>
<a href=""
class="py-[7px] px-[15px] text-[#919699] block border-b-[1px] border-[#fafafb]">Thông
số</a>
<a href=""
class="py-[7px] px-[15px] text-[#919699] block border-b-[1px] border-[#fafafb]">Ảnh</a>
<a href=""
class="py-[7px] px-[15px] text-[#919699] block border-b-[1px] border-[#fafafb]">Cấu
hình</a>
<a href=""
class="py-[7px] px-[15px] text-[#919699] block border-b-[1px] border-[#fafafb]">Phụ
kiện</a>
<a href=""
class="py-[7px] px-[15px] text-[#919699] block border-b-[1px] border-[#fafafb]">Youtobe</a>
<a href=""
class="py-[7px] px-[15px] text-[#919699] block border-b-[1px] border-[#fafafb]">Tags</a>
<a href="" class="py-[7px] px-[15px] text-[#919699] block">Nội dung liên
quan</a>
</div>
<!-- Content -->
<div class="grid w-[100%] ">
<div class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
<h1 class="text-2xl font-[700] mb-3">Danh sách sản phẩm</h1>
<form
class="w-[100%] flex w-[100%] rounded-[10px] p-[15px] border-solid border-[#F6F6F6] border-[1px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
<input type="search" class="block border h-[36px] ps-3 rounded w-[375px]"
placeholder="Tìm sản phẩm">
<div
class="w-[100px] rounded-[4px] ml-[9px] bg-[#0041E8] text-white flex leading-[35px] text-center items-center justify-center cursor-pointer">
Tìm kiếm
</div>
<div class="right w-[852px]">
<div
class="bg-white rounded-[15px] shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] py-[18px] px-[16px]">
<div class="info-product">
<b>1. Thông tin cơ bản</b>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Đặt tên Sản phẩm</label>
<input type="text" value="Máy in mã vạch MH241" placeholder="Đặt tên sản phẩm"
class="w-[440px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<div class="box-note">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 1.18182C3.56285 1.18182 1.18182 3.56285 1.18182 6.5C1.18182 9.43715 3.56285 11.8182 6.5 11.8182C9.43715 11.8182 11.8182 9.43715 11.8182 6.5C11.8182 3.56285 9.43715 1.18182 6.5 1.18182ZM0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C2.91015 13 0 10.0899 0 6.5Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.65259 4.15075C6.37751 4.10356 6.09461 4.15526 5.85399 4.29667C5.61337 4.43808 5.43056 4.66009 5.33795 4.92338C5.22965 5.23123 4.89229 5.39301 4.58443 5.28471C4.27658 5.17641 4.1148 4.83905 4.2231 4.5312C4.40833 4.00463 4.77395 3.56061 5.25518 3.27779C5.73642 2.99496 6.30223 2.89157 6.85239 2.98594C7.40255 3.08031 7.90156 3.36634 8.26104 3.79337C8.62044 4.22032 8.81718 4.76066 8.81643 5.31873C8.81617 6.22303 8.14571 6.82022 7.66694 7.13941C7.40952 7.31102 7.1563 7.4372 6.96978 7.52011C6.87567 7.56193 6.79643 7.59367 6.73933 7.61542C6.71073 7.62631 6.68754 7.63476 6.67066 7.64076L6.65014 7.64795L6.64361 7.65018L6.6413 7.65096L6.6404 7.65126C6.6404 7.65126 6.63966 7.65151 6.4528 7.09092L6.63966 7.65151C6.33005 7.75471 5.99541 7.58739 5.89221 7.27778C5.78908 6.96839 5.95611 6.63398 6.26532 6.53054L6.26456 6.5308L6.26532 6.53054L6.27474 6.52723C6.28383 6.524 6.29873 6.5186 6.31861 6.51103C6.35845 6.49585 6.4177 6.47219 6.48979 6.44015C6.63565 6.37532 6.82562 6.27992 7.01138 6.15607C7.41887 5.88441 7.63461 5.59541 7.63461 5.31819L7.63461 5.31731C7.63503 5.03822 7.53666 4.76798 7.35692 4.55446C7.17718 4.34095 6.92767 4.19793 6.65259 4.15075Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.90909 9.45455C5.90909 9.12819 6.17365 8.86364 6.5 8.86364H6.50591C6.83226 8.86364 7.09682 9.12819 7.09682 9.45455C7.09682 9.7809 6.83226 10.0455 6.50591 10.0455H6.5C6.17365 10.0455 5.90909 9.7809 5.90909 9.45455Z"
fill="#FFC700" />
</svg>
</div>
</div>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Model (nếu có)</label>
<input type="text" value="MH241" placeholder="Model (nếu có)"
class="w-[440px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<div class="box-note">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 1.18182C3.56285 1.18182 1.18182 3.56285 1.18182 6.5C1.18182 9.43715 3.56285 11.8182 6.5 11.8182C9.43715 11.8182 11.8182 9.43715 11.8182 6.5C11.8182 3.56285 9.43715 1.18182 6.5 1.18182ZM0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C2.91015 13 0 10.0899 0 6.5Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.65259 4.15075C6.37751 4.10356 6.09461 4.15526 5.85399 4.29667C5.61337 4.43808 5.43056 4.66009 5.33795 4.92338C5.22965 5.23123 4.89229 5.39301 4.58443 5.28471C4.27658 5.17641 4.1148 4.83905 4.2231 4.5312C4.40833 4.00463 4.77395 3.56061 5.25518 3.27779C5.73642 2.99496 6.30223 2.89157 6.85239 2.98594C7.40255 3.08031 7.90156 3.36634 8.26104 3.79337C8.62044 4.22032 8.81718 4.76066 8.81643 5.31873C8.81617 6.22303 8.14571 6.82022 7.66694 7.13941C7.40952 7.31102 7.1563 7.4372 6.96978 7.52011C6.87567 7.56193 6.79643 7.59367 6.73933 7.61542C6.71073 7.62631 6.68754 7.63476 6.67066 7.64076L6.65014 7.64795L6.64361 7.65018L6.6413 7.65096L6.6404 7.65126C6.6404 7.65126 6.63966 7.65151 6.4528 7.09092L6.63966 7.65151C6.33005 7.75471 5.99541 7.58739 5.89221 7.27778C5.78908 6.96839 5.95611 6.63398 6.26532 6.53054L6.26456 6.5308L6.26532 6.53054L6.27474 6.52723C6.28383 6.524 6.29873 6.5186 6.31861 6.51103C6.35845 6.49585 6.4177 6.47219 6.48979 6.44015C6.63565 6.37532 6.82562 6.27992 7.01138 6.15607C7.41887 5.88441 7.63461 5.59541 7.63461 5.31819L7.63461 5.31731C7.63503 5.03822 7.53666 4.76798 7.35692 4.55446C7.17718 4.34095 6.92767 4.19793 6.65259 4.15075Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.90909 9.45455C5.90909 9.12819 6.17365 8.86364 6.5 8.86364H6.50591C6.83226 8.86364 7.09682 9.12819 7.09682 9.45455C7.09682 9.7809 6.83226 10.0455 6.50591 10.0455H6.5C6.17365 10.0455 5.90909 9.7809 5.90909 9.45455Z"
fill="#FFC700" />
</svg>
</div>
</div>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Mã kho hàng - SKU (nếu có)</label>
<input type="text" value="MH241" placeholder="Mã kho hàng - SKU (nếu có)"
class="w-[440px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<div class="box-note">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 1.18182C3.56285 1.18182 1.18182 3.56285 1.18182 6.5C1.18182 9.43715 3.56285 11.8182 6.5 11.8182C9.43715 11.8182 11.8182 9.43715 11.8182 6.5C11.8182 3.56285 9.43715 1.18182 6.5 1.18182ZM0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C2.91015 13 0 10.0899 0 6.5Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.65259 4.15075C6.37751 4.10356 6.09461 4.15526 5.85399 4.29667C5.61337 4.43808 5.43056 4.66009 5.33795 4.92338C5.22965 5.23123 4.89229 5.39301 4.58443 5.28471C4.27658 5.17641 4.1148 4.83905 4.2231 4.5312C4.40833 4.00463 4.77395 3.56061 5.25518 3.27779C5.73642 2.99496 6.30223 2.89157 6.85239 2.98594C7.40255 3.08031 7.90156 3.36634 8.26104 3.79337C8.62044 4.22032 8.81718 4.76066 8.81643 5.31873C8.81617 6.22303 8.14571 6.82022 7.66694 7.13941C7.40952 7.31102 7.1563 7.4372 6.96978 7.52011C6.87567 7.56193 6.79643 7.59367 6.73933 7.61542C6.71073 7.62631 6.68754 7.63476 6.67066 7.64076L6.65014 7.64795L6.64361 7.65018L6.6413 7.65096L6.6404 7.65126C6.6404 7.65126 6.63966 7.65151 6.4528 7.09092L6.63966 7.65151C6.33005 7.75471 5.99541 7.58739 5.89221 7.27778C5.78908 6.96839 5.95611 6.63398 6.26532 6.53054L6.26456 6.5308L6.26532 6.53054L6.27474 6.52723C6.28383 6.524 6.29873 6.5186 6.31861 6.51103C6.35845 6.49585 6.4177 6.47219 6.48979 6.44015C6.63565 6.37532 6.82562 6.27992 7.01138 6.15607C7.41887 5.88441 7.63461 5.59541 7.63461 5.31819L7.63461 5.31731C7.63503 5.03822 7.53666 4.76798 7.35692 4.55446C7.17718 4.34095 6.92767 4.19793 6.65259 4.15075Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.90909 9.45455C5.90909 9.12819 6.17365 8.86364 6.5 8.86364H6.50591C6.83226 8.86364 7.09682 9.12819 7.09682 9.45455C7.09682 9.7809 6.83226 10.0455 6.50591 10.0455H6.5C6.17365 10.0455 5.90909 9.7809 5.90909 9.45455Z"
fill="#FFC700" />
</svg>
</div>
</div>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Trọng lượng (tính phí
shipping)</label>
<input type="text" value="0" placeholder="Trọng lượng (tính phí shipping)"
class="w-[440px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<div class="box-note flex items-center">
<span class="mr-[10px]">gram</span>
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 1.18182C3.56285 1.18182 1.18182 3.56285 1.18182 6.5C1.18182 9.43715 3.56285 11.8182 6.5 11.8182C9.43715 11.8182 11.8182 9.43715 11.8182 6.5C11.8182 3.56285 9.43715 1.18182 6.5 1.18182ZM0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C2.91015 13 0 10.0899 0 6.5Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.65259 4.15075C6.37751 4.10356 6.09461 4.15526 5.85399 4.29667C5.61337 4.43808 5.43056 4.66009 5.33795 4.92338C5.22965 5.23123 4.89229 5.39301 4.58443 5.28471C4.27658 5.17641 4.1148 4.83905 4.2231 4.5312C4.40833 4.00463 4.77395 3.56061 5.25518 3.27779C5.73642 2.99496 6.30223 2.89157 6.85239 2.98594C7.40255 3.08031 7.90156 3.36634 8.26104 3.79337C8.62044 4.22032 8.81718 4.76066 8.81643 5.31873C8.81617 6.22303 8.14571 6.82022 7.66694 7.13941C7.40952 7.31102 7.1563 7.4372 6.96978 7.52011C6.87567 7.56193 6.79643 7.59367 6.73933 7.61542C6.71073 7.62631 6.68754 7.63476 6.67066 7.64076L6.65014 7.64795L6.64361 7.65018L6.6413 7.65096L6.6404 7.65126C6.6404 7.65126 6.63966 7.65151 6.4528 7.09092L6.63966 7.65151C6.33005 7.75471 5.99541 7.58739 5.89221 7.27778C5.78908 6.96839 5.95611 6.63398 6.26532 6.53054L6.26456 6.5308L6.26532 6.53054L6.27474 6.52723C6.28383 6.524 6.29873 6.5186 6.31861 6.51103C6.35845 6.49585 6.4177 6.47219 6.48979 6.44015C6.63565 6.37532 6.82562 6.27992 7.01138 6.15607C7.41887 5.88441 7.63461 5.59541 7.63461 5.31819L7.63461 5.31731C7.63503 5.03822 7.53666 4.76798 7.35692 4.55446C7.17718 4.34095 6.92767 4.19793 6.65259 4.15075Z"
fill="#FFC700" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.90909 9.45455C5.90909 9.12819 6.17365 8.86364 6.5 8.86364H6.50591C6.83226 8.86364 7.09682 9.12819 7.09682 9.45455C7.09682 9.7809 6.83226 10.0455 6.50591 10.0455H6.5C6.17365 10.0455 5.90909 9.7809 5.90909 9.45455Z"
fill="#FFC700" />
</svg>
</div>
</div>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Thương hiệu</label>
<select name="" id=""
class="w-[215px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<option value="">Chọn thương hiệu</option>
<option value="">ABS</option>
</select>
<div class="box-note flex items-center">
<span class="mr-[10px] text-[#0041E8]">Quản lý thương hiệu</span>
</div>
</div>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Tóm tắt đặc tính chính</label>
<textarea name="" id="" placeholder="Nhập tóm tắt đặt tính chính"
class="w-[440px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px] h-[75px]"></textarea>
</div>
<div class="flex items-center mb-[12px]">
<label for="" class="w-[210px] mr-[15px]">Phụ kiện đi kèm</label>
<input type="text" value="Test" placeholder="Phụ kiện đi kèm"
class="w-[440px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
</div>
<div class="product-sale-info mt-[25px]">
<b>1. Thông tin cơ bản</b>
<table class="mt-[10px] w-[100%] border-[1px]">
<tr>
<td class="w-[216px]">Giá bán lẻ</td>
<td>
<div class="flex items-center">
<input type="text" value="0" placeholder="Giá sản phẩm"
class="w-[176px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<select name="" id=""
class="w-[88px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mx-[15px] ">
<option value="">VNĐ</option>
</select>
<span>/</span>
<select name="" id=""
class="w-[88px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mx-[15px] ">
<option value="">Chiếc</option>
</select>
</div>
<div class="flex items-center pt-[8px]">
<i>(* Nếu dùng USD thì theo chuẩn quốc tế v.d. $134.05).</i>
<span>Tỷ giá:</span>
<b>1</b>
<a href="" class="ml-[5px]">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg>
</a>
</div>
</td>
</tr>
<tr>
<td>Thuế VAT</td>
<td class="flex items-center">
<span class="mr-[20px]">Giá bán</span>
<div class="flex items-center mr-[20px]">
<div class="flex items-center mr-[30px]">
<input type="radio" name="tax_vat" value="0" checked>
<label for="" class="ml-[25px]">Không hiển thị VAT</label>
</div>
<div class="flex items-center mr-[20px]">
<input type="radio" name="tax_vat" value="1">
<label for="" class="ml-[25px]">Không hiển thị VAT</label>
</div>
<div class="flex items-center">
<input type="radio" name="tax_vat" value="2">
<label for="" class="ml-[25px]">Chưa có VAT</label>
</div>
</div>
</td>
</tr>
<tr>
<td>Giá nhập hàng</td>
<td>
<div class="flex items-center">
<input type="text" value="0" placeholder="Giá sản phẩm"
class="w-[176px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<span>vnd (để tham khảo khi cần)</span>
</div>
</td>
</tr>
<tr>
<td>Giá thị trường</td>
<td>
<div class="flex items-center">
<input type="text" value="0" placeholder="Giá sản phẩm"
class="w-[176px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
<span>vnd (để tham khảo khi cần)</span>
</div>
</td>
</tr>
<tr>
<td>Số lượng kho hàng</td>
<td>
<div class="flex items-center">
<input type="text" value="0" placeholder="Giá sản phẩm"
class="w-[176px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</div>
</td>
</tr>
<tr>
<td>Khuyến mại riêng</td>
<td>
<textarea type="text" placeholder="Nhập khuyến mại riêng"
class="w-[442px] h-[76px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
</td>
</tr>
<tr>
<td>Khuyến mại riêng</td>
<td>
<textarea type="text" placeholder="Nhập khuyến mại riêng"
class="w-[442px] h-[35px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]"></textarea>
</td>
</tr>
<tr>
<td>Tình trạng (Mới / Cũ)</td>
<td>
<input type="text" value="" placeholder=""
class="w-[176px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
</td>
</tr>
<tr>
<td>Hiển thị</td>
<td>
<div class="flex items-center">
<div class="flex items-center mr-[30px]">
<input type="radio" name="info[status]" value="1" checked>
<label for="" class="ml-[25px]">Cho hiển thị</label>
</div>
<div class="flex items-center mr-[20px]">
<input type="radio" name="info[status]" value="0">
<label for="" class="ml-[25px]">Ẩn hiển thị</label>
</div>
</div>
</td>
</tr>
</table>
<input
class="btn w-[82px] h-[32px] bg-[#0041E8] rounded-[4px] mt-[10px] text-white cursor-pointer"
name="commit" type="submit" value="Cập nhật">
</div>
</div>
</form>
<div class="flex justify-between items-center mt-[20px]">
<div class="btn-left flex items-center">
<a href=""
class="px-[10px] py-[8px] border-[#79B0E2] border-[1px] rounded-[4px] text-[#79B0E2] hover:bg-[#0061ff] hover:text-white mr-[15px]">
Chọn danh mục để xem
</a>
<a href=""
class="px-[10px] py-[8px] border-[#79B0E2] border-[1px] rounded-[4px] text-[#79B0E2] hover:bg-[#0061ff] hover:text-white mr-[15px]">
Chọn thương hiệu để xem
</a>
</div>
<div class="btn-right flex items-center">
<a href=""
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
<span
class="border-[1px] border-[#0041E8] h-[15px] w-[15px] leading-[12px] text-center rounded-[50%] mr-1">+</span>
<span>Thêm sản phẩm mới</span>
</a>
<a href=""
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] hover:stroke-white font-[500]">
<svg class="hover:fill-white" xmlns="http://www.w3.org/2000/svg" width="14" height="15"
viewBox="0 0 14 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.30461 1.30461C1.49965 1.10957 1.76417 1 2.04 1H8.28C8.41791 1 8.55018 1.05479 8.6477 1.1523L12.2877 4.7923C12.3852 4.88982 12.44 5.02209 12.44 5.16V7.76C12.44 8.04719 12.2072 8.28 11.92 8.28C11.6328 8.28 11.4 8.04719 11.4 7.76V5.37539L8.06461 2.04L2.04 2.04L2.04 7.76C2.04 8.04719 1.80719 8.28 1.52 8.28C1.23281 8.28 1 8.04719 1 7.76V2.04C1 1.76417 1.10957 1.49965 1.30461 1.30461Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M8.28 1C8.56719 1 8.8 1.23281 8.8 1.52V4.64H11.92C12.2072 4.64 12.44 4.87281 12.44 5.16C12.44 5.44719 12.2072 5.68 11.92 5.68H8.28C7.99281 5.68 7.76 5.44719 7.76 5.16V1.52C7.76 1.23281 7.99281 1 8.28 1Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1 10.36C1 10.0728 1.23281 9.84 1.52 9.84H2.56C2.97374 9.84 3.37053 10.0044 3.66309 10.2969C3.95564 10.5895 4.12 10.9863 4.12 11.4C4.12 11.8137 3.95564 12.2105 3.66309 12.5031C3.37053 12.7956 2.97374 12.96 2.56 12.96H2.04V13.48C2.04 13.7672 1.80719 14 1.52 14C1.23281 14 1 13.7672 1 13.48V10.36ZM2.04 11.92H2.56C2.69791 11.92 2.83018 11.8652 2.9277 11.7677C3.02521 11.6702 3.08 11.5379 3.08 11.4C3.08 11.2621 3.02521 11.1298 2.9277 11.0323C2.83018 10.9348 2.69791 10.88 2.56 10.88H2.04V11.92Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.1 10.36C10.1 10.0728 10.3328 9.84 10.62 9.84H12.44C12.7272 9.84 12.96 10.0728 12.96 10.36C12.96 10.6472 12.7272 10.88 12.44 10.88H11.14V13.48C11.14 13.7672 10.9072 14 10.62 14C10.3328 14 10.1 13.7672 10.1 13.48V10.36Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.1 12.18C10.1 11.8928 10.3328 11.66 10.62 11.66H12.18C12.4672 11.66 12.7 11.8928 12.7 12.18C12.7 12.4672 12.4672 12.7 12.18 12.7H10.62C10.3328 12.7 10.1 12.4672 10.1 12.18Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.29 10.36C5.29 10.0728 5.52281 9.84 5.81 9.84H6.72C7.27165 9.84 7.80071 10.0591 8.19078 10.4492C8.58086 10.8393 8.8 11.3683 8.8 11.92C8.8 12.4716 8.58086 13.0007 8.19078 13.3908C7.80071 13.7809 7.27165 14 6.72 14H5.81C5.52281 14 5.29 13.7672 5.29 13.48V10.36ZM6.33 10.88V12.96H6.72C6.99583 12.96 7.26035 12.8504 7.45539 12.6554C7.65043 12.4604 7.76 12.1958 7.76 11.92C7.76 11.6442 7.65043 11.3796 7.45539 11.1846C7.26035 10.9896 6.99583 10.88 6.72 10.88H6.33Z"
fill="#0041E8" />
<path
d="M8.28 1H2.04C1.76417 1 1.49965 1.10957 1.30461 1.30461C1.10957 1.49965 1 1.76417 1 2.04V7.76C1 8.04719 1.23281 8.28 1.52 8.28C1.80719 8.28 2.04 8.04719 2.04 7.76L2.04 2.04L8.06461 2.04L11.4 5.37539V7.76C11.4 8.04719 11.6328 8.28 11.92 8.28C12.2072 8.28 12.44 8.04719 12.44 7.76V5.16M8.28 1C8.41791 1 8.55018 1.05479 8.6477 1.1523L12.2877 4.7923C12.3852 4.88982 12.44 5.02209 12.44 5.16M8.28 1C8.56719 1 8.8 1.23281 8.8 1.52V4.64H11.92C12.2072 4.64 12.44 4.87281 12.44 5.16M8.28 1C7.99281 1 7.76 1.23281 7.76 1.52V5.16C7.76 5.44719 7.99281 5.68 8.28 5.68H11.92C12.2072 5.68 12.44 5.44719 12.44 5.16M1.52 9.84C1.23281 9.84 1 10.0728 1 10.36V13.48C1 13.7672 1.23281 14 1.52 14C1.80719 14 2.04 13.7672 2.04 13.48V12.96H2.56C2.97374 12.96 3.37053 12.7956 3.66309 12.5031C3.95564 12.2105 4.12 11.8137 4.12 11.4C4.12 10.9863 3.95564 10.5895 3.66309 10.2969C3.37053 10.0044 2.97374 9.84 2.56 9.84H1.52ZM2.56 11.92H2.04V10.88H2.56C2.69791 10.88 2.83018 10.9348 2.9277 11.0323C3.02521 11.1298 3.08 11.2621 3.08 11.4C3.08 11.5379 3.02521 11.6702 2.9277 11.7677C2.83018 11.8652 2.69791 11.92 2.56 11.92ZM10.62 9.84C10.3328 9.84 10.1 10.0728 10.1 10.36V13.48C10.1 13.7672 10.3328 14 10.62 14C10.9072 14 11.14 13.7672 11.14 13.48V10.88H12.44C12.7272 10.88 12.96 10.6472 12.96 10.36C12.96 10.0728 12.7272 9.84 12.44 9.84H10.62ZM10.62 11.66C10.3328 11.66 10.1 11.8928 10.1 12.18C10.1 12.4672 10.3328 12.7 10.62 12.7H12.18C12.4672 12.7 12.7 12.4672 12.7 12.18C12.7 11.8928 12.4672 11.66 12.18 11.66H10.62ZM5.81 9.84C5.52281 9.84 5.29 10.0728 5.29 10.36V13.48C5.29 13.7672 5.52281 14 5.81 14H6.72C7.27165 14 7.80071 13.7809 8.19078 13.3908C8.58086 13.0007 8.8 12.4716 8.8 11.92C8.8 11.3683 8.58086 10.8393 8.19078 10.4492C7.80071 10.0591 7.27165 9.84 6.72 9.84H5.81ZM6.33 12.96V10.88H6.72C6.99583 10.88 7.26035 10.9896 7.45539 11.1846C7.65043 11.3796 7.76 11.6442 7.76 11.92C7.76 12.1958 7.65043 12.4604 7.45539 12.6554C7.26035 12.8504 6.99583 12.96 6.72 12.96H6.33Z"
stroke="#0041E8" stroke-width="0.3" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
<span class="ml-1">Danh sách cập nhật</span>
</a>
<a href=""
class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] hover:stroke-white font-[500]">
<svg class="hover:fill-white" xmlns="http://www.w3.org/2000/svg" width="13" height="15"
viewBox="0 0 13 15">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M1.29289 1.29289C1.48043 1.10536 1.73478 1 2 1H8C8.13261 1 8.25979 1.05268 8.35355 1.14645L11.8536 4.64645C11.9473 4.74021 12 4.86739 12 5V13C12 13.2652 11.8946 13.5196 11.7071 13.7071C11.5196 13.8946 11.2652 14 11 14H2C1.73478 14 1.48043 13.8946 1.29289 13.7071C1.10536 13.5196 1 13.2652 1 13V2C1 1.73478 1.10536 1.48043 1.29289 1.29289ZM7.79289 2L2 2L2 13H11V5.20711L7.79289 2Z"
fill="#0041E8" stroke="#0041E8" stroke-width="0.3" stroke-linecap="round"
stroke-linejoin="round" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M8 1C8.27614 1 8.5 1.22386 8.5 1.5V4.5H11.5C11.7761 4.5 12 4.72386 12 5C12 5.27614 11.7761 5.5 11.5 5.5H8C7.72386 5.5 7.5 5.27614 7.5 5V1.5C7.5 1.22386 7.72386 1 8 1Z"
fill="#0041E8" stroke="#0041E8" stroke-width="0.3" stroke-linecap="round"
stroke-linejoin="round" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.64645 7.14645C4.84171 6.95118 5.15829 6.95118 5.35355 7.14645L8.35355 10.1464C8.54882 10.3417 8.54882 10.6583 8.35355 10.8536C8.15829 11.0488 7.84171 11.0488 7.64645 10.8536L4.64645 7.85355C4.45118 7.65829 4.45118 7.34171 4.64645 7.14645Z"
fill="#0041E8" stroke="#0041E8" stroke-width="0.3" stroke-linecap="round"
stroke-linejoin="round" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M8.35355 7.14645C8.54882 7.34171 8.54882 7.65829 8.35355 7.85355L5.35355 10.8536C5.15829 11.0488 4.84171 11.0488 4.64645 10.8536C4.45118 10.6583 4.45118 10.3417 4.64645 10.1464L7.64645 7.14645C7.84171 6.95118 8.15829 6.95118 8.35355 7.14645Z"
fill="#0041E8" stroke="#0041E8" stroke-width="0.3" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
<span class="ml-1">Cập nhật Excel</span>
</a>
</div>
</div>
<table class="w-[100%] mt-[20px] product-list">
<thead>
<tr>
<th>STT</th>
<th>ID</th>
<th>Ảnh</th>
<th>Sản phẩm (Tổng số: 1.742)</th>
<th>Người dùng</th>
<th>Thông tin bán hàng</th>
<th>Thông tin khác</th>
<th>
<span>Đặc điểm</span>
<select name="" id=""
class="block w-[160px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px]">
<option value="">Lọc sản phẩm</option>
</select>
</th>
<th>Công cụ</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>#2105</td>
<td>
<img class="block m-auto" src="./images/img-product.png" alt="">
<span class="text-center block">6 ảnh</span>
<a href="" class="text-center flex justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg>
</a>
</td>
<td>
<a href="" class="text-[#0041E8]">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
<p class="text-[#FFC700]">[Có cấu hình]</p>
<div class="flex items-center">
<span>Danh mục:</span>
<b class="mx-[10px]">Màn hình Máy tính</b>
<a href=""><svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8" />
</svg></a>
</div>
<div class="flex items-center">
<span>Mã kho</span>
<b class="px-[5px]">MH241</b>
<span class="text-[#000] font-[500]">|</span>
<span class="px-[5px]">Hãng</span>
<p class="text-[#0041E8]">ABS</p>
</div>
<p>Cập nhật: 20-10-2023, 5:48 pm <span class="text-[#E00000]">(49 ngày)</span></p>
<p>Người cập nhật : anhtt@hurasoft.com</p>
</td>
<td>
<p>- Xem : 0</p>
<p>- Thích : 0</p>
<p>- Mua : 0</p>
</td>
<td>
<div class="flex items-center mb-[1px]">
<span>- Giá bán:</span>
<b class="text-[#E00000] ml-[3px]">300.000 vnd</b>
</div>
<div class="flex items-center">
<span>- Sl tổng:</span>
<b class="ml-[3px]">1</b>
</div>
</td>
<td>
<div class="flex items-center mb-[1px]">
<span>- Giá bán:</span>
<b class="text-[#E00000] ml-[3px]">300.000 vnd</b>
</div>
<p>- Bảo hành: Ato test</p>
<p>- Khuyến mại: + Ato test</p>
</td>
<td>
<div>
<input type="checkbox" name="" id="">
<label for="">Mới Hot (Hỏi nhiều)</label>
</div>
<div>
<input type="checkbox" name="" id="">
<label for="">Bán chạy</label>
</div>
<div>
<input type="checkbox" name="" id="">
<label for="">Xả hàng (sale-off)</label>
</div>
<div>
<input type="checkbox" name="" id="">
<label for="">Chỉ bán online</label>
</div>
<a href=""
class="bg-[#0041E8] rounded-[4px] text-white px-[10px] py-[6px] mt-[3px] inline-block">Cập
nhật</a>
</td>
<td class="">
<div class="list-btn flex items-center w-[150px]">
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.67307 0.173073C6.90384 -0.0576911 7.27798 -0.0576911 7.50875 0.173073L9.87238 2.53671C10.1031 2.76747 10.1031 3.14162 9.87238 3.37238L3.37238 9.87238C3.26156 9.9832 3.11126 10.0455 2.95455 10.0455H0.590909C0.264559 10.0455 0 9.7809 0 9.45455V7.09091C0 6.93419 0.0622563 6.78389 0.173073 6.67307L6.67307 0.173073ZM1.18182 7.33567V8.86364H2.70978L8.61887 2.95455L7.09091 1.42658L1.18182 7.33567Z"
fill="#0041E8"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 12.4091C0 12.0828 0.264559 11.8182 0.590909 11.8182H11.2273C11.5536 11.8182 11.8182 12.0828 11.8182 12.4091C11.8182 12.7355 11.5536 13.0001 11.2273 13.0001H0.590909C0.264559 13.0001 0 12.7355 0 12.4091Z"
fill="#0041E8"></path>
</svg>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 1.18182C3.56285 1.18182 1.18182 3.56285 1.18182 6.5C1.18182 9.43715 3.56285 11.8182 6.5 11.8182C9.43715 11.8182 11.8182 9.43715 11.8182 6.5C11.8182 3.56285 9.43715 1.18182 6.5 1.18182ZM0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C2.91015 13 0 10.0899 0 6.5Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 6.5C0 6.17365 0.264559 5.90909 0.590909 5.90909H12.4091C12.7354 5.90909 13 6.17365 13 6.5C13 6.82635 12.7354 7.09091 12.4091 7.09091H0.590909C0.264559 7.09091 0 6.82635 0 6.5Z"
fill="#0041E8" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72741 6.50001C4.76791 8.31696 5.39279 10.0662 6.5 11.4927C7.60721 10.0662 8.23209 8.31696 8.27259 6.50001C8.23209 4.68306 7.60721 2.93378 6.5 1.5073C5.39279 2.93378 4.76791 4.68306 4.72741 6.50001ZM6.5 0.590918L6.0637 0.192395C4.48907 1.91627 3.59421 4.15342 3.54558 6.4877C3.54541 6.4959 3.54541 6.50411 3.54558 6.51232C3.59421 8.84659 4.48907 11.0837 6.0637 12.8076C6.17566 12.9302 6.334 13 6.5 13C6.666 13 6.82434 12.9302 6.93629 12.8076C8.51093 11.0837 9.40579 8.84659 9.45442 6.51232C9.45459 6.50411 9.45459 6.4959 9.45442 6.4877C9.40579 4.15342 8.51093 1.91627 6.93629 0.192395L6.5 0.590918Z"
fill="#0041E8" />
</svg>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"
viewBox="0 0 12 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 2.95455C0 2.6282 0.264559 2.36364 0.590909 2.36364H11.2273C11.5536 2.36364 11.8182 2.6282 11.8182 2.95455C11.8182 3.2809 11.5536 3.54545 11.2273 3.54545H0.590909C0.264559 3.54545 0 3.2809 0 2.95455Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 1.18182C4.57055 1.18182 4.42025 1.24407 4.30944 1.35489C4.19862 1.46571 4.13636 1.61601 4.13636 1.77273V2.36364H7.68182V1.77273C7.68182 1.61601 7.61956 1.46571 7.50875 1.35489C7.39793 1.24407 7.24763 1.18182 7.09091 1.18182H4.72727ZM8.86364 2.36364V1.77273C8.86364 1.30257 8.67687 0.85167 8.34442 0.51922C8.01197 0.186769 7.56107 0 7.09091 0H4.72727C4.25712 0 3.80622 0.186769 3.47377 0.51922C3.14132 0.85167 2.95455 1.30257 2.95455 1.77273V2.36364H1.77273C1.44638 2.36364 1.18182 2.6282 1.18182 2.95455V11.2273C1.18182 11.6974 1.36859 12.1483 1.70104 12.4808C2.03349 12.8132 2.48439 13 2.95455 13H8.86364C9.33379 13 9.78469 12.8132 10.1171 12.4808C10.4496 12.1483 10.6364 11.6974 10.6364 11.2273V2.95455C10.6364 2.6282 10.3718 2.36364 10.0455 2.36364H8.86364ZM2.36364 3.54545V11.2273C2.36364 11.384 2.42589 11.5343 2.53671 11.6451C2.64753 11.7559 2.79783 11.8182 2.95455 11.8182H8.86364C9.02036 11.8182 9.17066 11.7559 9.28147 11.6451C9.39229 11.5343 9.45455 11.384 9.45455 11.2273V3.54545H2.36364Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.72727 5.31818C5.05362 5.31818 5.31818 5.58274 5.31818 5.90909V9.45455C5.31818 9.7809 5.05362 10.0455 4.72727 10.0455C4.40092 10.0455 4.13636 9.7809 4.13636 9.45455V5.90909C4.13636 5.58274 4.40092 5.31818 4.72727 5.31818Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.09091 5.31818C7.41726 5.31818 7.68182 5.58274 7.68182 5.90909V9.45455C7.68182 9.7809 7.41726 10.0455 7.09091 10.0455C6.76456 10.0455 6.5 9.7809 6.5 9.45455V5.90909C6.5 5.58274 6.76456 5.31818 7.09091 5.31818Z"
fill="#9E9E9E" />
</svg>
</a>
<a href=""
class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13"
viewBox="0 0 13 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 1.08333C0 0.485025 0.485025 0 1.08333 0H11.9167C12.515 0 13 0.485025 13 1.08333V11.9167C13 12.515 12.515 13 11.9167 13H1.08333C0.485025 13 0 12.515 0 11.9167V1.08333ZM11.9167 1.08333H1.08333V11.9167H11.9167V1.08333Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M3.82164 6.53001C4.03318 6.31848 4.37614 6.31848 4.58768 6.53001L6.49997 8.44231L8.41227 6.53001C8.6238 6.31848 8.96677 6.31848 9.1783 6.53001C9.38984 6.74155 9.38984 7.08451 9.1783 7.29604L6.88299 9.59136C6.67146 9.80289 6.32849 9.80289 6.11696 9.59136L3.82165 7.29604C3.61011 7.08451 3.61011 6.74155 3.82164 6.53001Z"
fill="#9E9E9E" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.5 3.25C6.79915 3.25 7.04167 3.49251 7.04167 3.79167V9.20833C7.04167 9.50749 6.79915 9.75 6.5 9.75C6.20085 9.75 5.95833 9.50749 5.95833 9.20833V3.79167C5.95833 3.49251 6.20085 3.25 6.5 3.25Z"
fill="#9E9E9E" />
</svg>
</a>
</div>
<div class="flex items-center w-[150px] mt-[10px]">
<span>STT</span>
<input type="text" value="1"
class="w-[55px] border-[1px] border-[#D8D8D8] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] px-[5px] py-[3px] rounded-[4px] ml-[5px]">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- end -->
</div>
<!-- end -->
<!-- Script -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
</body>
</html>