Files
agent_test/template/product/form_components/basic.html

304 lines
16 KiB
HTML
Raw Normal View History

2026-03-07 10:26:20 +07:00
<!-- thong tin san pham -->
<form method="post" enctype="multipart/form-data">
<div class="bg-white p-3 rounded shadow">
<b class="text-xl mb-6 block">Thông tin cơ bản</b>
<div class="flex items-center gap-2 mt-3">
<label for="" class="font-bold">Đặt tên Sản phẩm</label>
<div class="box-note tooltip" data-tip="">
<i class="iconify lucide--circle-question-mark mt-2 cursor-pointer text-faq"></i>
<div class="tooltip-content">
Bạn muốn Google tìm ra Sản phẩm này hoặc người xem hiểu ngay về Sản phẩm ? Hãy viết tên Sản phẩm
một cách cụ thể, đầy đủ
nhất. Thay vì viết Vaio ABC, hãy viết : Máy tính xách tay Sony Vaio ABC, 500GB, 4GB RAM, 2.4GHz,
USA, mới 100% Hoặc thay
vì viết Áo 123, hãy viết : Áo khoác nam Made In VietNam, màu đen, đủ size, mã 123
</div>
</div>
</div>
<input type="text" name="info[proName]" id="pro_name" value="Máy in mã vạch MH241"
placeholder="Đặt tên sản phẩm" class="input mt-2 shadow w-full rounded-sm" />
<div class="grid grid-cols-2 gap-3 mt-3">
<div class="mt-3">
<div class="flex items-center gap-3">
<label for="" class="font-bold">Model (nếu có)</label>
<div class="box-note tooltip">
<i class="iconify lucide--circle-question-mark mt-2 cursor-pointer text-faq"></i>
<div class="tooltip-content">
Nhiều khách hàng tìm Sản phẩm theo Model, bạn có nhập model của Sản phẩm nếu có. Ví dụ:
Laptop Sony Vaio ABC/12 thì
ABC/12 là model Sản phẩm.
</div>
</div>
</div>
<input type="text" value="MH241" name="info[productModel]" id="productModel"
placeholder="Model (nếu có)" class="input mt-2 shadow w-full rounded-sm">
</div>
<div class="mt-3">
<div class="flex items-center gap-2">
<label for="" class="font-bold">Mã kho hàng - SKU (nếu
có)</label>
<div class="box-note tooltip">
<i class="iconify lucide--circle-question-mark mt-2 cursor-pointer text-faq"></i>
<div class="tooltip-content">
Nếu bạn có phần mềm quản lý kho hàng chuyên nghiệp và bạn muốn theo dõi các đơn hàng nhận từ
website của Sản phẩm trong
phần mềm này. Khi đó hãy nhập mã kho hàng của Sản phẩm được cung cấp bởi phần mềm kho hàng
vào đây.
</div>
</div>
</div>
<input type="text" name="info[storeSKU]" id="storeSKU" value="MH241"
placeholder="Mã kho hàng - SKU (nếu có)" class="input mt-2 shadow w-full rounded-sm">
</div>
<div class="mt-3">
<div class="flex items-center gap-2">
<label for="" class="font-bold">Trọng lượng (tính phí
shipping)</label>
<span class="">gram</span>
<div class="box-note tooltip flex items-center">
<i class="iconify lucide--circle-question-mark cursor-pointer text-faq"></i>
<div class="tooltip-content">
Dùng tính phí Shipping cho Sản phẩm (nếu có). Đơn vị gram, nếu Sản phẩm 1,2kg = 1200 (gram).
</div>
</div>
</div>
<input type="text" name="info[weight]" id="weight" value="0"
placeholder="Trọng lượng (tính phí shipping)" class="input mt-2 shadow w-full rounded-sm">
</div>
<div class="mt-3">
<div class="flex items-center gap-2">
<label for="" class="font-bold">Thương hiệu</label>
<div class="flex items-center">
<a href="" class="link-primary">Quản lý thương hiệu</a>
</div>
</div>
<select name="brand" id="brandSelect" class="select select-bordered w-full mt-3 shadow rounded-sm"
aria-label="Select">
<option value="" class="text-[#6B7280]">--Chọn thương hiệu--</option>
<option value="">ABS</option>
<option value="83">ABS</option>
<option value="67">ACE GAMING</option>
<option value="8">ADATA</option>
<option value="9">AEROCOOL</option>
<option value="52">AIGO</option>
<option value="59">AKKO</option>
<option value="3">AMD</option>
<option value="10">ANTEC</option>
<option value="11">AOC</option>
<option value="70">AORUS</option>
<option value="12">ASROCK</option>
<option value="2">ASUS</option>
<option value="73">AVerMedia</option>
<option value="57">BE QUIET</option>
<option value="4">BENQ</option>
<option value="79">CISCO</option>
<option value="72">Colorful</option>
<option value="47">COOLER MASTER</option>
<option value="58">COOLMOON</option>
<option value="13">CORSAIR</option>
<option value="5">DAREU</option>
<option value="46">DEEP COOL</option>
<option value="14">DELL</option>
<option value="60">E-DRA</option>
<option value="15">EVGA</option>
<option value="68">EXTREME ZERO</option>
<option value="64">FUHLEN</option>
<option value="16">GALAX</option>
<option value="6">GIGABYTE</option>
<option value="82">Glee</option>
<option value="17">GSKILL</option>
<option value="18">HKC</option>
<option value="19">HP</option>
<option value="45">HUANANZHI</option>
<option value="20">HUNTKEY</option>
<option value="53">ID - COOLING</option>
<option value="21">INNO3D</option>
<option value="22">INTEL</option>
<option value="23">INWIN</option>
<option value="61">IROCKS</option>
<option value="24">JETEK</option>
<option value="54">JONSBO</option>
<option value="25">KINGSTON</option>
<option value="26">KINGVIEW</option>
<option value="69">LEADTEK</option>
<option value="48">LEXAR</option>
<option value="27">LG</option>
<option value="28">LOGITECH</option>
<option value="77">MICRON</option>
<option value="80">MICROSOFT</option>
<option value="7">MSI</option>
<option value="65">NEWMEN</option>
<option value="56">NOCTUA</option>
<option value="29">NVIDIA</option>
<option value="71">NZXT</option>
<option value="74">OCPC</option>
<option value="30">PHANTEKS</option>
<option value="78">PLANET</option>
<option value="49">PLEXTOR</option>
<option value="31">PNY</option>
<option value="66">PSEAT</option>
<option value="75">QNAP</option>
<option value="32">SAMA</option>
<option value="33">SAMSUNG</option>
<option value="36">SAPPHIRE</option>
<option value="50">SEAGATE</option>
<option value="34">SEASONIC</option>
<option value="35">SEGOTEP</option>
<option value="37">SUPERFLOWER</option>
<option value="38">SUPERMICRO</option>
<option value="39">TEAMGROUP</option>
<option value="55">THERMALRIGHT</option>
<option value="40">THERMALTAKE</option>
<option value="81">TOSHIBA</option>
<option value="76">TP LINK</option>
<option value="84">TSC</option>
<option value="41">VIEWSONIC</option>
<option value="42">VITRA</option>
<option value="62">WARRIOR</option>
<option value="51">WESTERN DIGITAL</option>
<option value="43">XIGMATEK</option>
<option value="63">ZIDLI</option>
<option value="44">ZOTAC</option>
</select>
</div>
</div>
<div class="mt-5">
<label for="" class="block font-bold">Tóm tắt đặc tính chính</label>
<textarea name="info[proSummary]" id="summary" placeholder="Nhập tóm tắt đặt tính chính"
class="textarea mt-3 shadow w-full rounded-sm"></textarea>
</div>
<div class="mt-5">
<label for="" class="block font-bold">Phụ kiện đi kèm</label>
<input type="text" id="accessory" name="info[accessory]" value="Test" placeholder="Phụ kiện đi kèm"
class="input mt-3 shadow w-full rounded-sm">
</div>
</div>
<div class="bg-white p-3 rounded mt-5 shadow">
<b class="block text-xl">Thông tin bán hàng</b>
<div class="mt-5">
<div class="flex items-center gap-2">
<label for="" class="font-bold">Giá bán lẻ</label>
<div class="box-note flex items-center gap-2 text-gray">
<i class="text-gray">(* Nếu dùng USD thì theo chuẩn quốc tế v.d. $134.05).</i>
<span>Tỷ giá:</span>
<b class="">1</b>
<a href="/system/setup/option=general" class="text-primary">
<i class="iconify lucide--pencil"></i>
</a>
</div>
</div>
<div class="flex items-center gap-2 mt-3">
<input type="text" name="info[price]" id="price" value="0" placeholder="Giá bán lẻ"
class="input shadow rounded-sm">
<select name="currency" id="currency" class="select select-bordered rounded-sm shadow w-32 ">
<option value="">VNĐ</option>
</select>
<span>/</span>
<select name="price_unit" id="price_unit" class="select select-bordered rounded-sm shadow w-32">
<option value="">Chiếc</option>
</select>
</div>
</div>
<div class="grid grid-cols-2 gap-3 mt-5">
<div class="">
<div class="flex items-center gap-3">
<label class="font-bold">Giá nhập hàng</label>
<div class="box-note">
<i class="text-gray">vnd (để tham khảo khi cần)</i>
</div>
</div>
<input type="text" name="info[purchase_price]" value="0" placeholder="Giá nhập hàng"
class="input mt-3 shadow w-full rounded-sm">
</div>
<div class="">
<div class="flex items-center gap-3">
<label class="font-bold">Giá thị trường</label>
<div class="box-note">
<i class="text-gray">vnd (để tham khảo khi cần)</i>
</div>
</div>
<input type="text" value="0" name="info[market_price]" placeholder="Giá thị trường"
class="input mt-3 shadow w-full rounded-sm">
</div>
</div>
<div class="mt-5">
<label for="" class="block font-bold">Khuyến mại riêng</label>
<textarea name="info[specialOffer]" id="specialOffer" placeholder="Nhập tóm tắt đặt tính chính"
class="textarea w-full shadow rounded-sm mt-3"></textarea>
</div>
<div class=" mt-5">
<label for="" class="block font-bold">Thông tin bảo hành</label>
<input type="text" name="info[warranty]" id="warranty" value="Test" placeholder="Thông tin bảo hành"
class="input mt-3 shadow w-full rounded-sm">
</div>
<div class="grid grid-cols-2 gap-3 mt-5">
<div class="">
<label class="block font-bold">Số lượng kho hàng</label>
<input type="text" value="0" name="info[quantity]" placeholder="Số lượng kho hàng"
class="input mt-3 shadow w-full rounded-sm">
</div>
<div class="">
<label class="block font-bold">Tình trạng (Mới /
Cũ)</label>
<input type="text" name="info[cond]" value="" placeholder="Tình trạng (Mới / Cũ)"
class="input mt-3 shadow w-full rounded-sm">
</div>
</div>
<div class="flex items-center mt-5">
<label class="block font-bold w-32">Thuế VAT
</label>
<div class="flex items-center gap-2">
<label class="cursor-pointer flex items-center gap-2">
<input type="radio" name="info[hasVAT]" value="0" class="radio radio-sm radio-active"
checked="checked" />
<span class="label-text">Không hiển thị VAT</span>
</label>
<label class="cursor-pointer flex items-center gap-2">
<input type="radio" name="info[hasVAT]" value="1" class="radio radio-sm radio-active" />
<span class="label-text">Có VAT</span>
</label>
<label class="cursor-pointer flex items-center gap-2">
<input type="radio" name="info[hasVAT]" value="2" class="radio radio-sm radio-active" />
<span class="label-text">Chưa có VAT</span>
</label>
</div>
</div>
<div class="flex items-center mt-5">
<label class="block font-bold w-32">Hiển thị
</label>
<div class="flex items-center gap-3">
<label class="cursor-pointer flex items-center gap-3">
<input type="radio" name="info[status]" value="0" class="radio radio-sm radio-active"
checked="checked" />
<span class="label-text">Cho hiển thị</span>
</label>
<label class="cursor-pointer flex items-center gap-3">
<input type="radio" name="info[status]" value="1" class="radio radio-sm radio-active" />
<span class="label-text">Ẩn hiển thị</span>
</label>
</div>
</div>
</div>
<div class="mt-5 bg-white p-3 rounded shadow">
<input class="btn btn-active" id="submit-collection-btn" name="commit" type="button" value="Cập nhật"
onclick="AdminFunction.checkForm(true)" />
</div>
</form>