This commit is contained in:
2025-02-13 15:45:32 +07:00
parent 1315df5ebb
commit e60866c99f
30 changed files with 816 additions and 948 deletions

View File

@@ -18,39 +18,43 @@
<input type="hidden" name="fullfillment" id="js-fullfillment" value="">
<div
class="flex items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<input type="text" name="orderCode" value="" placeholder="Mã đơn hàng"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px_0_0] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
class="flex flex-wrap items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
<div class="flex items-center mb-[10px]">
<input type="text" name="orderCode" value="" placeholder="Mã đơn hàng"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px_0_0] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<span class="whitespace-nowrap">hoặc</span>
<span class="whitespace-nowrap">hoặc</span>
<input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
<div date-rangepicker class="flex items-center" datepicker-format="dd/mm/yyyy" datepicker-buttons
datepicker-autoselect-today>
<div class="relative">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
</div>
<input name="start-time" type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Từ ngày">
</div>
<div class="relative ml-[15px]">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
</div>
<input name="end-time" type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Đến ngày">
</div>
<input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
class="w-[375px] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
</div>
<input type="submit" value="Tìm kiếm"
class="bg-[#0041E8] rounded-[4px] text-[#fff] font-[500] h-[36px] p-[0_10px] cursor-pointer ml-[15px]">
<div class="flex items-center mb-[10px]">
<div date-rangepicker class="flex items-center" datepicker-format="dd/mm/yyyy" datepicker-buttons
datepicker-autoselect-today>
<div class="relative">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
</div>
<input name="start-time" type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Từ ngày">
</div>
<div class="relative ml-[15px]">
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
<i
class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute top-[4px] left-[10px] leading-[35px]"></i>
</div>
<input name="end-time" type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-[130px] ps-[30px] p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
placeholder="Đến ngày">
</div>
</div>
<input type="submit" value="Tìm kiếm"
class="bg-[#0041E8] rounded-[4px] text-[#fff] font-[500] h-[36px] p-[0_10px] cursor-pointer ml-[15px]">
</div>
</div>
</form>