admin_hura_8/old/template/distributor/home.html

<div class="w-[100%]">
    <div
        class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
        <h1 class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách đại lý </h1>

        <form method="get" enctype="multipart/form-data" action="/admin/"
            class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
            <input type="text" name="q" id="keyword" value="" placeholder=""
                class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
            <input type="submit" value="Tìm kiếm"
                class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
        </form>

        <div class="flex items-center justify-between mb-[15px]">
            <div class="flex items-center">
                <p class="mr-[10px]">Lựa chọn ngôn ngữ</p>
                <select
                    class="min-w-[160px] h-[36px] min-h-[36px] select select-bordered rounded-[4px] mr-[15px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
                    <option value=""> Chọn ngôn ngữ </option>
                    <option value=""> Tiếng việt </option>
                </select>
            </div>

            <div class="flex items-center">
                <a href="/admin/distributor/form"
                    class="block w-[155px] m-[auto_0_auto_auto] items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] font-[500] leading-[35px] group hover:bg-[#0041E8] hover:text-[#fff]">
                    <span
                        class="inline-block border-[1px] border-[#0041E8] h-[14px] w-[14px] leading-[10.5px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
                    <span>Thêm đại lý mới</span>
                </a>

                <a href=""
                    class="ml-[10px] group leading-[35px] border border-[#0041E8] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#0041E8] hover:bg-[#0041E8] hover:text-[#fff]">
                    <i class="fa-solid fa-file-arrow-down text-[#0041E8] group-hover:text-white mr-[5px]"></i>
                    <span>Upload Excel</span>
                </a>
            </div>
        </div>

        <table class="mt-[20px]">
            <thead class="bg-[#f6f6f6] font-bold">
                <tr>
                    <td>STT</td>
                    <td>Đại lý</td>
                    <td>NGười liên hệ</td>
                    <td>Địa chỉ</td>
                    <td>Tỉnh</td>
                    <td>Điện thoại</td>
                    <td>Lựa chọn</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>Nhà Thuốc Hiệp Phát</td>
                    <td>Nguyễn Thị Hiệp</td>
                    <td>Thửa đất số 126, Tờ BĐS 53, KP Phú Lạc, P.Hòa Hiệp Nam, TX Đông Hòa, PY</td>
                    <td>Phú yên</td>
                    <td>0982483346</td>
                    <td>
                        <div class="flex items-center">
                            <a href="" title="Form sản phẩm"
                                class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
                                <i class="icons icon-edit"></i>
                            </a>
                            <a href=""
                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
                                <i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
                            </a>
                            <a href=""
                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
                                <i class="icons icon-remove"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>Nhà Thuốc Hiệp Phát</td>
                    <td>Nguyễn Thị Hiệp</td>
                    <td>Thửa đất số 126, Tờ BĐS 53, KP Phú Lạc, P.Hòa Hiệp Nam, TX Đông Hòa, PY</td>
                    <td>Phú yên</td>
                    <td>0982483346</td>
                    <td>
                        <div class="flex items-center">
                            <a href="" title="Form sản phẩm"
                                class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
                                <i class="icons icon-edit"></i>
                            </a>
                            <a href=""
                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
                                <i class="fa-regular fa-eye-slash text-[#9E9E9E]"></i>
                            </a>
                            <a href=""
                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
                                <i class="icons icon-remove"></i>
                            </a>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>


    </div>
</div>