        
        <!-- Title Section -->
        <div class="title-section module">
            <div class="row">
        
                <div class="small-12 columns">
                    <h1>My Orders</h1>
                </div><!-- Top Row /-->
        
                <div class="small-12 columns">
                    <ul class="breadcrumbs">
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Features</a></li>
                        <!--<li class="disabled">Gene Splicing</li>-->
                        <li><span class="show-for-sr">Current: </span> My Orders</li>
                    </ul><!-- Breadcrumbs /-->
                </div><!-- Bottom Row /-->
                
            </div><!-- Row /-->
        </div>
        <!-- Title Section Ends /-->
        
        <!-- Content section -->
        <div class="content-section module blog-page">
        	
            <div class="row">
            	<div class="medium-3 small-12 columns sidebar">
                    <div class="widget">
                        <h2>My Profile</h2>
                        
                        <ul class="menu vertical">
                            <li><a href="myOrders.php">My Orders</a></li>
							<li><a href="checkOut.php">Check Out</a></li>
                            <li><a href="#">Check In</a></li>
							<li><a href="#">Reserved List</a></li>
							<li><a href="#">Account Details</a></li>
                        </ul>
                    </div><!-- widget ends /-->
                    
                    <!-- widget ends /-->
                    
                    <!-- widget ends /-->
                    
                    <!-- widget ends /-->
                    
                </div><!-- left bar ends here /-->
                <div class="medium-9 small-12 columns posts-wrap">

                    <div class="blog-post">
                        <form name="date_form" method="post" id="date_form" class="form-horizontal">
						<!--<div class="form-group">
							   <label class="col-sm-2 control-label" style="text-align:left; ">From Date:</label>
							   <div class="col-md-3" id="errauthorName"> <input type="text"  id="f_date"  name="f_date" class="form-control" maxlength="19" value="{$smarty.post.f_date}" autocomplete="off" style="color: #000000;" ></div>
							   <label class="col-sm-2 control-label" style="text-align:left; ">To Date:</label>
							   <div class="col-md-3" id="errbookName"><input type="text"  id="t_date"  name="t_date" class="form-control" maxlength="19" value="{$smarty.post.t_date}" autocomplete="off" style="color: #000000;" ></div>
							  <div class="col-md-2"> <button id="corder" name="corder" class="btn-1 shadow-0">List</button></div>
							  </div>-->
					<table class="table table-striped table-bordered table-hover  dataTables-example" style="font-size:14px;">
                    <thead>
                    <tr>
						<th>Sl No.</th>
						 <th>Order ID</th>
                        <th>Member Code</th>
                        <th>Mobile/Phone Number</th>
                        <th>Reading Charge</th>
						  <th>Delivery Charge</th>
						  <th>Total Charge</th>
						<th>Order Date</th>
						<th>Status</th>	
						<th>Action</th>	
                    </tr>
                    </thead>
					
                    <tbody>
					{foreach from=$SerDetail3 item=ListDet}
                  <tr class="gradeX" id="{$k++}">
			<td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$k}</a></td>			
			<td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$ListDet.order_id}</a></td>			
		  	<td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$smarty.session.User_ID}</a></td>			        
		    <td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$smarty.session.Mobile}</a></td>	
            <td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$ListDet.total_reading_charges}</a></td>
			<td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$ListDet.delivery_charges}</a></td>
			<td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$ListDet.total_charges}</a></td>
            <td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$ListDet.date_of_order}</a></td>		
			<td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$ListDet.order_status}</a></td>	
			<td><a href="./bookDetails.php?order_id={$ListDet.order_id}"><u>click</u></a></td>			
                  </tr>
				    {foreachelse}
			<tr>
			<td height="20" colspan="10" align="center"><img src="images/warning.gif" border="0">&nbsp;<h5 style="color:#FF0000">NO Records Found...</h5></td>
			</tr>
					{/foreach}	
                    </tbody>
                  
                    </table>
					  </form>
					  <!-- post content ends /-->
                    </div><!-- post Ends here /-->
                    
                    <!-- post Ends here /-->
                    
                    <!-- post Ends here /-->
                    
                    <!-- pagination starts -->
                    <div class="pagination-container">
                        <ul class="pagination" role="menubar" aria-label="Pagination">
                            <li class="arrow unavailable" aria-disabled="true"><a href="">&laquo; Previous</a></li>
                            <li class="current"><a href="">1</a></li>
                            <li><a href="">2</a></li>
                            <li><a href="">3</a></li>
                            <li><a href="">4</a></li>
                            <li class="unavailable" aria-disabled="true"><a href="">&hellip;</a></li>
                            <li><a href="">12</a></li>
                            <li><a href="">13</a></li>
                            <li class="arrow"><a href="">Next &raquo;</a></li>
                        </ul>
                    </div><!-- Pagination Ends /-->
                    
                </div><!-- Posts wrap /-->
                
                
                
            </div><!-- Row Ends /-->
            
        </div>
        <!-- Content Section Ends /-->
        
        
        <!-- Call to Action box -->
        
        <!-- Call to Action End /-->
        
        <!-- Footer -->
        
        <!-- Footer Ends here /-->
        
    </div>
    <!-- Main Container /-->
	
    <a href="#top" id="top" class="animated fadeInUp start-anim"><i class="fa fa-angle-up"></i></a>

    <!-- Including Jquery so All js Can run -->
    <script type="text/javascript" src="js/jquery.js"></script>
    
    <!-- Including Foundation JS so Foundation function can work. -->
    <script type="text/javascript" src="js/foundation.min.js"></script>
    
    <!-- Including Owl Carousel File -->
    <script type="text/javascript" src="js/owl.carousel.min.js"></script>
    
    <!-- Webful JS -->
    <script src="js/webful.js"></script>
</body>
</html>
