zaliczeniePP/placeOnline.gtpl
2019-01-04 17:58:43 +01:00

112 lines
4.6 KiB
Groovy

<!DOCTYPE html>
<html lang="pl">
<head>
<center><img src="http://www.bronowicka.zs4.lublin.eu/wp-content/uploads/cutlery-297617_1280.png" width="150" height="100"/></center>
<title>Płatnościline</title>
<link rel="shortcut icon" href="http://www.bronowicka.zs4.lublin.eu/wp-content/uploads/cutlery-297617_1280.png" />
</head>
<body>
<h1><center>{{.UserView}}, poniżej suma niezapłaconych biletów.</center></h1>
<br>
<h4><b><p style="text-indent: 2%;"><a href="http://localhost:9197/panel">Cofnij do głównego MENU panelu użytkownika</a></p></b></h4>
<br>
<form action="/platnosci" method="POST">
<style> td { border: 1px solid black; } </style>
<table>
<thead>
<tr>
<h2><td style="width: 15em; height: 2em" align="center"><b>Suma kosztów za bilety: {{.Zaplac}}</b></td></h2>
</tr>
<tr>
<h3><b><p style="text-indent: 2%;"><a href="http://localhost:9197/platnosci/placeOnline">Zapłać online</a></p></b></h3>
</tr>
</thead>
</table>
</form>
</body>
</html>
<h2>Responsive Checkout Form</h2>
<p>Resize the browser window to see the effect. When the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other.</p>
<div class="row">
<div class="col-75">
<div class="container">
<form action="/action_page.php">
<div class="row">
<div class="col-50">
<h3>Billing Address</h3>
<label for="fname"><i class="fa fa-user"></i> Full Name</label>
<input type="text" id="fname" name="firstname" placeholder="John M. Doe">
<label for="email"><i class="fa fa-envelope"></i> Email</label>
<input type="text" id="email" name="email" placeholder="john@example.com">
<label for="adr"><i class="fa fa-address-card-o"></i> Address</label>
<input type="text" id="adr" name="address" placeholder="542 W. 15th Street">
<label for="city"><i class="fa fa-institution"></i> City</label>
<input type="text" id="city" name="city" placeholder="New York">
<div class="row">
<div class="col-50">
<label for="state">State</label>
<input type="text" id="state" name="state" placeholder="NY">
</div>
<div class="col-50">
<label for="zip">Zip</label>
<input type="text" id="zip" name="zip" placeholder="10001">
</div>
</div>
</div>
<div class="col-50">
<h3>Payment</h3>
<label for="fname">Accepted Cards</label>
<div class="icon-container">
<i class="fa fa-cc-visa" style="color:navy;"></i>
<i class="fa fa-cc-amex" style="color:blue;"></i>
<i class="fa fa-cc-mastercard" style="color:red;"></i>
<i class="fa fa-cc-discover" style="color:orange;"></i>
</div>
<label for="cname">Name on Card</label>
<input type="text" id="cname" name="cardname" placeholder="John More Doe">
<label for="ccnum">Credit card number</label>
<input type="text" id="ccnum" name="cardnumber" placeholder="1111-2222-3333-4444">
<label for="expmonth">Exp Month</label>
<input type="text" id="expmonth" name="expmonth" placeholder="September">
<div class="row">
<div class="col-50">
<label for="expyear">Exp Year</label>
<input type="text" id="expyear" name="expyear" placeholder="2018">
</div>
<div class="col-50">
<label for="cvv">CVV</label>
<input type="text" id="cvv" name="cvv" placeholder="352">
</div>
</div>
</div>
</div>
<label>
<input type="checkbox" checked="checked" name="sameadr"> Shipping address same as billing
</label>
<input type="submit" value="Continue to checkout" class="btn">
</form>
</div>
</div>
<div class="col-25">
<div class="container">
<h4>Cart <span class="price" style="color:black"><i class="fa fa-shopping-cart"></i> <b>4</b></span></h4>
<p><a href="#">Product 1</a> <span class="price">$15</span></p>
<p><a href="#">Product 2</a> <span class="price">$5</span></p>
<p><a href="#">Product 3</a> <span class="price">$8</span></p>
<p><a href="#">Product 4</a> <span class="price">$2</span></p>
<hr>
<p>Total <span class="price" style="color:black"><b>$30</b></span></p>
</div>
</div>
</div>
</body>
</html>