admin_hura_8/template/customer/customer_contact.html

<div class="m-[15px_0_15px_15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
    <h1 class="text-[24px] font-[700]">Khách hàng liên hệ</h1>

    <form action=""
        class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
        <input type="text" name=""
            class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
            placeholder="Tìm kiếm">
        <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
    </form>


    <div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
        <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-[#0041E8]">liên
                hệ</a> của website</p>
        <select name="" id=""
            class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
            <option value="">Chọn bộ lọc</option>
        </select>
    </div>

    <div class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto">
        <table class="table">
            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                <tr>
                    <th class="w-[50px]">STT</th>
                    <th>Thời gian</th>
                    <th>Khách hàng</th>
                    <th>Thông tin</th>
                    <th class="w-[340px] whitespace-nowrap">Nội dung liên hệ</th>
                    <th class="w-[200px]">Ghi chú</th>
                    <th class="w-[120px]">Trạng thái</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
                    <td>Đức Anh</td>
                    <td class="whitespace-nowrap xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto">
                        <p>- Email: ducanhnguyen199x@gmail.com</p>
                        <p>- Tel: 0976642092</p>
                        <p>- Mobile: 0976642092</p>
                    </td>
                    <td class="xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto table-cell">
                        Trả góp sản phẩm: HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX 2060 6G - Tên: no name - SĐT:
                        0147258369 - Nội dung: fsfdf
                    </td>
                    <td class="xl:w-[200px] md:w-[200px] sm:w-[200px] 2xl:w-auto">
                        <textarea name="" id=""
                            class="w-[100%] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
                        <a href="" class="btn w-[100px] h-[35px] min-h-[35px] rounded-[4px] bg-[#0041E8] text-white">Cập
                            nhật</a>
                    </td>


                    <td class="xl:w-[120px] 2xl:w-auto">
                        <select name="" id=""
                            class="w-[100%] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
                            <option value="">Trạng thái</option>
                        </select>
                        <div class="flex items-center">
                            <a href=""
                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
                                <i class="icons icon-edit"></i>
                            </a>
                            <a href=""
                                class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
                                <i class="icons icon-delete"></i>
                            </a>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>