@TODO: Refactor endpoint and flow/sessions and user/email handlinglegacy
							parent
							
								
									c3ae16aef8
								
							
						
					
					
						commit
						73bb8b63d9
					
				@ -0,0 +1,134 @@
 | 
				
			|||||||
 | 
					<meta charset="UTF-8">
 | 
				
			||||||
 | 
					<meta http-equiv="cache-control" content="no-cache">
 | 
				
			||||||
 | 
					<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
 | 
				
			||||||
 | 
					<style>
 | 
				
			||||||
 | 
						body{ 
 | 
				
			||||||
 | 
								font-family:sans-serif;
 | 
				
			||||||
 | 
								font-size:14px;
 | 
				
			||||||
 | 
								font-weight:lighter;
 | 
				
			||||||
 | 
						}
 | 
				
			||||||
 | 
						.caption {
 | 
				
			||||||
 | 
							font-size:28px; font-weight:lighter ;
 | 
				
			||||||
 | 
							font-family:sans-serif;
 | 
				
			||||||
 | 
							text-transform:capitalize;
 | 
				
			||||||
 | 
							}
 | 
				
			||||||
 | 
						.medium-caption {
 | 
				
			||||||
 | 
							font-size:18px;
 | 
				
			||||||
 | 
							font-weight:lighter;
 | 
				
			||||||
 | 
							font-family:sans-serif ;
 | 
				
			||||||
 | 
							text-transform:capitalize;
 | 
				
			||||||
 | 
						}
 | 
				
			||||||
 | 
						.border-bottom{ border-bottom:1px solid #CAD5E0}
 | 
				
			||||||
 | 
						.left { float:left}
 | 
				
			||||||
 | 
						.small { font-family:verdana; font-size:11px;}
 | 
				
			||||||
 | 
						table { border:1px solid #CAD5E0; 
 | 
				
			||||||
 | 
							border-radius:8px;
 | 
				
			||||||
 | 
							-webkit-border-radius:8px;	
 | 
				
			||||||
 | 
							padding:4px;	
 | 
				
			||||||
 | 
							
 | 
				
			||||||
 | 
							margin:4px;
 | 
				
			||||||
 | 
						}
 | 
				
			||||||
 | 
						.action {
 | 
				
			||||||
 | 
							cursor:pointer;
 | 
				
			||||||
 | 
							padding:4px;
 | 
				
			||||||
 | 
							padding-left:10px;
 | 
				
			||||||
 | 
							padding-right:10px;
 | 
				
			||||||
 | 
							border-radius:4px;
 | 
				
			||||||
 | 
							-webkit-border-radius:4px;
 | 
				
			||||||
 | 
							-moz-border-radius:4px;
 | 
				
			||||||
 | 
							font-weight:bold;
 | 
				
			||||||
 | 
							color:#4682b4;
 | 
				
			||||||
 | 
							border:1px solid #CAD5E0
 | 
				
			||||||
 | 
						}
 | 
				
			||||||
 | 
						.action:hover { background-color:#4682b4; color:white}
 | 
				
			||||||
 | 
						tr {font-family:sans-serif; font-size:14px;}
 | 
				
			||||||
 | 
						td {padding:4px; font-weight:lighter; padding:4px;}
 | 
				
			||||||
 | 
						@media only screen and (min-device-width: 320px){
 | 
				
			||||||
 | 
							table {width:99%}
 | 
				
			||||||
 | 
							body {font-size:12px;}
 | 
				
			||||||
 | 
							tr {font-family:sans-serif; font-size:12px;}
 | 
				
			||||||
 | 
							td {padding:4px; font-weight:lighter}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
						}	
 | 
				
			||||||
 | 
						@media only screen and (min-device-width: 768px){
 | 
				
			||||||
 | 
							body {font-size:12px}
 | 
				
			||||||
 | 
							table {width:60%; margin-left:20%}
 | 
				
			||||||
 | 
						}	
 | 
				
			||||||
 | 
					</style>
 | 
				
			||||||
 | 
					<body>
 | 
				
			||||||
 | 
					<div>
 | 
				
			||||||
 | 
					</div>
 | 
				
			||||||
 | 
					<br>
 | 
				
			||||||
 | 
					<div id="grid">
 | 
				
			||||||
 | 
						<table align="center" style="border-color:transparent">
 | 
				
			||||||
 | 
							<tr>
 | 
				
			||||||
 | 
								<td style="width:50%">
 | 
				
			||||||
 | 
									<div align="left" class="default"> 
 | 
				
			||||||
 | 
										<img src="/static/img/logo-0.png" style="width:48px; margin:4px" class="left" style="margin:4px"> 
 | 
				
			||||||
 | 
										<div style="padding:8px">The Phi Technology
 | 
				
			||||||
 | 
											<div class="small" style="text-transform:capitalize">{{ app_name }}</div>
 | 
				
			||||||
 | 
										</div>
 | 
				
			||||||
 | 
										</div>
 | 
				
			||||||
 | 
									
 | 
				
			||||||
 | 
									
 | 
				
			||||||
 | 
								</td>
 | 
				
			||||||
 | 
								<td class="small" valign="middle">
 | 
				
			||||||
 | 
									
 | 
				
			||||||
 | 
									<div>Call : 615-866-0454</div>
 | 
				
			||||||
 | 
									<div>Email: support@the-phi.com</div>
 | 
				
			||||||
 | 
								</td>
 | 
				
			||||||
 | 
							</tr>
 | 
				
			||||||
 | 
						</table>
 | 
				
			||||||
 | 
						<table align="center" class="border-top" style="background-image:url(https://az616578.vo.msecnd.net/files/responsive/cover/main/desktop/2016/05/09/635983505329496433385654456_concert-audience.jpg)">
 | 
				
			||||||
 | 
							<tr >
 | 
				
			||||||
 | 
								<td colspan="{{ plans|length}}" align="center" class="border-bottom">
 | 
				
			||||||
 | 
									<div class="caption">{{app_name.replace('-',' ') }}</div>
 | 
				
			||||||
 | 
									<div class="small">Available Plans, Charges will apply after trial period</div>
 | 
				
			||||||
 | 
								</td>
 | 
				
			||||||
 | 
							</tr>
 | 
				
			||||||
 | 
							<tr class="default">
 | 
				
			||||||
 | 
								{% for item in plans%}
 | 
				
			||||||
 | 
								{% if loop.index0 > 0 %}
 | 
				
			||||||
 | 
									<td align="center" style="border-left:1px solid #CAD5E0">
 | 
				
			||||||
 | 
								{% else %}
 | 
				
			||||||
 | 
									<td align="center"> 
 | 
				
			||||||
 | 
								{% endif %}
 | 
				
			||||||
 | 
								
 | 
				
			||||||
 | 
									<div class="medium-caption">{{ item.name.replace('-',' ') }}</div>
 | 
				
			||||||
 | 
									<div>{{ item.metadata.info}}</div>
 | 
				
			||||||
 | 
									{% if item.amount > 0%}
 | 
				
			||||||
 | 
										<div class="caption">{{ item.amount/100 }}</div>
 | 
				
			||||||
 | 
										<div class="small"> {{item.currency.upper() }}/{{ item.interval }}
 | 
				
			||||||
 | 
											{% if item.trial_period_days %}
 | 
				
			||||||
 | 
												& {{ item.trial_period_days }} days of trial
 | 
				
			||||||
 | 
											{% endif %}
 | 
				
			||||||
 | 
										</div>
 | 
				
			||||||
 | 
										<br>
 | 
				
			||||||
 | 
										<div>
 | 
				
			||||||
 | 
											<form action="/pay/{{app_name|safe}}" method="POST">
 | 
				
			||||||
 | 
												<script
 | 
				
			||||||
 | 
												src="https://checkout.stripe.com/checkout.js" class="stripe-button"
 | 
				
			||||||
 | 
												data-key="{{apikey|safe}}"
 | 
				
			||||||
 | 
												data-email="{{uid|safe}}"
 | 
				
			||||||
 | 
												data-amount={{item.amount|safe}}
 | 
				
			||||||
 | 
												data-name="The Phi Technology LLC"
 | 
				
			||||||
 | 
												data-description=""
 | 
				
			||||||
 | 
												
 | 
				
			||||||
 | 
												data-image="https://s3.amazonaws.com/stripe-uploads/acct_15kiA1EUWsmgY81Amerchant-icon-1443577505909-the-phi-logo.png"
 | 
				
			||||||
 | 
												data-locale="auto">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
												</script>
 | 
				
			||||||
 | 
											</form>
 | 
				
			||||||
 | 
										</div>
 | 
				
			||||||
 | 
									{% else %}
 | 
				
			||||||
 | 
										<div class="caption">Free</div>
 | 
				
			||||||
 | 
									{% endif %}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
								</td>
 | 
				
			||||||
 | 
								{% endfor %}
 | 
				
			||||||
 | 
							</tr>
 | 
				
			||||||
 | 
						</table>
 | 
				
			||||||
 | 
						<br>
 | 
				
			||||||
 | 
						
 | 
				
			||||||
 | 
					</div>
 | 
				
			||||||
 | 
					</body>
 | 
				
			||||||
					Loading…
					
					
				
		Reference in new issue