<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Invoice</title>
	<link rel="stylesheet" href="{{ info.url }}public/css/inv-pdf.css" type="text/css">
</head>
<body>
	<div class="inv-template">
		<div class="company pl-30 pr-30">
			<table>
				<tbody>
					<tr>
						<td class="info">
							<div class="logo"><img src="{{ info.url~info.logo }}" alt="logo"></div>
							<div class="name">{{ info.legal_name }}</div>
							<div class="text">{{ info.address|join(', ') }}</div>
						</td>
						<td class="text-right"></td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="meta pl-30 pr-30">
			<table>
				<tbody>
					<tr>
						<td class="bill-to v-aling-bottom">
							<div class="title">{{ result.firstname~result.lastname }}</div>
							<div class="text">{{ result.email }}</div>
							<div class="text">{{ result.mobile }}</div>
						</td>
						<td class="info v-aling-bottom">
							<table class="text-right">
								<tbody>
									<tr>
										<td>Salary Grades</td>
										<td>{{ result.salarytemplate.grade }}</td>
									</tr>
									<tr>
										<td>Basic Salary</td>
										<td>{{ info.currency_abbr~result.salarytemplate.basic_salary }}</td>
									</tr>
									<tr>
										<td>Month</td>
										<td>{{ result.month_year|date(info.date_my_format) }}</td>
									</tr>
									<tr>
										<td>Date</td>
										<td>{{ result.date_of_joining|date(info.date_format) }}</td>
									</tr>
									<tr>
										<td>Payment Method</td>
										<td>{{ result.payment_method }}</td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="item pl-30 pr-30">
			<div style="display: inline-block; vertical-align: top; width: 48%; margin-right: 3%">
				<table>
					<thead>
						<tr>
							<th colspan="2">Allowances</th>
						</tr>
					</thead>
					<tbody>
						{% for value in result.salarytemplate.allowance %}
							<tr>
								<td>{{ value.label }}</td>
								<td>{{ info.currency_abbr~value.value }}</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
			<div style="display: inline-block; vertical-align: top; width: 48%;">
				<table>
					<thead>
						<tr>
							<th colspan="2">Deductions</th>
						</tr>
					</thead>
					<tbody>
						{% for value in result.salarytemplate.deduction %}
							<tr>
								<td>{{ value.label }}</td>
								<td>{{ info.currency_abbr~value.value }}</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
		<div class="item pl-30 pr-30">
			<div style="display: inline-block; vertical-align: top; width: 29%;">
			</div>
			<div style="display: inline-block; vertical-align: top; width: 70%">
				<table>
					<thead>
						<tr>
							<th colspan="2">Total Salary Details</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Gross Salary</td>
							<td>{{ info.currency_abbr~result.salarytemplate.gross_salary }}</td>
						</tr>
						<tr>
							<td>Total Deduction</td>
							<td>{{ info.currency_abbr~result.salarytemplate.total_deduction }}</td>
						</tr>
						<tr>
							<td>Net Salary</td>
							<td>{{ info.currency_abbr~result.salarytemplate.net_salary }}</td>
						</tr>
						<tr>
							<td>Advance</td>
							<td>{{ info.currency_abbr~result.advance }}</td>
						</tr>
						<tr>
							<td>Deduction</td>
							<td>{{ info.currency_abbr~result.deduction }}</td>
						</tr>
						<tr>
							<td class="text-dark font-500">Payment Amount</td>
							<td class="text-primary">{{ info.currency_abbr~result.amount }}</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</body>
</html>