<ion-view >
	<ion-nav-title>
      		<span class="title_line-height">Settings</span>
    	</ion-nav-title>
	<ion-content>
		<div class="modal_view removeable settings modal-settings row" id="settings" style="margin-left:0%">
							   <!-- <div class="back"></div>-->
								<div class="box">
									<form method="post" ng-submit="">
									<div class="content" >
										<h2 style="margin:10px;"><span rel="localize[account]">Account</span></h2>
										<article class="user-field">
											<div class="module user-name" id="usernameField">
												<div class="default avatar" id="avatarContainer">
												<div ng-if="loginUserData.facebook_id === undefined">
													<div data-user-id="97214619" class="user_picture photo">
														<img src="http://graph.facebook.com/user/picture" >
													</div>
												</div>
												<div ng-if="loginUserData.facebook_id != undefined && loginUserData.fb_show_picture == true">
													<div data-user-id="97214619" class="user_picture photo">
														<img src="http://graph.facebook.com/{{loginUserData.facebook_id}}/picture" >
													</div>
												</div>
												<div ng-if="loginUserData.facebook_id != undefined && loginUserData.fb_show_picture == false">
													<div data-user-id="97214619" class="user_picture photo">
														<div ng-if="gameslist.imgFlag == true">
														<img src="{{gameslist.imageSrc}}">
														</div>
														<div ng-if="gameslist.imgFlag == false">
														<img src="images/default-user-picture.png">
														</div>
													</div>
												</div>
												</div>
												<div class="input-container">
													<input type="text" placeholder="{{loginUserData.username}}" ng-model="newProfileName" size="25" id="username_input" autocomplete="off" disabled="disabled">
													<div id="stateContainer">
														<div class="ico"></div>
														<p id="stateUsername"></p>
													</div>
												</div>
											</div>
										</article>
						
										<h2 style="margin:10px;"><span rel="localize[preferences]">Preferences</span></h2>
										<article style="padding-bottom:1%">
											<div class="module preferences">
												<div class="field" style="display:none;">
													<label for="app-lang">
														<span rel="localize[select_application_language]" class="setting-font-size">Select the language</span>
													</label>
													<div class="select-wrap">
														<select id="language_selector" name="app-lang">
															<option value="en" selected="selected">English</option>
															<option value="es">Español</option>
															<option value="pt">Português</option>
															<option value="ca">Català</option>
															<option value="de">Deutsch</option>
															<option value="eu">Euskara</option>
															<option value="fr">Français</option>
															<option value="ru">Pусский</option>
															<option value="it">Italiano</option>
														</select>
													</div>
												</div>
												<div class="field ">
													<label for="sound">
														<span rel="localize[accept_games_only_from_friends]" class="setting-font-size">Sound</span>
													</label>
													<div class="switch">
														<input type="checkbox" class="checkbox" name="sound" id="sound">
														<div></div>
														<span class="on">I</span>
														<span class="off">0</span>
													</div>
												</div>
						
												<div class="field">
													<label for="show-name"><span rel="localize[show_my_name]" class="setting-font-size">Show game alerts</span></label>
													<div class="switch">
														<input type="checkbox" checked="" class="checkbox" name="show-name" id="show-name">
														<div></div>
														<span class="on">I</span>
														<span class="off">0</span>
													</div>
												</div>
												<div class="field">
													<label for="show-chat"><span rel="localize[show_my_picture]" class="setting-font-size">Show chat alerts</span></label>
													<div class="switch">
														<input type="checkbox" checked="" class="checkbox" name="show-chat" id="show-chat">
														<div></div>
														<span class="on">I</span>
														<span class="off">0</span>
													</div>
												</div>
												<div class="field last">
													<label for="accept-friends-only"><span rel="localize[allow_og_posts]" class="setting-font-size">
													Accept game only form friends</span></label>
													<div class="switch">
														<input type="checkbox" checked="" class="checkbox" name="accept-friends-only" id="accept-friends-only">
														<div></div>
														<span class="on">I</span>
														<span class="off">0</span>
													</div>
												</div>
												<div class="field last">
													<label for="comformation"><span rel="localize[allow_og_posts]" class="setting-font-size">
													Ask for comformation befor playing</span></label>
													<div class="switch">
														<input type="checkbox" checked="" class="checkbox" name="comformation" id="comformation">
														<div></div>
														<span class="on">I</span>
														<span class="off">0</span>
													</div>
												</div>
												<div class="field last">
													<label for="new-letter"><span rel="localize[allow_og_posts]" class="setting-font-size">
													Newsletter</span></label>
													<div class="switch">
														<input type="checkbox" checked="" class="checkbox" name="new-letter" id="new-letter">
														<div></div>
														<span class="on">I</span>
														<span class="off">0</span>
													</div>
												</div>
						
						
						
											</div>
										</article>
										<div>
										<button class="btn  no-cancel" ng-click="signout()" id="signout">
							<span rel="localize[accept]">Sign Out</span>
                            </button>
										</div>
									<!--	<div class="save disabled" id="saveBtnContainer">-->
											<!--<input type="submit" name="save" ng-click="updateUserName(newProfileName)" 
											value="Change" localization_args="localize[change]" localization_field="value" id="saveSettings">-->
											<!--<input type="submit" name="save"  
											value="Sign Out" localization_args="localize[change]" localization_field="value">
										</div>-->
									</div>
									</form>
								</div>
							</div>

	</ion-content>
</ion-view>





