admin_hura_8/template/product/brand.html

<div class="bg-white shadow p-3 rounded-sm">
    <h1 class="text-2xl font-bold mb-3">Danh sách thương hiệu</h1>

    <div class="flex items-center justify-between">
        <div>
            <b>Tìm theo chữ cái</b>:
            <a href="?opt=brand&amp;letter=A" class="link-primary">A</a> (13) |
            <a href="?opt=brand&amp;letter=B" class="link-primary">B</a> (2) |
            <a href="?opt=brand&amp;letter=C" class="link-primary">C</a> (5) |
            <a href="?opt=brand&amp;letter=D" class="link-primary">D</a> (3) |
            <a href="?opt=brand&amp;letter=E" class="link-primary">E</a> (3) |
            <a href="?opt=brand&amp;letter=F" class="link-primary">F</a> (1) |
            <a href="?opt=brand&amp;letter=G" class="link-primary">G</a> (4) |
            <a href="?opt=brand&amp;letter=H" class="link-primary">H</a> (4) |
            <a href="?opt=brand&amp;letter=I" class="link-primary">I</a> (5) |
            <a href="?opt=brand&amp;letter=J" class="link-primary">J</a> (2) |
            <a href="?opt=brand&amp;letter=K" class="link-primary">K</a> (2) |
            <a href="?opt=brand&amp;letter=L" class="link-primary">L</a> (4) |
            <a href="?opt=brand&amp;letter=M" class="link-primary">M</a> (3) |
            <a href="?opt=brand&amp;letter=N" class="link-primary">N</a> (4) |
            <a href="?opt=brand&amp;letter=O" class="link-primary">O</a> (1) |
            <a href="?opt=brand&amp;letter=P" class="link-primary">P</a> (5) |
            <a href="?opt=brand&amp;letter=Q" class="link-primary">Q</a> (1) |
            <a href="?opt=brand&amp;letter=S" class="link-primary">S</a> (8) |
            <a href="?opt=brand&amp;letter=T" class="link-primary">T</a> (5) |
            <a href="?opt=brand&amp;letter=V" class="link-primary">V</a> (2) |
            <a href="?opt=brand&amp;letter=W" class="link-primary">W</a> (2) |
            <a href="?opt=brand&amp;letter=X" class="link-primary">X</a> (1) |
            <a href="?opt=brand&amp;letter=Z" class="link-primary">Z</a> (2) |
        </div>
        <a href="/admin/product/brand_add" class="btn btn-sm btn-active">
            <i data-lucide="plus" class="size-4"></i>
            <span class="whitespace-nowrap	">Thêm thương hiệu mới</span>
        </a>
    </div>

    <div class="overflow-x-auto mt-5 border border-base-200 rounded-sm">
        <table class="table mt-[15px]">
            <thead>
                <tr class="bg-base-200 font-bold text-black">
                    <th>STT</th>
                    <th>ID</th>
                    <th>Thương hiệu</th>
                    <th>Lượt xem</th>
                    <th>Logo</th>
                    <th>Số Sản phẩm</th>
                    <th>Cài đặt</th>
                    <th class="w-[150px]">Cập nhật</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>750</td>
                    <td>
                        <b>10MOONS</b>
                        <p class="flex items-center link-active gap-3">
                            <span>Link:</span>
                            <a href="">/brand/10moons</a>
                        </p>
                        <p>Cập nhật cuối: 0000-00-00 00:00:00</p>
                    </td>
                    <td>
                        0
                    </td>
                    <td>
                        <a href="">
                            <img src="{{'brand-1.png'| asset_url }}" alt="">
                        </a>
                    </td>
                    <td>
                        <div class="flex items-center gap-3">
                            <p>1</p>
                            <a href="" class="btn btn-sm btn-active">Xem
                                SP</a>
                        </div>
                    </td>
                    <td>
                        <div class="flex items-center gap-3">
                            <span class="whitespace-nowrap">STT</span>
                            <input type="text" value="0" class="input input-sm w-12" />
                        </div>
                    </td>
                    <td>
                        <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 class='btn btn-soft btn-xs btn-square btn-outline  btn-view' href=''><i
                                    data-lucide="crown" class='size-3'></i></a>
                            <a href="" class='btn btn-soft btn-xs btn-square '><i data-lucide="eye"
                                    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>