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">
            Chưa xử lý
        </a>

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

        <a href="" class="btn">
            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-[4px]">
        <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">
                            <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
                                    class="iconify lucide--pencil mt-1 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"> <span
                                class="iconify lucide--trash-2 tw-rla"></span></a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="join mt-5 justify-center flex items-cente r">
        <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
            <span class="iconify lucide--arrow-left"></span>
        </a>
        <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">1</a>
        <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item btn-active">2</a>
        <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">3</a>
        <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">4</a>
        <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item">5</a>
        <a href="" class="btn btn-square btn-sm btn-outline border-base-300 join-item" aria-label="Pagination controls">
            <span class="iconify lucide--arrow-right"></span>
        </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>