admin_hura_8/old/template/order/paygate.html

<div class="bg-white shadow p-3 rounded-sm">
    <p class="text-2xl font-bold mb-3"> Thanh toán qua cổng dịch vụ </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>

    <form method="get" enctype="multipart/form-data" action="/admin/"
        class="flex flex-wrap items-center mt-5 gap-3 shadow p-3 rounded-sm">
        <input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại"
            class="input  shadow" />

        <div class="items-center flex gap-3">
            <p class="whitespace-nowrap"> Từ ngày </p>

            <label for="dob" class="input data-error:input-error w-full">
                <span class="iconify lucide--calendar-1 size-4.5"></span>
                <input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
                    @input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
            </label>
        </div>
        <div class="items-center flex gap-3">
            <p class="whitespace-nowrap"> Đến ngày </p>
            <label for="dob" class="input data-error:input-error w-full">
                <span class="iconify lucide--calendar-1 size-4.5"></span>
                <input id="dob" type="date" placeholder="+84 78965 12335" :value="getData('dob')"
                    @input="updateData('dob', $event.target.value)" :data-error="hasError('dob')" name="dob" />
            </label>
        </div>

        <input type="submit" value="Tìm kiếm" class="btn btn-active">
    </form>

    <div class="flex items-center justify-between mt-5">
        <div class="flex items-center gap-3">
            <p>Tổng số: <b class="">8</b></p>
            <p>Tổng giá trị: <b>800.000 VNĐ</b></p>
        </div>

        <a href="" class="btn btn-outline btn-view">
            <i class="iconify lucide--file-x"></i>
            <span>Tải file excel</span>
        </a>
    </div>

    <div class="w-full sm:whitespace-nowrap overflow-x-auto mt-5 border border-base-200 rounded-sm">
        <table class="table ">
            <thead>
                <tr class="bg-base-200 text-black">
                    <td> STT </td>
                    <td> ID </td>
                    <td> Cổng </td>
                    <td> Thời gian </td>
                    <td> Khách hàng </td>
                    <td> Thanh toán cho </td>
                    <td> Giá trị </td>
                    <td> Trạng thái </td>
                    <td></td>
                </tr>
            </thead>

            <tbody>
                <tr id="row_1">
                    <td> 1 </td>

                    <td> 10 </td>

                    <td> viettelpay </td>

                    <td> 06-11-2022, 11:26 am </td>

                    <td align="left">
                        <p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
                        <p> - Email: sonnq57@yahoo.com.sg </p>
                        <p> - Tel: 0913236989 </p>
                    </td>

                    <td> [order] 123 </td>

                    <td> 100.000 </td>

                    <td>
                        <span class="badge badge-success badge-sm badge-soft">Thành công </span>
                        <!-- <span class="text-[#0041E8] border-[#0041E8] bg-[#F7F5FF] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Chưa xử lý </span>
                        <span class="text-[#E00000] border-[#E00000] bg-[#F9F2F2] rounded-[50px] border inline-block leading-[20px] text-[12px] font-[500] p-[0_8px] m-[0_7px_0px_0]"> Hủy bỏ </span> -->
                    </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>