<?php

$user_session_token = '';
if( class_exists( 'ApiCrypter' ) && isset( $_SESSION["ownerinfo"][0] ) ){
    $cf = new ApiCrypter;
    $user_session_token = $cf->encrypt($_SESSION["ownerinfo"][0]);
}
get_header();

?>

<style>
  .contactus_banner_custom { background-image: url("https://clubwyndhamsp.com/wp-content/uploads/2019/06/Express-check-in.jpg") !important; }
  .error { color:red; }
</style>
<?php if (!isset($_SESSION["ownerinfo"])) : ?>
	<!--Start Hero Banner -->
	<section class="destination_hero_banner contactus_banner_custom d-none d-md-flex">
    	<div class="container">
          <div class="row justify-content-center">
          	<div class="col-md-12 text-center">
          		<h1 class="h1 text-center my-md-4"><?php the_title(); ?></h1>
          	</div>
          </div>
		</div>
	</section>
	<!--End Hero Banner -->
	<section class="w-section pt-5 gray_bg">
      <div class="container">
      	<div class="row">
      		<div class="col-12 mb-5">
      			<div class="alert alert-primary text-center mb-5 py-5">
      				<div class="text-center h1"> 
      					<i class="fa fa-exclamation-triangle" aria-hidden="true"></i> 
      				</div>
					<div class="h4 pt-2">
						<p>Please login to view this page.</p>
      				</div>
      			</div>
      		</div>
		</div>
      </div>
	</section>
<?php endif; ?>
<?php do_action("whpp_user_check"); ?>

<?php if (isset($_SESSION["ownerinfo"])) : ?>
	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.css"/>
	<link re="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css"/>
	<div id="overlay" style="position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99;display:none;"></div>
	<!--Start Hero Banner -->
	<section class="destination_hero_banner contactus_banner_custom d-none d-md-flex">
    	<div class="container">
          <div class="row justify-content-center">
          	<div class="col-md-12 text-center">
          		<h1 class="h1 text-center my-md-4"><?php the_title(); ?></h1>
          	</div>
          </div>
		</div>
	</section>
	<!--End Hero Banner -->
    <section class="w-breadcrumb d-none d-lg-block">
      <nav aria-label="breadcrumb">
        <div class="container-fluid">
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="<?php echo esc_url(home_url('/')); ?>">Home</a></li>
            <li class="breadcrumb-item"><?php the_title(); ?></li>
          </ol>
        </div>
      </nav>
    </section>

    <!-- Start About Destination-->
    <section class="w-section pt-5 gray_bg">
        <div class="container">
            <div class="justify-content-center row d-block d-md-none mt-5">
                <div class="col-md-10">
                    <h4 class="h4 text-center w-section-title"><?php echo get_the_title(); ?></h4>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <form method="post" id="levy-statement" name="levy-statement">
                        <div class="form-row mb-3">	
                          <div class="col-md-6 mb-5" >  
                                <label><h4>Search for Levies Notification?</h4></label><br>
                          </div>
                          <div class="col-md-6 mb-5" style="background-color: gainsboro;">  
                                <label for="availableStatement"><h5>Available notifications to view: <span id="count" style="color:red;">0</span></h5></label><br>
                          </div>
                        </div>

                        <div class="form-row">
                            <div class="col-md-12" id="tableContainer">
                            </div> 
                        </div>
                        <div class="form-row">
                            <div class="col-md-12">
                                <div id="postSuccess" class="alert alert-success" role="alert" style="display:none;"></div>
                                <div id="postFailed" class="alert alert-danger" role="alert" style="display:none;"></div>
                            </div>
                        </div>
                        <input type="hidden" id="memberNumber" name="memberNumber" value="<?php echo $_SESSION["ownerinfo"][0]; ?>" />
						<?php $member_number = $_SESSION["ownerinfo"][0]; ?>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
    <script>
		jQuery.noConflict();
        (function($){
          $('#overlay').show();
          $('#overlay').delay(500).fadeOut(100);
          
          var count = 0;
          var currentYear = new Date().getFullYear();

          var data = <?php echo file_get_contents('https://hub.wyndhamap.com/hub-api/crm/levi-statements/' . $member_number); ?>;
              
          var jsonData = JSON.parse(JSON.stringify(data));
          console.log(jsonData);
          var table = '<table id="leviesTable" class="table table-bordered table-hover"><thead class="thead-dark"><tr><th></th><th>Actions</th></tr></thead><tbody>';
          for (var key in jsonData) {
            if (data.hasOwnProperty(key)) { 
			  var fName = data[key].memberNumber + ".pdf";
              table += ('<tr>');
              table += ('<td>' + data[key].billingYear + ' Levies Notification</td>');
              table += ('<td>');
              table += ('<a target="_blank" href="https://new.wyndhamvrap.com/wyndhamvrap/levi-statement/pdfView/' + data[key].memberNumber + '/' + data[key].billingYear + '" class="btn btn-outline-primary">Download PDF</a> &nbsp;');
              table += ('<a onclick="requestPost(\'' + data[key].memberNumber + '\', \'' + data[key].billingYear + '\')" class="btn btn-outline-primary">Request to Post</a> &nbsp;');
			  table += ('<a onclick="downloadFile(\'' + fName + '\',\'' + data[key].memberNumber + '\', \'' + data[key].billingYear + '\')" class="btn btn-outline-primary">Test Download</a> &nbsp;'); 			  
              if(currentYear <= data[key].billingYear) {
                if(data[key].currency == "AUD") {
                  table += ('<a target="_blank" href="https://new.wyndhamvrap.com/wyndhamvrap/payments/aud-levies" class="btn btn-outline-primary">Make a Payment</a> &nbsp;');
                } else {
                  table += ('<a target="_blank" href="https://new.wyndhamvrap.com/wyndhamvrap/payments/levies" class="btn btn-outline-primary">Make a Payment</a> &nbsp;');
                }
              }
              table += ('</td>');
              table += ('</tr>'); 
              count++;    
            }
          }

          table += '</tbody></table>';
          $("#tableContainer").html(table);
          $('#leviesTable').DataTable({ sDom: 'lrtip' });
          $("#count").text(count);

        })(jQuery) 
    </script>
    <script>
        function requestPost(memberNumber, billingYear)
        {
          jQuery.ajax({
              type: "get",
              url: 'https://new.wyndhamvrap.com/wyndhamvrap/levi-statement/request-to-post/' + memberNumber + '/' + billingYear,
              beforeSend: function() {
                jQuery('#overlay').show();
              },
              complete: function(){
                jQuery('#overlay').hide();
              },
              success: function(data) {
                jQuery("#postSuccess").text(data);
                jQuery('#postSuccess').show();
                jQuery('#postSuccess').delay(5000).fadeOut(500); 
              },
              error: function(xhr, status, exception) {
                jQuery("#postFailed").text(xhr.responseText);
                jQuery('#postFailed').show();
                jQuery('#postFailed').delay(5000).fadeOut(500); 
              }
            });
            return false;
        }
    </script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
    <script type="text/javascript">
        function downloadFile(fileName,memberNumber,biilingYear) {
            //Set the File URL.
            //var url = "http://localhost:8086/ownerStatement/api/download?memberNumber="+ memberNumber + "&billingYear=" + biilingYear;
			var url = "https://new.wyndhamvrap.com/wyndhamvrap/levi-statement/pdfView/" + memberNumber + "/" +  biilingYear;
 
            $.ajax({
                url: url,
                cache: false,
                xhr: function () {
                    var xhr = new XMLHttpRequest();
                    xhr.onreadystatechange = function () {
                        if (xhr.readyState == 2) {
                            if (xhr.status == 200) {
                                xhr.responseType = "blob";
                            } else {
                                xhr.responseType = "text";
                            }
                        }
                    };
                    return xhr;
                },
                success: function (data) {
                    //Convert the Byte Data to BLOB object.
                    var blob = new Blob([data], { type: "application/octetstream" });
 
                    //Check the Browser type and download the File.
                    var isIE = false || !!document.documentMode;
                    if (isIE) {
                        window.navigator.msSaveBlob(blob, fileName);
                    } else {
                        var url = window.URL || window.webkitURL;
                        link = url.createObjectURL(blob);
                        var a = $("<a />");
                        a.attr("download", fileName);
                        a.attr("href", link);
                        $("body").append(a);
                        a[0].click();
                        $("body").remove(a);
                    }
                } 
            });
			
        }
		
    </script>	
<?php endif; ?>

<?php get_footer(); ?>


