admin_hura_8/template/order/bargain.html

<div class="bg-white shadow p-3 rounded-sm">
    <p class="text-2xl font-bold mb-3"> Danh sách mặc cả giá </p>
    <div class="flex flex-wrap gap-3">
        <a href="" class="btn btn-active btn-md">
            Chưa xử lý
        </a>

        <a href="" class="btn btn-md">
            Thành công
        </a>

        <a href="" class="btn btn-md">
            Hủy bỏ
        </a>
    </div>

    <p class="mt-5">
        Tổng số mặc cả giá nhận được: <b> 1.458 </b>
    </p>

    <div class="mt-5 overflow-x-auto whitespace-nowrap border border-base-200 rounded-sm">
        <table class="table table-pin-rows table-pin-cols">
            <thead>
                <tr class="bg-base-200 text-black">
                    <td> STT </td>
                    <td> Thời gian </td>
                    <td> Khách hàng </td>
                    <td> Thông tin sản phẩm </td>
                    <td> Trạng thái </td>
                    <td></td>
                </tr>
            </thead>

            <tbody>
                <tr id="row_1">
                    <td align="center"> 1 </td>
                    <td> 16-11-2023, 9:59 am </td>
                    <td>
                        <p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
                        <p> - Email: sonnq57@yahoo.com.sg </p>
                        <p> - Tel: 0913236989 </p>
                    </td>

                    <td>
                        <p> - Sản phẩm: Tai nghe NICEHCK Traceless có Mic (Type-C) </p>
                        <p> - Giá bán (lúc mặc cả): 258.850.000 </p>
                        <p> - Giá mặc cả: 0 </p>
                        <p> - Nguồn mặc cả: https://hacom.vn/ </p>
                    </td>

                    <td>
                        <div id="status_1" class="flex items-center gap-2">
                            <span class="badge badge-success badge-sm badge-soft">Thành công </span>
                            <span class="badge badge-warning badge-sm badge-soft"> Chưa xử lý </span>
                            <span class="badge badge-error badge-sm badge-soft">Hủy bỏ </span>

                            <a href="javascript:edit_order_status(1)" title="Chỉnh sửa" class=""><i data-lucide="pencil"
                                    class="size-4 text-primary"></i></a>
                        </div>

                        <p class="mt-2"> Lúc 28-02-2015, 12:40 pm </p>
                    </td>

                    <td align="center">
                        <a href="" class="btn btn-soft btn-error btn-xs btn-square" title="Xóa"> <i
                                data-lucide="trash-2" class="size-4 text-red-200"></i></a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="join mt-5 justify-end flex items-center gap-1">
        <a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
            <i data-lucide="chevron-left" class="size-4"></i>
        </a>
        <a href="" class="btn btn-circle btn-sm btn-ghost">1</a>
        <a href="" class="btn btn-circle btn-sm btn-ghost btn-active">2</a>
        <a href="" class="btn btn-circle btn-sm btn-ghost">3</a>
        <a href="" class="btn btn-circle btn-sm btn-ghost">4</a>
        <a href="" class="btn btn-circle btn-sm btn-ghost">5</a>
        <a href="" class="btn btn-ghost btn-circle btn-sm" aria-label="Pagination controls">
            <i data-lucide="chevron-right" class="size-4"></i>
        </a>
    </div>
</div>

<script>
    function edit_order_status(id) {
        $('#status_' + id).html(`
            <select class="min-w-[140px] w-[auto_!important]">
                <option> Trạng thái </option>
                <option value="1"> Đã xử lý </option>
                <option value="0"> Chưa xử lý </option>
                <option value="-1"> Hủy bỏ </option>
            </select> 
        `);
    }
</script>