admin_hura_8/template/product/addon.html

<div class="bg-white shadow p-3 rounded-sm">
    <h1 class="text-2xl font-bold">Danh sách sản phẩm/dịch vụ bán kèm sản phẩm</h1>

    <div class=" flex items-center justify-end gap-3">
        <a href="/admin/product/addon_add" class="btn btn-view btn-sm btn-outline">
            <i data-lucide="circle-plus" class="size-3"></i>
            <span class="">Thêm danh sách mới</span>
        </a>
        <a href="/admin/product/attribute_update" class="btn btn-view btn-sm btn-outline">
            <i data-lucide="file-x" class="size-3"></i>
            <span class="">Cập nhật Excel</span>
        </a>
    </div>

    <div class="overflow-x-auto sm:whitespace-nowrap border border-base-200 rounded-sm mt-5">
        <table class="table">
            <thead>
                <tr class="bg-base-200 font-bold text-black">
                    <th>STT</th>
                    <th>Thông tin</th>
                    <th>Giá</th>
                    <th>Sản phẩm</th>
                    <th>Cập nhật</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>
                        <div class="flex items-center gap-3">
                            <span>[8]</span>
                            <a href="" class="link-active">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
                                (KBKN002)</a>
                        </div>
                        <p>Ghi chú: KM màn hình 27 1</p>
                        <p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
                    </td>
                    <td>3.849.000 vnd</td>
                    <td><a href="" class="btn btn-active btn-sm">Xem
                            SP</a></td>
                    <td class="">
                        <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 btn-outline  btn-view'><i
                                    data-lucide="plus" class='size-3'></i></a>
                            <a href="" class='btn btn-soft btn-xs btn-square'><i data-lucide="eye-off"
                                    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>