admin_hura_8/template/customer/customer_group_add.html

<div class="w-full mb-[50px]">

    <div class="text-sm breadcrumbs">
        <ul>
            <li><a href="/admin/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="/admin/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>