admin_hura_8/template/marketing/coupon.html

<div class="marketing-coupon-page bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
    <p class="leading-[30px] mb-[13px] font-[600] text-[24px]"> Coupon khuyến mại </p>

    <div class="flex justify-between items-start m-[13px_0]">
        <p class="max-w-[1024px]">Danh sách phiếu giảm giá/ quà tặng dùng cho khách hàng khi đặt mua hàng từ website. Trước khi gửi đơn hàng, nếu khách hàng có mã số phiếu còn hiệu lực thì sẽ nhập vào đơn hàng để nhận được ưu đãi ghi trên phiếu</p>

        <a href="/admin/marketing/coupon-add" class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]" >
            <span class="border-[1px] border-[#0041E8] h-[13px] w-[13px]  leading-[10px] text-center rounded-[50%] mr-1">+</span>
            <span>Thêm phiếu mới</span>
        </a>
    </div>
    
    <div class="order-page-table">
        <table>
            <thead>
                <tr>
                    <td width="50"> STT </td>
                    <td> Mã số </td>
                    <td> Khuyến mại </td>
                    <td> Phân loại </td>
                    <td> Thời gian </td>
                    <td> Trạng thái </td>
                    <td> Thông tin khác </td>
                    <td> Lựa chọn </td>
                </tr>
            </thead>

            <tbody>
                <tr>
                    <td align="center"> 1 </td>

                    <td class="whitespace-nowrap"> CP231020233 </td>

                    <td>
                        <p class="font-bold"> Test phiếu giảm giá </p>
                        <div> Test phiếu giảm giá </div>
                    </td>

                    <td>
                        <p class="font-bold"> Tặng sản phẩm </p>
                        <p> Balo thời trang </p>
                    </td>

                    <td>

                        <div style="display: block;">
                            <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p>

                            <span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> 
                                Đã chạy 
                            </span>
                        </div>

                        <div>
                            <p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p>

                            <span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
                                Đã dừng 
                            </span>
                        </div>                        
                    </td>
                    
                    <td>
                        <p> 0 đã dùng </p>
                        <p> Tổng số: 20 </p>
                    </td>
                    
                    <td>
                        <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
                        <p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
                        <p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p>
                    </td>

                    <td>
                        <div class="items-center" style="display: flex;">
                            <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>

                            <!-- <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->
                            
                            <a href="javascript:setStatus('8','on')" title="Cho Hiển thị" class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"> </a>

                            <a href="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a>
                        </div>
                    </td>
                </tr>

                <tr> <td align="center"> 2 </td><td class="whitespace-nowrap"> CP231020233 </td><td> <p class="font-bold"> Test phiếu giảm giá </p><div> Test phiếu giảm giá </div></td><td> <p class="font-bold"> Tặng sản phẩm </p><p> Balo thời trang </p></td><td> <div style="display: block;"> <p class="inline-block m-[0_6px_6px_0]"> - Bắt đầu: 23-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]"> Đã chạy </span> </div><div> <p class="inline-block m-[0_6px_6px_0]"> - Kết thúc: 28-10-2023, 12:00 am </p><span class="inline-block m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]"> Đã dừng </span> </div></td><td> <p> 0 đã dùng </p><p> Tổng số: 20 </p></td><td> <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p><p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p><p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p></td><td> <div class="items-center" style="display: flex;"> <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:setStatus('8','off')" title="Hạ xuống" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> <a href="javascript:delete_coupon('8')" class="icons icon-delete" title="Xóa"></a> </div></td></tr>
            </tbody>
        </table>
    </div>
</div>