95 lines
4.7 KiB
HTML
Executable File
95 lines
4.7 KiB
HTML
Executable File
title = "Seller order detail"
|
|
url = "/seller/order/:id"
|
|
meta_title = "Seller Order"
|
|
layout = "seller-master"
|
|
==
|
|
|
|
|
|
<div class="intro-y flex flex-col sm:flex-row items-center mt-8">
|
|
<h2 class="text-lg font-medium mr-auto">
|
|
{{'order.detail.title'|_}}
|
|
</h2>
|
|
<div class="w-full sm:w-auto flex mt-4 sm:mt-0">
|
|
<!-- <button class="btn btn-primary shadow-md mr-2">Print</button> -->
|
|
|
|
</div>
|
|
</div>
|
|
<!-- BEGIN: Transaction Details -->
|
|
<div class="intro-y grid grid-cols-11 gap-5 mt-5">
|
|
<div class="col-span-12 lg:col-span-4 2xl:col-span-3">
|
|
<div class="box p-5 rounded-md">
|
|
<div class="flex items-center border-b border-slate-200/60 dark:border-darkmode-400 pb-5 mb-5">
|
|
<div class="font-medium text-base truncate">{{'order.detail.title'|_}}</div>
|
|
|
|
</div>
|
|
<div class="flex items-center"> <i data-lucide="clipboard" class="w-4 h-4 text-slate-500 mr-2"></i>
|
|
{{'order.no.title'|_}}: <a href=""
|
|
class="underline decoration-dotted ml-1">INV/20220217/MPL/2053411933</a> </div>
|
|
<div class="flex items-center mt-3"> <i data-lucide="calendar" class="w-4 h-4 text-slate-500 mr-2"></i>
|
|
{{'order.date'|_}} </div>
|
|
<div class="flex items-center mt-3"> <i data-lucide="map-pin" class="w-4 h-4 text-slate-500 mr-2"></i>
|
|
{{'order.address'|_}} <span class="bg-success/20 text-success rounded px-2 ml-1">Completed</span>
|
|
</div>
|
|
<div class="flex items-center border-t border-slate-200/60 dark:border-darkmode-400 pt-5 mt-5 font-medium">
|
|
<i data-lucide="credit-card" class="w-4 h-4 text-slate-500 mr-2"></i> Grand Total:
|
|
<div class="ml-auto">$15,000.00</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-span-12 lg:col-span-7 2xl:col-span-8">
|
|
<div class="box p-5 rounded-md">
|
|
<div class="flex items-center border-b border-slate-200/60 dark:border-darkmode-400 pb-5 mb-5">
|
|
<div class="font-medium text-base truncate">{{'order.items.title'|_}}</div>
|
|
|
|
</div>
|
|
<div class="overflow-auto lg:overflow-visible -mt-3">
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th class="whitespace-nowrap !py-5">{{'product.title'|_}}</th>
|
|
<th class="whitespace-nowrap text-right">{{'product.price.title'|_}}</th>
|
|
<th class="whitespace-nowrap text-right">{{'product.qty'|_}}</th>
|
|
<th class="whitespace-nowrap text-right">{{'product.total'|_}}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="!py-4">
|
|
<div class="flex items-center">
|
|
<div class="w-10 h-10 image-fit zoom-in">
|
|
<img alt="Midone - HTML Admin Template"
|
|
class="rounded-lg border-2 border-white shadow-md tooltip"
|
|
src="dist/images/preview-2.jpg" title="Uploaded at 9 October 2020">
|
|
</div>
|
|
<a href="" class="font-medium whitespace-nowrap ml-4">Nike Tanjun</a>
|
|
</div>
|
|
</td>
|
|
<td class="text-right">$25,000.00</td>
|
|
<td class="text-right">2</td>
|
|
<td class="text-right">$50,000.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="!py-4">
|
|
<div class="flex items-center">
|
|
<div class="w-10 h-10 image-fit zoom-in">
|
|
<img alt="Midone - HTML Admin Template"
|
|
class="rounded-lg border-2 border-white shadow-md tooltip"
|
|
src="dist/images/preview-9.jpg" title="Uploaded at 23 December 2020">
|
|
</div>
|
|
<a href="" class="font-medium whitespace-nowrap ml-4">Nike Tanjun</a>
|
|
</div>
|
|
</td>
|
|
<td class="text-right">$69,000.00</td>
|
|
<td class="text-right">2</td>
|
|
<td class="text-right">$138,000.00</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END: Transaction Details -->
|