<?php  
 
$defaultPass=randText('12'); 
 
?> 
 
<div class="register-box"> 
  <div class="register-logo"> 
    <a href="#"><b>Install CoffeeCMS</a> 
  </div> 
 
  <div class="card card-step1 <?php if((int)$step!=1){echo 'hide';};?>"> 
    <div class="card-body register-card-body"> 
      <p class="login-box-msg">Step 1</p> 
 
      <form action="../../index.html" method="post"> 
        <div class="input-group mb-3"> 
          <input type="text" class="form-control add-db-host" value="localhost" placeholder="Database Host"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-file"></span> 
            </div> 
          </div> 
        </div> 
        <div class="input-group mb-3"> 
          <input type="text" class="form-control add-db-dbname" value="coffeecms" placeholder="Database Name"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-file"></span> 
            </div> 
          </div> 
        </div> 
        <div class="input-group mb-3"> 
          <input type="text" class="form-control add-db-username" value="root" placeholder="UserName"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-file"></span> 
            </div> 
          </div> 
        </div> 
        <div class="input-group mb-3"> 
          <input type="text" class="form-control add-db-password" placeholder="Password"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-file"></span> 
            </div> 
          </div> 
        </div> 
        <div class="input-group mb-3"> 
          <input type="text" class="form-control add-prefix" value="cup_" placeholder="Table Prefix"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-file"></span> 
            </div> 
          </div> 
        </div> 
 
        <div class="row"> 
   
          <!-- /.col --> 
          <div class="col-12"> 
            <button type="button" class="btn btn-primary btnStep1 btn-block"><i class='fas fa-coffee'></i> Next step</button> 
          </div> 
          <!-- /.col --> 
        </div> 
      </form> 
 
    </div> 
    <!-- /.form-box --> 
  </div><!-- /.card --> 
 
  <div class="card card-step2 <?php if((int)$step!=2){echo 'hide';};?>"> 
    <div class="card-body register-card-body"> 
      <p class="login-box-msg">Step 2</p> 
 
      <form action="../../index.html" method="post"> 
        <div class="input-group mb-3"> 
          <input type="text" class="form-control add-title" value="Coffee Site" placeholder="Site title"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-file"></span> 
            </div> 
          </div> 
        </div>         
        <div class="input-group mb-3"> 
          <input type="text" class="form-control add-fullname" placeholder="Full name"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-file"></span> 
            </div> 
          </div> 
        </div> 
 
        <div class="input-group mb-3"> 
          <input type="text" class="form-control add-username" placeholder="Username"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-file"></span> 
            </div> 
          </div> 
        </div> 
 
        <div class="input-group mb-3"> 
          <input type="email" class="form-control add-email" placeholder="Email"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-envelope"></span> 
            </div> 
          </div> 
        </div> 
        <div class="input-group mb-3"> 
          <input type="text" class="form-control add-password" value="<?php echo $defaultPass;?>" placeholder="Password"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-lock"></span> 
            </div> 
          </div> 
        </div> 
        <div class="input-group mb-3"> 
          <input type="text" class="form-control add-repassword" value="<?php echo $defaultPass;?>" placeholder="Retype password"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-lock"></span> 
            </div> 
          </div> 
        </div> 
        <div class="row"> 
           
          <!-- /.col --> 
          <div class="col-6"> 
            <button type="button" class="btn btn-primary btn-back-step1 btn-block"><i class='fas fa-backward'></i> Back</button> 
          </div> 
          <div class="col-6"> 
            <button type="button" class="btn btn-primary btnStep2 btn-block"><i class='fas fa-coffee'></i> Apply</button> 
          </div> 
          <!-- /.col --> 
        </div> 
      </form> 
 
    </div> 
    <!-- /.form-box --> 
  </div><!-- /.card --> 
 
  <div class="card card-step3 <?php if((int)$step!=3){echo 'hide';};?>"> 
    <div class="card-body register-card-body"> 
      <p class="login-box-msg">Done!</p> 
 
      <form action="../../index.html" method="post"> 
        <div class="input-group mb-3"> 
          <input type="text" class="form-control done-title" placeholder="Username"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-file"></span> 
            </div> 
          </div> 
        </div> 
        <div class="input-group mb-3"> 
          <input type="text" class="form-control done-password" placeholder="Password"> 
          <div class="input-group-append"> 
            <div class="input-group-text"> 
              <span class="fas fa-file"></span> 
            </div> 
          </div> 
        </div> 
 
         
        <div class="row"> 
           
          <!-- /.col --> 
          <!-- <div class="col-6"> 
            <button type="button" class="btn btn-primary btn-back-step2 btn-block"><i class='fas fa-backward'></i> Back</button> 
          </div> --> 
          <div class="col-12"> 
            <button type="button" class="btn btn-primary btnStep3 btn-block"><i class='fas fa-coffee'></i> Login to admin</button> 
          </div> 
          <!-- /.col --> 
        </div> 
      </form> 
 
    </div> 
    <!-- /.form-box --> 
  </div><!-- /.card --> 
 
 
 
</div> 
<!-- /.register-box --> 
 
<script> 
  $(document).on('click','.btn-back-step1',function(){ 
      $('.card-step2').removeClass('hide').addClass('hide'); 
      $('.card-step3').removeClass('hide').addClass('hide'); 
      $('.card-step1').removeClass('hide'); 
         
    }); 
  // $(document).on('click','.btn-back-step2',function(){ 
  //     $('.card-step2').removeClass('hide').addClass('hide'); 
  //     $('.card-step1').removeClass('hide').addClass('hide'); 
  //     $('.card-step2').removeClass('hide'); 
         
  //   }); 
  $(document).on('click','.btnStep1',function(){ 
      $('.card-step1').addClass('hide'); 
      $('.card-step2').removeClass('hide'); 
         
    }); 
  $(document).on('click','.btnStep2',function(){ 
      $('.card-step2').addClass('hide'); 
      $('.card-step3').removeClass('hide'); 
         
    }); 
     
  $(document).on('click','.btnStep3',function(){ 
      var url=location.href; 
 
      location.href=url.replace('admin/install','admin/'); 
    }); 
</script>
 
 |