<?php 
	include_once("../view/header-footer/header.php");
	include_once("../all-ajax/inner-header.php");
?>
<script>   

$(document).ready(function()
{  
    $("#Orders_results").load("MyOrdersLoad.php"); //load initial records    
    //executes code below when user click on pagination links
	$("#Orders_results").on( "click", ".pagination a", function (e){
    	e.preventDefault();
    	$(".loading-div").show(); //show loading element
    
    	var page = $(this).attr("data-page"); //get page number from link  
    	$("#Orders_results").load("MyOrdersLoad.php",{"page":page}, function()
    	{ //get content from PHP page
    		$(".loading-div").hide(); //once done, hide loading element
    	});
    });
	
});     

</script>
<div id="body" class="grey-bg">
<div class="wrapper">
	<div class="bradeCrubs">
	<a href="<?php echo ROOTPATH;?>">Home</a>
	<a href="<?php echo ROOTPATH;?>/MyDetails/">My Account</a>
	<a href="<?php echo ROOTPATH;?>/MyDetails/ads.php" class="current">My Orders</a>
	</div>   
		<?php include_once("side-menu.php");  ?> 
		
		<div class="col-md-10 newRigth">
        <div class="col-md-12">
           <div class="white-box">
    <div id="dataRight">
        <div class="leftHead">My Orders</div>
	<ul class="resList">

	<!--  Job Applied start -->
        <li class="">
            <div class="jobOut">
            	<div class="jobDiv1">
            		<h3 class="jobHead">Plan Type</h3>
            	</div>
            	<div class="jobDiv2">
            		<h3 class="jobHead">Plan Subtype</h3>
            	</div>
            	<div class="jobDiv3">
            		<h3 class="jobHead">Purchase Date</h3>
            	</div>
            	<div class="jobDiv4">
            		<h3 class="jobHead">Expiry Date</h3>
            	</div>
            	<div class="jobDiv5">
            		<h3 class="jobHead">Status</h3>
            	</div>
            	<div class="jobDiv6">
            		<h3 class="jobHead">Invoice</h3> 
            	</div>
        	</div> 
        	<!--<p class="selectAll job-filter">
        		<span><input type="checkbox" id="select-all"> &nbsp; Select All </span>
        		<span class="selectDelete">Delete</span>
        	</p>-->
        	<div class="loading-div"><img src="<?php echo ROOTPATH;?>/view/images/ajax-loader.gif" alt="Netbuttrfly Images"></div>
        	<span id="Orders_results"><!-- content will be loaded here --></span>
        	<div class="clear"></div> 
        </li> 
<!--  Job Applied end -->


        </ul>
    </div>
    <div class="clearfix"></div>
    </div>
    
    </div>
	</div>
<div class="clear"></div>
</div>
<br>

</div>

	


<?php include_once("../view/header-footer/footer.php");  