<div class="askPayment">
	{{ vE.checkoutScanPayment }}
</div>

<div class="container" style="font-family:  'Spartan', sans-serif;
							  padding: 15px;">

	<pre></pre>
	<table style="align-content: center;">
		<tr>
			<td width="10%"></td>
			<td width="80%">
				<div id="checkout-qr"></div>
			</td>
			<td width="10%"></td>
		</tr>
    </table>

	<div style="margin-top: 10px;">
		<table cellspacing="0" 
		       width="100%">
			<tr>
				<td>
					<button mat-raised-button color="primary" (click)="confirm()"><mat-icon>verified_user</mat-icon>
						{{ vE.checkoutAcceptBtn }}
					</button>

				</td>
				<td align="right">
					<button mat-raised-button (click)="close()">
						<mat-icon>close_btn</mat-icon>{{ vE.checkoutCloseBtn }}
					</button>

				</td>
			</tr>
		</table>
	</div>

	<div style="text-align: center;
				margin-top: 10px;
				line-height: 30px;">{{ vE.checkoutCantScan }}<br>
		{{ vE.checkoutUseThis }}<a [href]="zcashUrl">{{ vE.checkoutWalletLink }}</a>{{ vE.checkoutWalletOr }}
		<div style="display: flex;
					justify-content: space-between;">
			<button style="margin-top: 20px;
						   font-weight: 700;
						   background-color: lightgray;"
					mat-raised-button 
					(click)="copyAddress()">{{ vE.checkoutCopyAddress }}</button> 
			<button style="margin-top: 20px;
						   font-weight: 700;
						   background-color: lightgray;"
					mat-raised-button 
					(click)="copyAmount()">{{ vE.checkoutCopyAmount }}</button> 
		</div>		
		<button style="margin-top: 20px;
					   font-weight: 700;
					   background-color: lightgray;"
				mat-raised-button 
				(click)="copyMemo()">{{ vE.checkoutCopyMemo }}</button> 

	</div>

</div>
