<form id="nav">
	<div class="panel-body">
		<div id="msg-box" class="alert hide"></div>
		<div class="row">
			<div class="col-md-12">
				<div align="center">
					<div class="content-img">
						<img class="devices" src="img/devices.png" alt="EspoCRM">
					</div>
					{$langs['labels']['Main page header']}
				</div>
			</div>
		</div>
		<div class="cell cell-website pull-left" align="left">
			<label class="field-label-website control-label">{$langs['fields']['Choose your language']}:</label>
			<div class="field field-website">
				<select name="user-lang" class="form-control">
					{foreach from=$languageList item=lbl key=val}
						{if $val == $fields['user-lang'].value}
							<option selected="selected" value="{$val}">{$lbl}</option>
						{else}
							<option value="{$val}">{$lbl}</option>
						{/if}
					{/foreach}
				</select>
			</div>
		</div>
		<div class="cell cell-website pull-right" align="right">
			<a target="_blank" href="http://blog.espocrm.com/administration/how-to-install-espocrm/" style="font-weight:bold;">{$langs['labels']['Installation Guide']}</a>
		</div>

	</div>
	<footer class="modal-footer">
			<button class="btn btn-primary" type="button" id="start">{$langs['labels']['Start']}</button>
	</footer>
</form>
<script>
	{literal}
	$(function(){
	{/literal}
		var langs = {$langsJs};
	{literal}
		var installScript = new InstallScript({action: 'main', langs: langs});
	})
	{/literal}
</script>

