<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	
	
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>StickerAdmin SetUp</title>

	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />

	<!--     Fonts and icons     -->
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css" rel="stylesheet">

	<!-- CSS Files -->
    <link href="css/bootstrap.min.css" rel="stylesheet" />
	<link href="css/gsdk-bootstrap-wizard.css" rel="stylesheet" />

	<!-- CSS Just for demo purpose, don't include it in your project -->
	<link href="css/wizard.css" rel="stylesheet" />
</head>

<body>
<?php
include('config.php');
		if($__username!="" && $__password!=""  )
            {
                 header('Location: index.php');
            }
?>

<div class="image-container set-full-height" >

    <!--   Big container   -->
    <div class="container">
        <div class="row">
        <div class="col-sm-8 col-sm-offset-2">

            <!--      Wizard container        -->
            <div class="wizard-container">

                <div class="card wizard-card" data-color="orange" id="wizardProfile">
                    <form action="" method="">
                    	<div class="wizard-header">
                        	<h3>
                        	   <b>StickerAdmin</b>SetUp<br>
                        	   <small>Build your <b>Configs</b></small>
                        	</h3>
                    	</div>

						<div class="wizard-navigation">
							<ul>
	                            <li><a href="#about" data-toggle="tab">Auths</a></li>
	                            <li><a href="#account" data-toggle="tab">Defaults</a></li>
	                            <li><a href="#address" data-toggle="tab">System Check</a></li>
	                        </ul>

						</div>

                        <div class="tab-content">
                            <div class="tab-pane" id="about">
                              <div class="row">
                                  <div class="col-md-12">
                                  	<h4 class="info-text"> Let's start with the creating your Authontications</h4>
                                  </div>
                                  
                                  <div class="col-sm-6">
                                      <div class="form-group">
                                        <label>Login Id <small>(choose any username/Login Name)</small></label>
                                        <input name="username" type="text" class="form-control" id="username" placeholder="admin">
                                      </div>
                                      <div class="form-group">
                                        <label>Password<small> (required)</small></label>
                                        <input name="password" id="password" type="Password" class="form-control" placeholder="">
                                      </div>
                                      <div class="form-group">
                                        <label>Re Enter Password<small> (required)</small></label>
                                        <input name="repassword" id="repassword" type="Password" class="form-control" placeholder="">
                                      </div>
                                  </div>
                              </div>
                            </div>
                            <div class="tab-pane" id="account">
                                <h4 class="info-text"> Provide <strong>Defaults</strong> </h4>
                                <div class="row">

                                    <div class="col-sm-6">
                                        <div class="form-group">
	                                        <label>Default Publisher Name </label>
	                                        <input name="Publisher" id="Publisher" type="text" class="form-control" placeholder="StickerAdmin">
	                                    </div>

	                                    <div class="form-group" style="display:none" >
	                                        <label>Default Publisher Email Id </label>
	                                        <input name="Publisher_email" id="Publisher_email" type="text" class="form-control" placeholder="StickerAdmin@gmail.com">
	                                    </div>

	                                    <div class="form-group" style="display:none">
	                                        <label>Default Publisher WebSite </label>
	                                        <input name="Publisher_website" id="Publisher_website" type="text" class="form-control" placeholder="www.StickerAdmin.com">
	                                    </div>

                                         <div class="form-group" >
                                            <label>Firebase Server API Key </label>
                                            <input name="FCM_SERVER_KEY" id="FCM_SERVER_KEY" type="text" class="form-control" placeholder="AAAA6_A3syw:APA...">
                                        </div>
                                        
                                    </div>

                                </div>
                            </div>
                            <div class="tab-pane" id="address">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <h4 class="info-text" id="syscheckInfo" > Checking for your Hosted Envirenment ....</h4>
                                    </div>
                                    
                                    

                                </div>
                            </div>
                        </div>
                        <div class="wizard-footer height-wizard">
                            <div class="pull-right">
                                <input type='button' class='btn btn-next btn-fill btn-warning btn-wd btn-sm' name='next' value='Next' />
                                <input type='button' id="btnFinish"  class='btn btn-finish btn-fill btn-warning btn-wd btn-sm' name='finish' value='Finish' />

                            </div>

                            <div class="pull-left">
                                <input type='button' class='btn btn-previous btn-fill btn-default btn-wd btn-sm' name='previous' value='Previous' />
                            </div>
                            <div class="clearfix"></div>
                        </div>

                    </form>
                </div>
            </div> <!-- wizard container -->
        </div>
        </div><!-- end row -->
    </div> <!--  big container -->

  

</div>

</body>

	<!--   Core JS Files   -->
	<script src="scripts/jquery.min.js" type="text/javascript"></script>
	<script src="scripts/bootstrap.min.js" type="text/javascript"></script>
	<script src="scripts/jquery.bootstrap.wizard.js" type="text/javascript"></script>

	<!--  Plugin for the Wizard -->
	<script src="scripts/gsdk-bootstrap-wizard.js"></script>

	<!--  More information about jquery.validate here: http://jqueryvalidation.org/	 -->
	<script src="scripts/jquery.validate.min.js"></script>

</html>
