<form class="form-horizontal">
	<legend>Aplikacja</legend>
	<div class="row-fluid">
		<div class="span2">
			<img src="<%= attr.photoUrl %>" class="img-polaroid pull-left" />
		</div>
		<div class="offset1 span6">
			<div class="control-group">
				<label class="control-label">Wyświetlana nazwa</label>
				<div class="controls">
					<input type="text" name="displayName" value="<%= attr.displayName %>" placeholder="Display Name">
					<span class="help-block">Zachowaj rozsądek.</span>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label">Opłata</label>
				<div class="controls">
					<% if (attr.isStripeToken) { %>
						<i class="icon-ok"></i><span> Dodana karta kredytowa/debetowa.</span>
					<%	} else { %>
						<a class="stripe-button btn btn-primary">Zgoda na płatność kartą za pomocą Stripe</a>
					<% } %>
					<div><small>Nie zostaniesz obciążony aż do chwili zatwierdzenia członkostwa. Po zatwierdzeniu, Twoja karta będzie co miesiąc obciążana kwotą 2.99 USD, aby pomóc nam opłacić hosting i pokryć koszty utrzymania serwisu.</small></div>

				</div>
			</div>
		<% if (!attr.isStripeToken) { %>
			<div class="control-group">
				<label class="control-label">E-mail</label>
				<div class="controls">
					<span><%= attr.email %></span>
					<small>Adres e-mail podany w serwisie GitHub/AngelList, za pomocą którego się zalogowałeś.</small>
				</div>

			</div>
			<div class="control-group">
				<label class="control-label">Facebook</label>
				<div class="controls">
					<input type="text" name="facebookUrl" placeholder="Facebook URL" value="<%= (attr.facebookUrl) ? attr.facebookUrl : ''%>">
					<span class="help-block">Łącze do profilu w serwisie Facebook.</span>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label">Twitter</label>
				<div class="controls">
					<input type="text" name="twitterUrl" placeholder="Twitter URL" value="<%= (attr.twitterUrl) ? attr.twitterUrl : '' %>">
					<span class="help-block">Łącze do profilu w serwisie Twitter.</span>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label">LinkedIn URL</label>
				<div class="controls">
					<input type="text" name="linkedinUrl" placeholder="LinkedIn URL" value="<%= (attr.linkedinUrl) ? attr.linkedinUrl:'' %>">
					<span class="help-block">Łącze do profilu w serwisie LinkedIn.</span>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label">GitHub</label>
				<div class="controls">
					<input type="text" name="githubUrl" placeholder="GitHub URL" value="<%= (attr.githubUrl)? attr.githubUrl :'' %>">
					<span class="help-block">Łącze do profilu w serwisie GitHub.</span>
				</div>
			</div>
					<%	} else { %>
					<% } %>
			<div class="control-group">
				<div class="controls">
					<a class="btn" href="#logout">Wyloguj</a>
					<a class="btn" id="update">Uaktualnij</a>
				</div>
			</div>
		</div>
	</div>


	<!-- <div class="control-group">
		<label class="control-label">Twoja rola</label>
		<div class="controls">
			<select>
			  <option></option>
			  <option>2</option>
			  <option>3</option>
			  <option>4</option>
			  <option>5</option>
			</select>
		</div>
	</div>	 -->
	<!-- <div class="control-group">
		<label class="control-label">Tekst</label>
		<div class="controls">
			<textarea rows="3" name="text" placeholder="Tekst"></textarea>
			<span class="help-block">Pole URL pozostaw puste, w przeciwnym razie tekst zostanie zignorowany.</span>
		</div>
	</div>	 -->

</form>