[Stripe] 変数を使ってクレジットカード処理のフォームを書く

商品名、商品詳細、商品価格、購入者のemailアドレスを変数と持ちます。

フォーム画面

$name = "チョコレートset";
$description = "甘さが絶妙なカカオチョコレートセット";
$price = "100";
$email = "test@gmail.com";
?>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		.stripe-button-el {
			width: 350px;
			max-width: 100%;
		}
		.stripe-button-el span {
			font-size: 18px;
			padding: 15px;
		}
		.bank-btn {
			    padding: 0 12px;
			    height: 30px;
			    line-height: 30px;
			    background: #1275ff;
			    background-image: linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
			    font-size: 14px;
			    color: #fff;
			    font-weight: bold;
			    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
			    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
			    border-radius: 4px;
			    width: 350px;
				max-width: 100%;
				padding-bottom:20px;
		}

	</style>
</head>
<body>
	<img src="img/choco.jpg" width="300px" height="200px"><br>
	<p>商品: ¥<?php echo $price; ?></p>
	<form action="/charged.php" method="post">
		<input hidden name="name" value="<?php echo $name; ?>">
		<script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
			data-key="pk_test_*"
			data-image=""
			data-amount="<?php echo $price; ?>"
			data-name="<?php echo $name; ?>"
			data-description="<?php echo $description; ?>"
			data-email="<?php echo $email; ?>"
			data-locale="auto"
			data-allow-remember-me="false"
			data-label="クレジットカードで購入する"
			data-currency="jpy"
			>
		</script>
	</form><br>
	<form action="/banck.php" method="post">
		<button class="bank-btn">銀行振込で支払う</button>
	</form>
</body>

商品画面

クレジット入力画面

入金管理画面

何やこれ、完全に行けるやんけ。
ヨシっ、資料作ろうwww