<div class="page-header">
	<h1>Dodaj kontakt</h1>
</div>

<div id="alertContainer"></div>

<form class="form-horizontal" ng-submit="submit()">
	<div class="row">
		<div class="col-sm-6">

			<div class="form-group">
				<label for="name" class="col-sm-4 control-label">Imię i nazwisko</label>
				<div class="col-sm-8">
					<input type="text" id="name" class="form-control" ng-model="contact.name">
				</div>
			</div>

			<div class="form-group">
				<label for="phone" class="col-sm-4 control-label">Telefon</label>
				<div class="col-sm-8">
					<input type="tel" id="phone" class="form-control" ng-model="contact.phone">
				</div>
			</div>

			<div class="form-group">
				<label for="address" class="col-sm-4 control-label">Adres</label>
				<div class="col-sm-8">
					<textarea id="address" class="form-control" ng-model="contact.address"></textarea>
				</div>
			</div>

		</div>
		<div class="col-sm-6">

			<div class="form-group">
				<label for="email" class="col-sm-4 control-label">Adres e-mail</label>
				<div class="col-sm-8">
					<input type="email" id="email" class="form-control" ng-model="contact.email">
				</div>
			</div>

			<div class="form-group">
				<label for="website" class="col-sm-4 control-label">Strona WWW</label>
				<div class="col-sm-8">
					<input type="text" id="website" class="form-control" ng-model="contact.website">
				</div>
			</div>

			<div class="form-group">
				<label for="notes" class="col-sm-4 control-label">Uwagi</label>
				<div class="col-sm-8">
					<textarea id="notes" class="form-control" ng-model="contact.notes" bs-tooltip data-title="Pomocnicze informacje o kontakcie." data-trigger="focus" data-placement="bottom"></textarea>
				</div>
			</div>

		</div>
	</div>

	<div class="form-group well">
		<div class="col-sm-offset-2 col-sm-10">
			<input type="submit" class="btn btn-primary" value="Dodaj kontakt">
		</div>
	</div>

</form>