admin_hura_8/template/product/spec_group_add.html

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

    <div class="text-sm breadcrumbs">
        <ul>
            <li><a href="/admin/product/spec-group">Nhóm thông số kỹ thuật</a></li>
            <li><a href="/admin/product/spec-group-info">Thông tin nhóm thông số kỹ thuật</a></li>
            <li class="text-active">Form thông số kỹ thuật</li>
        </ul>
    </div>

    <div class="w-7xl mx-auto">
        <div class="bg-white p-3 rounded-sm shadow mt-5">
            <div>
                <h1 class="text-xl font-bold">Cập nhật thông số kỹ thuật</h1>
                <span class="text-gray-500">Thông tin chung</span>
            </div>
        </div>
        <div class="grid grid-cols-4 mt-5 gap-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 mt-5">
                        <label class="font-bold text-base">Header</label>
                        <input type="text" size="60" name="info[title]" id="title" value="{{page.item_info.title}}"
                            placeholder="Thông tin chung" class="w-full input rounded-sm shadow mt-3" />
                    </div>

                    <div class="form-control mt-5">
                        <label class="font-bold text-base">Tên thông số (*)</label>
                        <input type="text" size="60" name="" placeholder="Hãng sản xuất"
                            class="w-full input rounded-sm shadow mt-3" />
                    </div>

                    <div class="form-control mt-5">
                        <label class="font-bold text-base">Diễn dải</label>
                        <textarea type="text" size="60" name="" placeholder="Diễn dải"
                            class="w-full textarea rounded-sm shadow mt-3"></textarea>
                    </div>

                    <div class="form-control mt-5 flex items-center gap-3">
                        <label class="font-bold text-base">Thứ tự hiển thị</label>
                        <input type="text" size="60" name="" placeholder="Thứ tự hiển thị"
                            class="w-[30%] input rounded-sm shadow" />
                    </div>

                    <div class="mt-5 flex items-center gap-5">
                        <label class="font-bold text-base">Bắt buộc nhập cho sp</label>
                        <div class="flex items-center gap-3">
                            <label class="check-form cursor-pointer flex items-center gap-2">
                                <input type="radio" class="radio radio-active radio-sm" name="info[scope]" value="0"
                                    checked="">
                                <div for="" class="label-text text-[#6B7280]">Bắt buộc</div>
                            </label>
                            <label class="check-form cursor-pointer flex items-center gap-2">
                                <input type="radio" class="radio radio-active radio-sm" name="info[scope]" value="1">
                                <div for="" class="label-text text-[#6B7280]">Không bắt buộc</div>
                            </label>
                        </div>
                    </div>

                </div>
                <div class="bg-white p-3 shadow rounded-sm 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>