{block name=metaTitle}Konto użytkownika{/block}
{block name=body}
	<section class="section_user_settings">
		<div class="ct">
			<div class="ct_l"></div>
			<div class="ct_c">
				<div class="row">
					<div class="col-xs-6">
						<div class="space space_10 clear"></div>
						<form id="updateAccount" action="{url controller="konto" action="dane"}" method="post" class="df_w">
							<div class="color_222 font_130 font_weight_700">Profil</div>
							<div class="df">
								<div class="space space_15"></div>
								<div class="df_title"><span>Nazwa użytkownika</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Maksymalna długość to 50 znaków"><div class="df_tooltip_mask"></div><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-help-circle"></use></svg></div></div> 
								<div class="space space_10"></div>
								<div class="df_ct">
									<div class="input-group"><input type="text" name="name" class="form-control fn_data_max_length" data-max-length="50" value="{htmlspecialchars($_MODEL.userName)}"><span class="input-group-addon input-group-addon-max-length">50</span></div>
								</div>
								<div class="df_error" data-error="name"></div>
								<div class="space space_15"></div> 
							</div>
							<div class="df">
								<div class="space space_15"></div>
								{*<div class="df_title"><span>Adres e-mail</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Podaj aktualny adres e-mail"><div class="df_tooltip_mask"></div><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-help-circle"></use></svg></div></div>*}
								<div class="df_title"><span>Adres e-mail w systemie</span></div>
								<div class="space space_10"></div>
								<div class="df_ct">
									<input type="text" name="email" class="form-control" value="{htmlspecialchars($_MODEL.userEmail)}" disabled>
								</div>
								<div class="df_error" data-error="email"></div>
								<div class="space space_15"></div> 
							</div>
							<button type="submit" class="btn btn-primary"><span>Zapisz</span></button>
						</form>
						<div class="space space_10 clear"></div>
					</div>
					<div class="col-xs-6">
						<div class="space space_10 clear"></div>
						<form id="updatePassword" action="{url controller="konto" action="haslo"}" method="post" class="df_w">
							<div class="color_222 font_130 font_weight_700">Hasło</div>
							<div class="df">
								<div class="space space_15"></div>
								<div class="df_title"><span>Obecne hasło</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Obecne hasło używane do logowania"><div class="df_tooltip_mask"></div><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-help-circle"></use></svg></div></div> 
								<div class="space space_10"></div>
								<div class="df_ct">
									<input type="password" name="currentPassword" class="form-control" value="" placeholder="Obecne hasło">
								</div>
								<div class="df_error" data-error="currentPassword"></div>
								<div class="space space_15"></div>
							</div>
							<div class="df">
								<div class="space space_15"></div>
								<div class="df_title"><span>Nowe hasło</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Hasło powinno składać się z minimum 6 znaków"><div class="df_tooltip_mask"></div><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-help-circle"></use></svg></div></div> 
								<div class="space space_10"></div>
								<div class="df_ct">
									<input type="password" name="password" class="form-control" value="" placeholder="Wpisz nowe hasło">
								</div>
								<div class="df_error" data-error="password"></div>
								<div class="space space_15"></div>
							</div>
							<div class="df">
								<div class="space space_15"></div>
								<div class="df_title"><span>Powtórz nowe hasło</span><div class="df_tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Powtórz hasło wpisane w poprzednim polu"><div class="df_tooltip_mask"></div><svg><use xlink:href="{url mode="root"}theme/dobry-start/images/icons/svg/sprite.svg#shape-help-circle"></use></svg></div></div> 
								<div class="space space_10"></div>
								<div class="df_ct">
									<input type="password" name="rePassword" class="form-control" value="" placeholder="Powtórz nowe hasło">
								</div>
								<div class="df_error" data-error="rePassword"></div>
								<div class="space space_15"></div>
							</div>
							<button type="submit" class="btn btn-primary"><span>Zmień hasło</span></button>
						</form>
						<div class="space space_10 clear"></div>
					</div>
				</div>
			</div>
			<div class="ct_r"></div>
		</div>
	</section>
{/block}

{block name=dialog}
	<div id="modalAccountSettingsSaved" class="modal fade" aria-hidden="true">
		<div class="modal-dialog modal-md">
			<div class="modal-content">
				<div class="modal-header text-center">
					<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Zamknij</span></button>
					<h4 class="modal-title">Zaktualizowano dane</h4>
				</div>
				<div class="modal-body text-center">
					<div class="row">
						<div class="col-xs-12">
							<p>Twoje dane zostały zaktualizowane</p>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<div class="text-center">
						<button type="button" class="btn btn-primary m-l-sm" data-dismiss="modal"><strong>Zamknij</strong></button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="modalAccountPasswordSaved" class="modal fade" aria-hidden="true">
		<div class="modal-dialog modal-md">
			<div class="modal-content">
				<div class="modal-header text-center">
					<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Zamknij</span></button>
					<h4 class="modal-title">Aktualizacja hasła</h4>
				</div>
				<div class="modal-body text-center">
					<div class="row">
						<div class="col-xs-12">
							<p>Hasło zostało zmienione</p>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<div class="text-center">
						<button type="button" class="btn btn-primary m-l-sm" data-dismiss="modal"><strong>Zamknij</strong></button>
					</div>
				</div>
			</div>
		</div>
	</div>
{/block}