<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Receipt</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #1a1a1a;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.receipt {
width: 300px;
background-color: #fff;
padding: 20px;
border: 1px solid #ccc;
direction: rtl;
font-size: 12px;
}
.header {
text-align: center;
margin-bottom: 10px;
}
.header img {
max-width: 100px;
}
.table {
width: 100%;
border-collapse: collapse;
margin-bottom: 10px;
}
.table td {
border: 1px solid #000;
padding: 5px;
text-align: right;
}
.total-row {
font-weight: bold;
}
.barcode {
text-align: center;
font-family: 'Courier New', Courier, monospace;
}
.footer {
text-align: center;
margin-top: 10px;
}
.arabic {
font-family: 'Arial', 'Tahoma', sans-serif;
}
</style>
</head>
<body>
<div class="receipt">
<div class="header">
<img src="path/to/your/logo.png" alt="Gold & Jewelry Sam Taf Branch Logo">
<p class="arabic">الفرع الطائف - ذهب ومجوهرات سام</p>
<p>Saudi Arabia - King Fahd Road - Royal Mall - Gate (1) - Color Markets</p>
</div>
<table class="table">
<tr>
<td>5950</td>
<td>5173</td>
<td>2000</td>
<td>304</td>
<td>2655</td>
<td class="arabic">رقم الفاتورة</td>
<td>13/08/360 1/1</td>
</tr>
<tr>
<td>776.002</td>
<td>0.915</td>
<td>327</td>
<td>344</td>
<td>342.029</td>
<td class="arabic">الصافي</td>
<td>001240</td>
</tr>
<tr>
<td colspan="6" class="arabic">الوزن</td>
<td>6.100</td>
</tr>
<tr>
<td colspan="6" class="arabic">الخصم</td>
<td>0.900</td>
</tr>
<tr>
<td colspan="6" class="arabic">القيمة</td>
<td>7.700</td>
</tr>
<tr>
<td colspan="6" class="arabic">الاجمالي</td>
<td>7.500</td>
</tr>
<tr class="total-row">
<td colspan="6" class="arabic">المبلغ الاجمالي</td>
<td>18</td>
</tr>
<tr>
<td colspan="6" class="arabic">الضريبة</td>
<td>18</td>
</tr>
<tr>
<td colspan="6" class="arabic">بعد الضريبة</td>
<td>18</td>
</tr>
<tr>
<td colspan="6" class="arabic">المدفوع</td>
<td>2</td>
</tr>
<tr>
<td colspan="6" class="arabic">المتبقي</td>
<td>1</td>
</tr>
<tr>
<td colspan="6" class="arabic">تم الدفع بواسطة</td>
<td>1</td>
</tr>
</table>
<div class="barcode">
INVOICE: 0000000000000000
</div>
<div class="footer">
<p class="arabic">شكرا لزيارتكم - Gold & Jewelry Sam Taf Branch</p>
</div>
</div>
</body>
</html>