-
Notifications
You must be signed in to change notification settings - Fork 0
/
rental_note.html
290 lines (255 loc) · 15.2 KB
/
rental_note.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.17/tailwind.min.css"
integrity="sha512-yXagpXH0ulYCN8G/Wl7GK+XIpdnkh5fGHM5rOzG8Kb9Is5Ua8nZWRx5/RaKypcbSHc56mQe0GBG0HQIGTmd8bw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
body {
padding: 10mm;
}
</style>
</head>
<body>
<!--
Invoice template.
Styled using Tailwind CSS.
Head to the CSS tab to learn more.
-->
<div class="flex flex-row items-center justify-between ">
<div>
<img src="https://www.k-gold.shop/wp-content/uploads/2020/11/Picture-1.png">
</div>
<div class="w-2/5">
<dl class="flex flex-wrap justify-between">
<dd class="w-9/12">A: Office 4B, 7/F, Koon Fook Centre, No. 9 Knutsford Terrace,Tsim Sha Tsui</dd>
<dd class="w-9/12">T: +852 67231170</dd>
<dd class="w-9/12">W: www.K-gold.shop</dd>
<dd class="w-9/12">E: [email protected]</dd>
</div>
<div class="w-2/5">
<h1 class="font-bold mb-2 text-2xl">{% if credit %}Credit{% else %}Rental Note{% endif %}</h1>
<dl class="flex flex-wrap justify-between">
<dt class="pr-2 w-3/12">Number:</dt>
<dd class="w-9/12">{{order.field_invoiceno}}</dd>
<dt class="pr-2 w-3/12">Date:</dt>
<dd class="w-9/12">{{order.date}}</dd>
<dt class="pr-2 w-3/12">Staff No.:</dt>
<dd class="w-9/12">{{order.field_staffno}}</dd>
</dl>
</div>
</div>
<div class="items-center flex justify-between">
<dl class="flex flex-wrap justify-between ">
<dt class="w-3/12">Customer Name:</dt>
<dd class="w-9/12">{{order.field_client}}</dd>
<dt class="w-3/12">Customer number:</dt>
<dd class="w-9/12">{{order.field_clientno}}</dd>
<dt class="w-3/12">Contact No.:</dt>
<dd class="w-9/12">{{order.field_mobile}}</dd>
<dt class="w-3/12">Rent Start Date:</dt>
<dd class="w-9/12">{{order.field_rentfrom}}</dd>
<dt class="w-3/12">Rent End Date:</dt>
<dd class="w-9/12">{{order.field_rentto}}</dd>
<dt class="w-3/12">Identification Document:</dt>
<dd class="w-9/12">{{order.field_iddoc}}</dd>
</dl>
</div>
<table class="border-collapse numeric-tabular table table-auto w-full">
<thead>
<tr class="bg-kgold">
<th class="font-normal text-left">Item</th>
<th class="font-normal text-left">Product Code</th>
<th class="font-normal text-left">Inventory Code</th>
<th class="font-normal text-left">Metal</th>
<th class="font-normal text-left">Description</th>
<th class="font-normal text-right">Weight(g)</th>
<th class="font-normal text-right">Weight(Tael)</th>
</tr>
</thead>
<tbody>
{% for product in order.row %}
<!--<tr class="{% cycle "bg-white", "bg-blue-100" %}">-->
<tr class="bg-white">
<td class="text-left">{{product.index}}</td>
<td class="text-left">{{product.productId}}</td>
<td class="text-left">{{product.invId}}</td>
<td class="text-left">{{product.metal}}</td>
<td class="text-left">{{product.desc}}</td>
<td class="text-right">{{product.weight | format: '%g'}}</td>
<td class="text-right">{{product.weight | divided_by: 37.429 | round: 3 | format: '%.3f'}}</td>
</tr>
{% endfor %}
<!-- Adding empty row to always have a minimum of 12 product rows -->
{% for n in (products.size..8) %}
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
{% endfor %}
</tbody>
</table>
<table class="border-collapse mb-2 numeric-tabular table table-auto w-full">
<thead>
<!--<tr class="bg-blue-600 text-white">-->
<tr class="bg-kgold">
<th class="font-normal text-left">Payment Type</th>
<th class="font-normal text-left">Gold Sell Price</th>
<th class="font-normal text-left">Total Tael</th>
<th class="font-normal text-right">Discount %</th>
<th class="font-normal text-right">Discount Flat</th>
<th class="font-normal text-left">Total (HKD)</th>
</tr>
</thead>
<tbody>
<td class="text-left">{{order.field_paymenttype}}</td>
<td class="text-right">{{order.field_goldprice}}</td>
<td class="text-right">{{order.field_totaltael}}</td>
<td class="text-right">{{order.field_discount_percentage}}</td>
<td class="text-right">{{order.field_discount}}</td>
<td class="text-right">{{order.total | money: 'en'}}</td>
<tbody>
</table>
<div class="flex mb-2">
<dl class="bg-white flex flex-wrap leading-snug ml-auto numeric-tabular py-2 w-2/5">
<dt class="block m-0 p-0 pl-4 w-3/5">Deposit Total </dt>
<dd class="block m-0 p-0 pr-4 text-right w-2/5">{{order.total | money: 'en'}}</dd>
{% if deposit > 0 %}
<dt class="block m-0 p-0 pl-4 w-3/5">Deposit</dt>
<dd class="block m-0 p-0 pr-4 text-right w-2/5">{{order.total | money: 'en'}}</dd>
{% endif %}
</dl>
</div>
<hr>
<p class="mt-4 text-left small-text">
I, hereby, has checked and agreed the above item(s) is/are in its/their best condition(s) before it/they rent out.
<br>
本人在提取租賃物品時已經檢查並同意上列物品處於其最佳狀態。
</p>
<table>
<tr>
<td> <br><br></td>
</tr>
<tr>
<td>Customer Name:<br>
客戶姓名</td>
<td>___________________</td>
<td> </td>
<td>Customer Signature:<br>
客戶簽署</td>
<td>___________________</td>
</tr>
</table>
<p class="mt-4 text-left small-text">
The customer confirm their agreement to and acceptance of the terms and conditions of this agreement stated herein
and printed overleaf. <br>
客戶現確認同意及接受本頁列明及其背面列明之條款及細則。 <br><br>
Terms & Conditions 條款及細則 <br>
1. The deposit is payable in advance and will be refunded after the rental item(s) is/are returned. <br>
押金需提前支付,並將在退還租賃物品後退還。 <br>
2. The customer should provide HK identification document, proof of address and other related documents in order to
enjoy 70% off of deposit. <br>
客戶須提供香港身份證、香港住址證明及其他相關文件,以享受押金三折優惠。 <br>
3. The customer is not required to compensate for any damage to the gold ornament(s) that is/are not marked with
(*). In case there is/are missing part(s), Kallisti will only charge the weight of the missing part(s) according to
the gold selling price. The damage will be charged or deducted from the deposit. Kallisti has the right to charge
the customer for other expenses derived therefrom. The acceptable range of weight error is within 0.1g. <br>
客戶無須就金飾的任何損壞作出賠償。如遇部件遺失,千金會對應歸還金飾當天的賣出金價,只以遺失部份重量計算,向客戶收取或從押金中扣除損壞賠款,千金有權向客戶收取其他因此而衍生的費用。重量誤差的可接受範圍在0.1克以內。<br>
4. The customer should return the rental item(s) on the last day of the rental date. If the customer would like to
extend the rental period, please contact us. The daily extension required after the rental period will be calculated
based on the average amount of days in the original rental period. <br>
客戶應在租賃期的最後一天歸還租賃物品。如果客戶想延長租賃期,請與我們聯繫。租賃期後所需的每日延期將根據原本租賃期的天數作平均金額計算。<br>
5. If the customer authorises a third party to collect the rental item(s), then the customer agrees that the
collector's signature shall constitute evidence of fulfilment of his/her order, as well as the passing of risk.
Kallisti will request a copy of the identification of the collector. <br>
如果客戶授權第三方提取租賃物品,則客戶同意提取人的簽名應構成其訂單已獲履行以及成為風險轉移的證據。 千金將要求提取人提供身份證明的副本。<br>
6. If the tropical cyclone signal No. 8 or above or the black rainstorm warning signal is effective the whole day or
part of the day of the item(s) pick-up day, the customer can choose to reture the item(s) at the original day or the
day after the signal is off without any additional charge. Except for the above reasons, all pre-ordered items
cannot be rescheduled. <br>
如8號或更高級別的熱帶氣旋信號或黑色暴雨警告信號在物品提取當日的全天或部份時間生效,客戶可選擇繼續在原定日期或在訊號除下的翌日歸還金飾,對此不會有額外收費。除以上原因,所有已預訂的物品均不予改期。 <br>
7. If we fails to contact the customer 7 days after the date the customer should return the rental item(s), Kallisti
will collect all deposits and/or pursue damages through legal channels. <br>
若千金在客戶應歸還所租借物品日期後7天仍未能與客戶聯絡,千金將會收取所有押金及/或從法律途徑追究賠償。<br>
<br>
Personal Information Collection Statement <br>
We are committed to protect your personal data (the “Data”). This Personal Information Collection Statement is to
notify you of certain matter on or before collecting Data from you in compliance with the Personal Data (Privacy)
Ordinance of the Hong Kong SAR. We limit the collection and use of the Data to the specific information we need to
administer our business and provide highest quality services to you.<br>
We may use the Data for one or more of the following purposes:<br>
1. for provisions of goods, facilities or services provided by us;<br>
2. for statistics, communication, marketing, promotional, customer relationship management, public relations and/or
direct marketing purposes;<br>
3. for application, creation, operation and administration of accounts and records for customers, members or
users;<br>
4. to handle comments, enquiries and complaints;<br>
5. to process billing and payment;<br>
6. for identification and verification purposes; <br>
7. any other purposes as specified in a personal information collection statement when your Data is being collected
or any other purposes which you may from time to time agree.<br>
We may share and/or transfer the Data with our third party service providers, agents and contractors for the above
purposes for us. We may also disclose the Data when required by law or court order, or as requested by any
government or law enforcement authorities, or in good faith that disclosure is necessary or advisable to protect the
rights or properties of us or other persons.<br>
We intend to use the Data for direct marketing purposes in relation to the goods and services. However, we may not
do so unless we have received your consent for that purpose. In this connection, we may use the following Data:<br>
(a) name and contact details; <br>
(b) products and services portfolio information; and<br>
(c) demographic information. <br>
<br>
The provision of the Data is voluntary. However, if you elect not to provide the Data to us, we may not be able to
supply you with the relevant information or services or to process your request. <br>
<br>
Consent will be sought from you for such use of the Data in direct marketing as described above. Please indicate
your agreement or objection to such use of the Data in direct marketing as described above before providing the Data
to us. You may also subsequently write to us by email to [email protected] to opt-out from direct marketing or any
other purposes above at any time.<br>
<br>
The person to whom requests for access to Data or correction of Data or for information regarding our Privacy Policy
should be addressed to our Data Officer at:<br>
<br>
Office 4B, 7/B, Koon Fook Centre, No.9 Knutsford Terrace, Tsim Sha Tsui, Kowloon<br>
<br>
In case of any discrepancy between the English and Chinese versions, the English version shall prevail. <br>
<br>
個人資料收集聲明 <br>
我們致力保護你的個人資料(“個人資料”)。此個人資料收集聲明是依從香港特別行政區之《個人資料(私隱)條例》之要求,於向你收集個人資料時或之前通知你若干事項。我們所收集及使用的個人資料只限用於我們業務所需及向你提供最高服務質素的範圍內。<br>
<br>
我們可使用個人資料於下列一項或多項的用途:<br>
1. 由我們所提供的貨品、設施及/或服務;<br>
2. 資料統計、通訊、市場營銷、推廣、客戶關係管理、公共關係及/或直接促銷;<br>
3. 客戶、會員或使用者帳戶及記錄的申請、成立、運作及行政管理;<br>
4. 處理意見、查詢及投訴;<br>
5. 處理帳單及付款;<br>
6. 識別及核實身份;<br>
7. 載於收集你的個人資料時所提供的個人資料收集聲明中的任何其他目的,或你可能不時同意的任何其他目的。<br>
我們可能提供及/或分享個人資料予我們的第三方服務供應商、代理及承包商為我們作上述用途。我們亦可能基於以下情況透露個人資料:法律所需,法庭命令,政府或執法機構所需或懇切相信因保障我們或其他人仕的權利或資產而有必要或被建議透露個人資料。<br>
我們擬使用個人資料以直接促銷指定產品及服務,但我們在未得到你的同意之前,不可如此使用個人資料。就此,我們可能使用以下個人資料:<br>
(a) 名稱及聯絡資料;<br>
(b) 產品及服務資訊;及<br>
(c) 統計資料。 <br>
<br>
個人資料的提供完全是自願性質。然而,如你選擇不向我們提供個人資料,則我們可能無法為你提供有關的資訊或服務,或處理你的要求。<br>
我們會徵求你的同意使用個人資料作上述直接促銷用途。請你於提供個人資料前,表示你同意或反對我們如此使用個人資料作上述直接促銷用途。你亦可於之後的任何時候電郵至[email protected],要求我們停止使用個人資料作直接促銷用途或上述任何其他用途。<br>
如要提出查閱或更正個人資料的要求,或查詢有關我們私隱政策,可向我們的個人資料主任提出:<br>
<br>
九龍尖沙咀諾士佛臺9號冠福中心7樓4B室<br>
中英文本如有歧異,一概以英文本為準。 <br>
</p>
</body>
</html>