<div ng-hide="isOnPremises">
	<h3>{{ 'siProvidersTitle' | translate }}</h3>
	<button type="button" class="btn btn-social btn-google" ng-click="loginWithGoogle()">
		<i class="fa fa-google"></i> {{ 'siGoogle' | translate }}
	</button>
</div>

<div style="margin-top: 3em;">
	<h4 ng-hide="isOnPremises">{{ 'siLocalTitle' | translate }}</h4>
	<h3 ng-show="isOnPremises">{{ 'siLocalTitleOnPremises' | translate }}</h3>
	<div class="row">
		<div class="col-md-4">
			<form ng-submit="login()">
				<div class="form-group">
					<label for="usertnameInput">{{ 'siUsername' | translate }}</label>
					<input type="text" class="form-control" id="usertnameInput" placeholder="{{ 'siUsername' | translate }}" ng-model="loginUsername" />
				</div>
				<div class="form-group">
					<label for="passwordInput">{{ 'siPassword' | translate }}</label>
					<input type="password" class="form-control" id="passwordInput" placeholder="{{ 'siPassword' | translate }}" ng-model="loginPassword" />
				</div>
				<button type="submit" class="btn btn-default">{{ 'siSubmit' | translate }}</button>
			</form>
		</div>
	</div>
</div>
