<?php $this->displayTemplate('header') ?>

<script type="text/javascript">
<!--
var install_is_done = '<?php echo addslashes($this->l('Done!')) ?>';
var process_steps = <?php echo json_encode($this->process_steps) ?>;
var admin = '<?php echo(file_exists('../admin-dev') ? '../admin-dev' : '../admin') ?>';
-->
</script>
<div id="install_process_form">
	<div id="progress_bar">
		<div class="installing"></div>

		<div class="total">
			<div class="progress"></div>
			<span>0%</span>
		</div>

		<ol class="process_list">
			<?php foreach ($this->process_steps as $item): ?>
				<li id="process_step_<?php echo $item['key'] ?>" class="process_step">
					<?php echo $item['lang'] ?>
					<div class="error_log"></div>
				</li>
			<?php endforeach; ?>
		</ol>

		<div id="error_process">
			<h3><?php echo $this->l('An error occurred during installation...') ?></h3>
			<p><?php echo $this->l('You can use the links on the left column to go back to the previous steps, or restart the installation process by <a href="%s">clicking here</a>.', 'index.php?restart=true') ?></p>
		</div>
	</div>
</div>

<div id="info-boxes-wrap">
	<div class="info-boxes">
		<div class="info-box" onclick="window.open('https://store.webkul.com/Qloapps.html')">
			<img src="theme/img/suggested-modules.png" />
			<h3><?php echo $this->l('Suggested Modules'); ?></h3>
			<p class="description"><?php echo $this->l('Find just the right features on QloApps Addons to make your hospitality business a success.') ?></p>
			<a target="_blank"><span><?php echo $this->l('Discover All Modules') ?></span></a>
		</div>

		<div class="info-box" onclick="window.open('https://store.webkul.com/Qloapps/responsive.html');">
			<img src="theme/img/suggested-themes.png" />
			<h3><?php echo $this->l('Suggested Themes'); ?></h3>
			<p class="description"><?php echo $this->l('Create a design that suits your hotel and your customers, with a ready-to-use template theme.') ?></p>
			<a target="_blank"><span><?php echo $this->l('Discover All Themes') ?></span></a>
		</div>
	</div>
</div>

<div id="install_process_success">
	<div class="clearfix">
		<h2><?php echo $this->l('Your installation is finished!'); ?></h2>
		<p><?php echo $this->l('You have just finished installing QloApps. Thank you for using QloApps!'); ?></p>
		<p><?php echo $this->l('Please remember your login information:') ?></p>
		<table cellpadding="0" cellspacing="0" border="0" id="resultInstall" width="620">
			<tr class="odd">
				<td class="label"><?php echo $this->l('E-mail') ?></td>
				<td class="resultEnd"><?php echo htmlspecialchars($this->session->admin_email) ?></td>
				<td rowspan="2" class="print" onclick="$('#password_content').html('<?php echo htmlspecialchars(addslashes($this->session->admin_password)) ?>'); $('#password_display').hide(); window.print();">
					<img src="theme/img/print.png" alt="" style="vertical-align:top">
					<?php echo $this->l('Print my login information') ?>
				</td>
			</tr>
			<tr>
				<td class="label"><?php echo $this->l('Password') ?></td>
				<td class="resultEnd">
					<span id="password_content"><?php echo preg_replace('#.#', '*', $this->session->admin_password) ?></span>
					<span id="password_display">
						(<a href="#" onclick="$('#password_content').html('<?php echo htmlspecialchars(addslashes($this->session->admin_password)) ?>'); $('#password_display').hide(); return false"><?php echo $this->l('Display') ?></a>)
					</span>
				</td>
			</tr>
		</table>

		<h3 class="infosBlock">
			<?php echo $this->l('For security purposes, you must delete the "install" folder.') ?>
			<a href="<?php echo 'https://qloapps.com/install-qloapps/#section-11' ?>" target="_blank"><img src="theme/img/help.png" /></a>
		</h3>

		<div class="info-boxes">
			<div class="info-box" onclick="window.open(admin);">
				<img src="theme/img/visu_boBlock.png" />
				<h3><?php echo $this->l('Back Office'); ?></h3>
				<p class="description"><?php echo $this->l('Manage your website using your Back Office. Manage your orders and customers, add modules, change themes, etc.') ?></p>
				<a target="_blank"><span><?php echo $this->l('Manage Your Website') ?></span></a>
			</div>

			<div class="info-box" onclick="window.open('../');">
				<img src="theme/img/visu_foBlock.png" />
				<h3><?php echo $this->l('Front Office'); ?></h3>
				<p class="description"><?php echo $this->l('Discover your website as your future customers will see it!') ?></p>
				<a target="_blank"><span><?php echo $this->l('Discover Your Website') ?></span></a>
			</div>

			<div class="info-box" onclick="window.open('https://store.webkul.com/Qloapps.html')">
				<img src="theme/img/suggested-modules.png" />
				<h3><?php echo $this->l('Suggested Modules'); ?></h3>
				<p class="description"><?php echo $this->l('Find just the right features on QloApps Addons to make your hospitality business a success.') ?></p>
				<a target="_blank"><span><?php echo $this->l('Discover All Modules') ?></span></a>
			</div>

			<div class="info-box" onclick="window.open('https://store.webkul.com/Qloapps/responsive.html');">
				<img src="theme/img/suggested-themes.png" />
				<h3><?php echo $this->l('Suggested Themes'); ?></h3>
				<p class="description"><?php echo $this->l('Create a design that suits your hotel and your customers, with a ready-to-use template theme.') ?></p>
				<a target="_blank"><span><?php echo $this->l('Discover All Themes') ?></span></a>
			</div>
		</div>
	</div>

	<div class="sharing">
		<p><?php echo $this->l('Share your experience with your friends!'); ?></p>
		<button type="button" class="btn-twitter" onclick="psinstall_twitter_click('<?php echo $this->l('I just built an online hotel booking website with QloApps!'); ?> <?php echo $this->l('See all the features here : https://docs.qloapps.com/'); ?>');">
			<i></i> <?php echo $this->l('Tweet'); ?>
		</button>
		<button type="button" class="btn-facebook" onclick="psinstall_facebook_click();">
			<i></i> <?php echo $this->l('Share'); ?>
		</button>
		<!-- <button type="button" class="btn-google-plus" onclick="psinstall_google_click();">
			<i></i> <?php echo $this->l('Google+'); ?>
		</button> -->
		<!-- <button type="button" class="btn-pinterest" onclick="psinstall_pinterest_click();">
			<i></i> <?php echo $this->l('Pinterest'); ?>
		</button> -->
		<button type="button" class="btn-linkedin" onclick="psinstall_linkedin_click();">
			<i></i> <?php echo $this->l('LinkedIn'); ?>
		</button>
	</div>
</div>

<?php $this->displayTemplate('footer') ?>
