<?php 
include_once('inc.function.php');
include_once('header.php');
?>

<script>

    $(document).ready(function() {
        function disableBack() { window.history.forward() }

        window.onload = disableBack();
        window.onpageshow = function(evt) { if (evt.persisted) disableBack() }
    });
    
</script>

    <!-- Begin page content -->
    <div class="container">
      <div class="page-header">
        <h1><img src='img/logo.jpg'/>&nbsp ONLINE BOOKING </h1>
      </div>
      <!-- CONTENT STARTS HERE -->
      <div class="stepwizard">
          <div class="stepwizard-row setup-panel">
              <div class="stepwizard-step">
                  <a href="#step-1" type="button" class="btn btn-success btn-circle" disabled="disabled">1</a>
                  <p>Venue Search</p>
              </div>
              <div class="stepwizard-step">
                  <a href="#step-2" type="button" class="btn btn-success btn-circle" disabled="disabled">2</a>
                  <p>Venue Booking</p>
              </div>
              <div class="stepwizard-step">
                  <a href="#step-3" type="button" class="btn btn-success btn-circle" disabled="disabled">3</a>
                  <p>Event Detail</p>
              </div>
              <div class="stepwizard-step">
                  <a href="#step-4" type="button" class="btn btn-success btn-circle" disabled="disabled">4</a>
                  <p>Contact Info</p>
              </div>
              <div class="stepwizard-step">
                  <a href="#step-5" type="button" class="btn btn-success btn-circle" disabled="disabled">5</a>
                  <p>Mailing Address</p>
              </div>
              <div class="stepwizard-step">
                  <a href="#step-6" type="button" class="btn btn-success btn-circle" disabled="disabled">6</a>
                  <p>Booking Submission</p>
              </div>
          </div>
      </div>

      <div class="progress">
        <div class="progress-bar progress-bar-striped progress-bar-success active" role="progressbar"
        aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%">
          100%
        </div>
      </div>


        <div class="row setup-content" id="step-1">
            <div class="col-xs-12">
                <div class="col-md-12">
                    <h3> Status: Complete</h3>
                    
                    <blockquote>
                      <h1>
                          <div class="alert alert-info" role="alert"><span class="glyphicon glyphicon-ok-sign"></span> Thank you for your booking! <br> <font color="red" size="5"> &nbsp &nbsp &nbsp &nbsp Booking Reference: <?php echo $_SESSION['CUST_REF_NO']; ?></font></div>
                      </h1>
                      <em>A copy of an email has been sent to you, we will contact you soon.</em>
                      <br>
                      <em>For any enquiries please contact us at <b><span class="glyphicon glyphicon-phone-alt"></span> +603 8887 6000</b> or email us at <b><span class="glyphicon glyphicon-envelope"></span> enquiry@picc.com.my</b></em>
                      <br>
                      <a href="http://booking.picc.com.my"><button class="btn btn-primary btn-lg pull-right">PICC Online Booking</button></a>
                    </blockquote>

                </div>
            </div>
        </div>

       </form>

      <!-- CONTENT ENDS HERE -->
    </div>

<?php 
    include_once('footer.php'); 
    session_unset();
    session_destroy();
    session_write_close();
    setcookie(session_name(),'',0,'/');
    session_regenerate_id(true);
?>
