<ion-view >
	<ion-nav-title>
      		<span class="title_line-height">New game</span>
    	</ion-nav-title>
	<ion-content scroll="false">
	<div class="modal_view row" id="new_game" style="margin-left:0%" ng-init="loadOptions()">
										<div style="display: inline-block;" class="box">
													<div class="modal_content">
														<div class="modal-body">
															<div>
																<div class="select_language">
																	<h2 class="explanation">
																	<span>1.</span>
																	<span rel="localize[select_language]">Game Language</span>
																	</h2>
																	<div >
																<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 flag-margin" >
																			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 padding-right" 
																									ng-click="selectLang('es')" >	
																				<div id="language-spanish">
																				<div id="es" class="marker"></div>
																				<span rel="localize[language_es]" class="language-name">Spanish</span>
																				</div>
																			</div>
																			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 padding-right" 
																								ng-click="selectLang('en')" >
																				<div id="language-english">
																				<div id="en" class="marker selectimg"></div>
																				<span rel="localize[language_en]" class="language-name">English</span>
																				</div>
																			</div>
																			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 padding-right" 
																								ng-click="selectLang('it')" >
																				<div id="language-italian">
																				<div id="it" class="marker"></div>
																				<span rel="localize[language_it]" class="language-name">Italian</span>
																				</div>
																			</div>	
																			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 padding-right" 
																								ng-click="selectLang('ca')" >
																				<div id="language-catalan">
																					<div id="ca" class="marker"></div>
																				<span rel="localize[language_ca]" class="language-name">Catalan</span>
																				</div>
																			</div>
																		</div>	
																		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 flag-margin">
																			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 padding-right" 
																									ng-click="selectLang('fr')" >
																				<div id="language-french">
																				<div id="fr" class="marker"></div>
																				<span rel="localize[language_ca]" class="language-name">French</span>
																				</div>
																			</div>
																			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 padding-right" 
																									ng-click="selectLang('pt')">	
																				<div id="language-portuguese" >
																				<div id="pt" class="marker"></div>
																				<span rel="localize[language_pt]" class="language-name">Portuguese</span>
																				</div>
																			</div>
																			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 padding-right" 
																									ng-click="selectLang('de')" >
																				<div id="language-german">
																				<div id="de" class="marker"></div>
																				<span rel="localize[language_de]" class="language-name">German</span>
																				</div>
																			</div>	
																			<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 padding-right" 
																									ng-click="selectLang('ru')" >
																				<div id="language-russian">
																				<div id="ru" class="marker"></div>
																				<span rel="localize[language_de]" class="language-name">Russian</span>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="select_game_type">
																	<div><h2 class="explanation">
																	<span>2.</span>
																	<span rel="localize[game_mode]">Game Mode</span></h2>
																		<div class="tabbed-buttons ">
																			<div class="tab col-xs-6 col-sm-6 col-md-6 col-lg-6" ng-click="gameTypeClassic()" >
																				<input name="game-type" value="classic" type="radio" ng-model="newGameType" id="classicGame">
																				<div class="btn classic-game">
																					<div class="tab-title">
																						<span class="classic-title"><span rel="localize[game_classic]">Classical</span></span>
																					</div>
																					<div class="duration">
																						<span class="duration-value">7</span><span class="duration-string">Days</span>
																					</div>
																				</div>
																			</div>										
																			<div class="tab col-xs-6 col-sm-6 col-md-6 col-lg-6" ng-click="gameTypeFast()">
																				<input name="game-type" value="fast" type="radio"  ng-model="newGameType" id="fastGame" ng-checked="true">
													
																				<div class="btn fast-game">
																					<div class="tab-title"><span class="rapid-title"><span
																							rel="localize[game_fast]">Fast</span></span></div>
																					<div class="duration"><span class="duration-value">5</span>
																						<span class="duration-string">Minutes</span></div>
																				</div>
																			</div>
																		</div>
																		<small style="display:inline;" class="caption rapid" ng-show="gameModeFlag">
																			<span class="mode">
																				<span rel="localize[game_mode_fast]">Fast Mode</span> 
																			</span>:&nbsp;
																			<span class="description">
																				You have 5 minutes to make your move.
																			</span>
																		</small>
																		<small style="display:inline;" class="caption classic" ng-hide="gameModeFlag">
																			<span class="mode">
																				<span rel="localize[game_mode_classic]">Classic mode</span>
																			</span>:&nbsp;
																			<span class="description">
																				Have seven days to make your move.
																			</span>
																		</small>
																	</div>
																</div>
																<div class="select_opponent">
										<h2 class="explanation">
											<span>3.</span>
											<span rel="localize[select_opponent]">Opponent</span>
										</h2>
										<!--<button  class="btn btn-yellow btn-large random oponente_aleatorio" id="btn-friends" style="width: 68%">
											<i class="icon-random"></i>
											<span class="random_opponent_text"><span rel="localize[button_random_opponent]">Friends</span></span>
										</button>-->						
										<button class="btn btn-yellow btn-large random oponente_aleatorio"	ng-click="startNewGame()">
											<i class="icon-random"></i>
										    <span class="random_opponent_text"><span rel="localize[button_random_opponent]">Random opponent</span></span>
										</button>
									</div>
							    </div>
							</div>
						   </div>
						</div>
					</div>
	</ion-content>
</ion-view>