QL_LoaiSanPham.html

<div class="mainTypeProduct">
    <div class="searchTypePro">
        <input type="text">
        <span> <i class="fa-solid fa-magnifying-glass"></i></span>
    </div>
    <div class="editTypePro">
        <div class="addTypePro">
            THÊM MỚI
        </div>
        <div class="boxAddTypePro">
            <div class="idTypePro">
                <span>Mã loại SP</span>
                <input type="text">
                <small>ví dụ: 123456,...</small>
            </div>
            <div class="nameTypePro">
                <span>Tên loại SP</span>
                <input type="text">
                <small>ví dụ: Tee-Shirt,...</small>
            </div>
            <div class="groupTypePro">
                <span>Nhóm</span>
                <select name="groupTypeProduct" id="">
                    <option value="TOP">TOP</option>
                    <option value="BOT">BOT</option>
                </select>
            </div>
            <button>Lưu</button>
        </div>
    </div>
    <div class="tableTypePro">
        <table>
            <thead>
                <tr>
                    <td>Mã loại</td>
                    <td>Tên loại</td>
                    <td>Nhóm</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>123456</td>
                    <td>Hoodie</td>
                    <td>Top</td>
                </tr>
                <tr>
                    <td>123456</td>
                    <td>Hoodie</td>
                    <td>Top</td>
                </tr>
                <tr>
                    <td>123456</td>
                    <td>Hoodie</td>
                    <td>Top</td>
                </tr>
                <tr>
                    <td>123456</td>
                    <td>Hoodie</td>
                    <td>Top</td>
                </tr>
                <tr>
                    <td>123456</td>
                    <td>Hoodie</td>
                    <td>Top</td>
                </tr>
                <tr>
                    <td>123456</td>
                    <td>Hoodie</td>
                    <td>Top</td>
                </tr>
                <tr>
                    <td>123456</td>
                    <td>Hoodie</td>
                    <td>Top</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>