admin_hura_8/template/product/addon_add.html

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

    <div class="text-sm breadcrumbs">
        <ul>
            <li><a href="/admin/product/addon">SP/ Dịch vụ bán kèm sản phẩm</a></li>
            <li class="text-active">Form sửa SP/ Dịch vụ bán kèm</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">
                <h1 class="text-xl font-bold">Cập nhật SP/ Dịch vụ bán kèm</h1>
                <a href="/admin/product/attribute-add" class="btn btn-outline btn-sm btn-view">
                    <i data-lucide="plus" class="size-3"></i>
                    <span class="">Thêm dịch vụ mới</span>
                </a>
            </div>
        </div>

        <div class="grid grid-cols-4 gap-5 mt-5">
            <div class="left">
                <div class="list-tab">
                    <a href="/admin/product/addon_add"
                        class="item block w-full text-white bg-[#0041E8] rounded-sm text-base px-3 py-2 font-bold">Nội
                        dung</a>
                </div>
            </div>
            <div class="right col-span-3">
                <div class="bg-white p-3 rounded-sm  shadow">
                    <b class="block text-xl">Thông tin sản phẩm</b>

                    <div class="mt-5">
                        <label for="" class="block font-bold">Tên dịch vụ</label>
                        <input type="text" name="info[warranty]" id="warranty" value="Test"
                            placeholder="Thông tin bảo hành" class="w-full input input-md  rounded-sm shadow mt-3">
                    </div>
                    <div class="mt-5">
                        <label for="" class="block font-bold mb-3">Mô tả</label>
                        <textarea id="product-desc" class="mt-3"> </textarea>
                    </div>

                    <div class="mt-5">
                        <label for="" class="block font-bold">Ghi chú (dành cho
                            quản trị)</label>
                        <input type="text" name="info[warranty]" id="warranty" value="Test"
                            placeholder="Thông tin bảo hành" class="w-full input input-md  rounded-sm shadow mt-3">
                    </div>

                    <div class="grid grid-cols-2 gap-3 mt-5">
                        <div>
                            <label for="" class=" block font-bold">Giá</label>
                            <input type="text" name="" value="0" placeholder="Giá"
                                class="w-full input input-md  rounded-sm shadow mt-3" />
                        </div>
                        <div>
                            <label for="" class=" block font-bold ">Thứ tự hiển
                                thị</label>
                            <input type="text" name="" value="0" placeholder="Giá"
                                class="w-full input input-md  rounded-sm shadow mt-3" />
                        </div>
                    </div>

                    <div class="flex items-center mt-5 gap-5">
                        <b class="">Hiển thị</b>
                        <label class="cursor-pointer flex items-center gap-3">
                            <input type="radio" name="info[status]" value="0" class="radio radio-active radio-sm"
                                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="0" class="radio radio-active radio-sm"
                                checked="checked" />
                            <span class="label-text">Ẩn hiển thị</span>
                        </label>
                    </div>

                </div>
                <div class="bg-white p-3 rounded-sm shadow mt-5">
                    <input type="hidden" name="create" value="yes" />
                    <input name="commit" type="submit" value="Cập nhật" class="btn btn-active" />
                </div>
            </div>
        </div>

    </div>
</div>