admin_hura_8/template/product/collection_add.html

<div class="w-full mb-[50px]">
    <div class="text-sm breadcrumbs">
        <ul>
            <li><a href="/admin/product/collection">Danh sách bộ sưu tập</a></li>
            <li class="text-active">Form thêm/sửa sản phẩm</li>
        </ul>
    </div>
    <div class="w-7xl mx-auto">
        <div class="bg-white p-3 rounded-sm shadow">
            <div class="flex items-center justify-between">
                <h1 class="text-xl font-bold">Cập nhật bộ sưu tập Sản phẩm</h1>
                <div class="flex items-center gap-3">
                    <a href="/admin/product/add_special_category=131" class="btn btn-outline btn-sm btn-view">
                        <i data-lucide="plus" class="size-3"></i>
                        <span class="">Thêm sản phẩm</span>
                    </a>
                    <a href="/admin/product/collection_add" class="btn btn-outline btn-sm btn-view">
                        <i data-lucide="plus" class="size-3"></i>
                        <span class="">Thêm bộ sưu tập</span>
                    </a>
                </div>
            </div>
            <p class="text-gray-500">Flash Sale | Giảm Giá Cực Sốc !</p>
        </div>

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

                    <div class="mt-5">
                        <b class="text-base">Ảnh icon</b>
                        <div id="image-brand" class="mt-5 w-full"></div>
                    </div>

                    <div class="mt-5">
                        <label for="" class="block font-bold text-base">Đặt tên bộ sưu
                            tập</label>
                        <input type="text" name="" value="" placeholder="Tên bộ sưu tập"
                            class="w-full input input-md  rounded-sm shadow mt-3" />
                    </div>

                    <div class="mt-5">
                        <label for="" class="block font-bold text-base">Url Index</label>
                        <input type="text" name="" value="" placeholder="url index"
                            class="input input-md  rounded-sm shadow mt-3" />
                    </div>

                    <div class="mt-5">
                        <label for="" class="block font-bold text-base mb-3">Miêu tả (Nếu
                            có)</label>
                        <textarea id="product-desc" class="mt-3"> </textarea>
                    </div>
                </div>
                <div class="bg-white p-3 rounded-sm shadow mt-5">
                    <b class="text-xl">Dùng cho SEO</b>
                    <div class="mt-5">
                        <label for="" class="block font-bold text-base">Meta Title</label>
                        <input type="text" name="" value="" placeholder="Meta title"
                            class="w-full input input-md  rounded-sm shadow mt-3">
                    </div>
                    <div class="mt-5">
                        <label for="" class="block font-bold text-base">Meta
                            keywords</label>
                        <input type="text" name="" value="" placeholder="Meta keywords"
                            class="w-full input input-md  rounded-sm shadow mt-3">
                    </div>
                    <div class="mt-5">
                        <label for="" class="block font-bold text-base">Meta
                            Description</label>
                        <textarea type="text" name="" value="" placeholder="Meta Description"
                            class="w-full textarea rounded-sm shadow mt-3">
                            </textarea>
                    </div>
                    <div class="mt-5">
                        <label for="" class="block font-bold text-base">Thứ tự xuất hiện
                            <span class="text-[6b7280]">(cao xếp trước)</span></label>
                        <input type="text" name="" value="" placeholder="Thứ tự xuất hiện"
                            class="input input-md  rounded-sm shadow mt-3">
                    </div>
                </div>

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

    </div>
</div>