admin_hura_8/template/product/attribute.html

<div class="bg-white shadow p-3 rounded-sm">
    <h1 class="text-2xl font-bold mb-3">Danh sách thuộc tính</h1>

    <div class="flex items-end justify-end">
        <a href="/admin/product/attribute_add" class="btn btn-outline btn-view btn-sm">
            <i data-lucide="circle-plus" class="size-4"></i>
            <span class="">Thêm thuộc tính mới</span>
        </a>
    </div>


    <div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
        <table class="table">
            <thead>
                <tr class="bg-base-200 font-bold text-black">
                    <th>STT</th>
                    <th>Mã</th>
                    <th>Tên hiển thị</th>
                    <th>Giá trị</th>
                    <th class="w-[30%]">Danh mục đang có</th>
                    <th>Thứ tự</th>
                    <th>Trạng thái</th>
                    <th class="w-[120px]">Cập nhật</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td class="whitespace-nowrap">phong-cach</td>
                    <td>Phong cách</td>
                    <td>5</td>
                    <td>
                        <div class="flex flex-wrap items-center gap-3">
                            <a href="" class="text-primary">Máy Tính Xách Tay,</a>
                            <a href="" class="text-primary">Macbook,</a>
                            <a href="" class="text-primary">Surface,</a>
                            <a href="" class="text-primary">Laptop Acer,</a>
                            <a href="" class="text-primary">Laptop Acer Aspire,</a>
                            <a href="" class="text-primary">Laptop Acer TravelMate,</a>
                            <a href="" class="text-primary">Test,</a>
                        </div>
                    </td>
                    <td>
                        <input type="text" value="0" class="input w-12 input-sm" />
                    </td>
                    <td>
                        <a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
                    </td>
                    <td>
                        <div class='list-btn flex items-center gap-3'>
                            <a href="" class='btn btn-soft btn-xs btn-square btn-outline  btn-view'><i
                                    data-lucide="pencil" class='size-3'></i></a>
                            <a href="" class='btn btn-soft btn-xs btn-square '><i data-lucide="eye"
                                    class="size-4"></i></a>
                            <a href="" class='btn btn-soft btn-xs btn-square btn-outline  btn-error'><i
                                    data-lucide="trash" class="size-3"></i></a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>1</td>
                    <td class="whitespace-nowrap">phong-cach</td>
                    <td>Phong cách</td>
                    <td>5</td>
                    <td>
                        <div class="flex flex-wrap items-center gap-3">
                            <a href="" class="text-primary">Máy Tính Xách Tay,</a>
                            <a href="" class="text-primary">Macbook,</a>
                            <a href="" class="text-primary">Surface,</a>
                            <a href="" class="text-primary">Laptop Acer,</a>
                            <a href="" class="text-primary">Laptop Acer Aspire,</a>
                            <a href="" class="text-primary">Laptop Acer TravelMate,</a>
                            <a href="" class="text-primary">Test,</a>
                        </div>
                    </td>
                    <td>
                        <input type="text" value="0" class="input w-12 input-sm" />
                    </td>
                    <td>
                        <a href="" class="badge badge-success badge-sm badge-soft">Đang hoạt động</a>
                    </td>
                    <td>
                        <div class='list-btn flex items-center gap-3'>
                            <a href="" class='btn btn-soft btn-xs btn-square btn-outline  btn-view'><i
                                    data-lucide="pencil" class='size-3'></i></a>
                            <a href="" class='btn btn-soft btn-xs btn-square '><i data-lucide="eye"
                                    class="size-3"></i></a>
                            <a href="" class='btn btn-soft btn-xs btn-square btn-outline  btn-error'><i
                                    data-lucide="trash-2" class="size-3"></i></a>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

</div>