u

template/customer/customer_group_add.html

@@ -0,0 +1,71 @@
+<div class="w-full mb-[50px]">
+
+    <div class="text-sm breadcrumbs">
+        <ul>
+            <li><a href="/customer/customer-group">Nhóm khách hàng</a></li>
+            <li class="text-active">Form sửa nhóm khách hàng</li>
+        </ul>
+    </div>
+
+    <div class="w-7xl  mx-auto">
+        <div class="bg-white p-3 rounded-sm shadow mt-5">
+            <div class="flex items-center justify-between">
+                <div>
+                    <h1 class="text-xl font-bold">Cập nhật nhóm khách hàng</h1>
+                </div>
+                <a href="/customer/customer-group-add" class="btn btn-outline btn-view btn-sm">
+                    <i data-lucide="circle-plus" class="size-4"></i>
+                    <span class="">Thêm nhóm khách hàng</span>
+                </a>
+            </div>
+            <p class="text-[#6B7280] mt-[5px]">Hướng dẫn: Nhóm khách hàng bao gồm các khách hàng cùng chia sẻ một số đặc
+                điểm
+                nhất định, giúp cho việc
+                quản lý và chăm
+                sóc khách hàng tốt hơn. Ví dụ các nhóm khách hàng thường được tạo là: Khách hàng thân thiết, Khách hàng
+                nữ, Khách hàng
+                VIP, Khách văn phòng v..v.
+            </p>
+        </div>
+
+        <div class="grid grid-cols-4 gap-5 mt-5">
+            <div class="left">
+                <div class="list-tab">
+                    <a href="javascript:void(0)"
+                        class="item block w-full text-white bg-[#0041E8] rounded-sm text-[13px] p-2">Nội
+                        dung</a>
+                </div>
+            </div>
+            <div class="right col-span-3">
+                <div class="bg-white p-3 rounded-sm shadow">
+                    <div class="form-control">
+                        <label class="font-bold text-base">Đặt tên nhóm khách hàng</label>
+                        <input type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
+                            class="w-full input rounded-sm shadow mt-3" />
+                    </div>
+                    <div class="form-control mt-5">
+                        <label class="font-bold text-base">Đặt tên nhóm khách hàng</label>
+                        <span class="text-[#6B7280] mb-[5px]">(* Dùng phân biệt từng nhóm, Mã chỉ bao gồm các ký tự
+                            a-z0-9 và _,
+                            không dấu và không có
+                            dấu cách. Ví dụ: vip1, dai_ly
+                            ...)</span>
+                        <input type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
+                            class="w-full input rounded-sm shadow mt-3">
+                    </div>
+                    <div class="form-control mt-5">
+                        <label class="font-bold text-base">Miêu tả (nếu có)</label>
+                        <textarea type="text" size="60" name="" placeholder="Đặt tên nhóm khách hàng"
+                            class="w-full h-[120px] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-sm shadow mt-3"></textarea>
+                    </div>
+
+                </div>
+                <div class="bg-white p-3 rounded-sm shadow mt-5">
+                    <input class="btn btn-active" id="submit-collection-btn" name="commit" type="submit"
+                        value="Cập nhật" />
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>