hazmat-suite/paymentDetail.php

<?php include('_inc/_header.php') ?>

<h1>Buchungsdetails</h1>

<div class="row">
	<div class="<?php echo $GLOBALS['offsetClass'] ?>">
		<div class="btn btn-block btn-hero btn-iconed btn-iconed-anthrazit-08-primary btn-iconed-left active">
			Produkt einlagern
			<i aria-hidden="true" class="btn-icon ifc ifc-chain"></i>
			<i aria-hidden="true" class="ml-auto ifc ifc-arrow-right"></i>
		</div>
		
		<div class="text-primary font-weight-bold text-center mt-6 mb-4">
			Zahlung per Kreditkarte
		</div>

		<div class="ch-ggs-web-suite-boxed-gray">
			<h4 class="mb-3">Ihre Zahlungsangaben</h4>
		  	<div class="form-group">
		  		<label for="card-number">Karten-Nummer</label>
		  		<input class="form-control" id="card-number" value="1234 5678 9012 3456" />
		  	</div>
		  	<div class="form-group">
	  			<label for="card-month">Karten-Nummer</label>
			  	<div class="row form-row">
			  		<div class="col-4 col-lg-3">
				  		<input class="form-control" id="card-month" placeholder="MM" />
			  		</div>
			  		<div class="col-4 col-lg-3">
				  		<input class="form-control" id="card-year" placeholder="JJ" />
			  		</div>
			  	</div>
		  	</div>
		  	<div class="form-group">
	  			<label for="card-cvc">CVC</label>
	  			<div class="row form-row">
			  		<div class="col-4 col-lg-3">
				  		<input class="form-control" id="card-cvc" placeholder="111" />
			  		</div>
		  		</div>
		  		<div class="text-muted small mt-1">
		  			Was ist die CVC-Nummer?
		  		</div>
		  	</div>
			<p class="text-muted small">
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.
			</p>
		</div>
		<div class="book-progress progress">
		  <div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
		</div>
		<a href="checkout.php"class="mt-4 btn btn-block btn-lg btn-iconed btn-iconed-primary"><span class="mx-auto">Jetzt Zahlungspflichtig bestellen</span> <i aria-hidden="true" class="btn-icon ifc ifc-arrow-right"></i></a>
		</div>
	</div>
</div>

<?php include('_inc/_footer.php') ?>