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

<h1>Ihr Smartify-Account</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">
			Bitte registrieren oder melden Sie sich an
		</div>
		
		<div class="ch-ggs-web-suite-account-tabs-box">
			<ul class="nav nav-tabs" id="ch-ggs-web-suite-account-tabs" role="tablist">
			  <li class="nav-item">
			    <a class="nav-link active text-center" id="register-tab" data-toggle="tab" href="#register" role="tab" aria-controls="register" aria-selected="true">Neu registrieren</a>
			  </li>
			  <li class="nav-item">
			    <a class="nav-link text-center" id="login-tab" data-toggle="tab" href="#login" role="tab" aria-controls="login" aria-selected="false">Mit Account anmelden</a>
			  </li>
			</ul>
			<div class="tab-content ch-ggs-web-suite-boxed-gray" id="ch-ggs-web-suite-account-content">
			  <div class="tab-pane fade show active" id="register" role="tabpanel" aria-labelledby="register-tab">
			  	<div class="form-group">
			  		<label for="register-mail">E-Mail Adresse</label>
			  		<input type="email" class="form-control" id="register-mail" aria-describedby="emailHelp"/>
			  		<small class="form-text text-muted" id="emailHelp">Helptext In enim justo, rhoncus ut, imperdiet</small>
			  	</div>
			  	<div class="form-group w-50">
			  		<label for="register-pw">Passwort</label>
			  		<input class="form-control" type="password" id="register-pw" aria-describedby="pwHelp"/>
			  		<small class="help-text" id="pwHelp">mindestens 8 Zeichen</small>
			  	</div>
		  		<div class="form-group w-50">
			  		<label for="register-pw-again">Passwort wiederholen</label>
			  		<input class="form-control" type="password" id="register-pw-again" aria-describedby="pwAgainHelp"/>
			  		<small class="form-text text-muted" id="pwAgainHelp">mindestens 8 Zeichen</small>
			  	</div>
			  	<div class="form-group">
			  		<h4 class="mb-1">Allgemeine Geschäftsbedingungen</h4>
			  		<div class="form-check">
				  		<input type="checkbox" class="form-check-input"id="check-agb"/>
				  		<label for="check-agb">Ja, hiermit akzeptiere ich die <a href="#" target="_blank">AGB</a>.<small class="d-block text-muted">(<a href="#" target="_blank" class="text-reset">AGB im neuen Fenster öffnen</a>)</small></label>
			  		</div>
			  	</div>
			  	
			  </div>
			  <div class="tab-pane fade" id="login" role="tabpanel" aria-labelledby="login-tab">
			  	<div class="form-group">
			  		<label for="login-mail">E-Mail Adresse</label>
			  		<input type="email" class="form-control" id="login-mail" aria-describedby="emailHelp"/>
			  		<small class="form-text text-muted" id="emailHelp">Helptext In enim justo, rhoncus ut, imperdiet</small>
			  	</div>
			  	<div class="form-group w-50">
			  		<label for="login-pw">Passwort</label>
			  		<input class="form-control" type="password" id="login-pw" aria-describedby="pwHelp"/>
			  		<small class="help-text" id="pwHelp">mindestens 8 Zeichen</small>
			  	</div>
			  </div>
			</div>
		</div>
		<div class="ch-ggs-web-suite-book-progress progress">
		  <div class="progress-bar" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
		</div>
		<div class="row mt-4">
			<div class="col-md-auto">
				<a href="javascript:history.back()"class="btn btn-back">Zurück</a>
			</div>
			<div class="col-md-auto ml-md-auto">
				<a href="bookDetail.php"class="btn btn-iconed btn-iconed-primary">weiter <i aria-hidden="true" class="btn-icon ifc ifc-arrow-right"></i></a>
			</div>
		</div>
	</div>
</div>
	
<?php include('_inc/_footer.php') ?>