        
        <!-- Title Section -->
        <div class="title-section module">
            <div class="row">
        
                <div class="small-12 columns">
                    <h1>My Order Book Details</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 Order Book Details</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-2 small-12 columns sidebar">
                    <div class="widget">
                        <h2>My Profile</h2>
                        
                        <ul class="menu vertical">
                            <li class="active"><a href="myOrders.php">My Orders</a></li>
							<li><a href="checkOut.php">Check Out</a></li>
                            <li><a href="checkIn.php">Check In</a></li>
							<li><a href="reservedList.php">Reserved List</a></li>
							<li><a href="accountDetails.php">Account Details</a></li>
                        </ul>
                    </div><!-- widget ends /-->
                    
                    <!-- widget ends /-->
                    
                    <!-- widget ends /-->
                    
                    <!-- widget ends /-->
                    
                </div><!-- left bar ends here /-->
                <div class="medium-10 small-12 columns posts-wrap">

                    <div class="blog-post">
                        <form name="date_form" method="post" id="date_form" class="form-horizontal">
						<input type="hidden" name="hdAction" id="hdAction">
						
							  <!--<h5 class="theme-color" align="justify">Member Code: {$smarty.session.User_ID}</h5>-->
							  <h5>Your Order ID : <span class="theme-color">{$smarty.get.order_id}</span></h5>
							   <h5>Member Code : <span class="theme-color">{$smarty.session.MemberCode}</span></h5>
							   <!--<label class="medium-2 small-12 columns" style="text-align:left; ">Member Code: {$smarty.session.User_ID}</label>-->
							 
							  &nbsp;
					<table class="table table-bordered table-hover  dataTables-example" style="font-size:14px;" border="1" bordercolor="#FFFFFF" cellspacing="3" cellpadding="2">
                    <thead style="background-color:#174873; color:#FFFFFF;" >
                    <tr >
						<th>Sl No.</th>
						  <!--<th>Order ID</th>
                            <th>Member Code</th>
                        <th>Member Name</th>-->
						 <th>Book Name</th>
						 <!-- <th>Delivery Charge</th>
						  <th>Total Charge</th>-->
						<th>Order Date</th>
						<th>Status</th>	
                        <th >Reading Charge</th>

					<!--	<th>Action</th> -->
                    </tr>
                    </thead>
					
                    <tbody>
					{foreach from=$orderDetails item=ListDet}
                  <tr class="gradeX" id="{$m++}">
			<td>{$m}</td>			
			<td>{$ListDet.book_name}</td>			
			<td>{$ListDet.date_of_order}</td>			
			<td>{$ListDet.order_status}</td>			
			<td align="right">{$ListDet.reading_charges|string_format:"%.2f"}</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}">{$ListDet.member_name}</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><input type="checkbox" name="checkVal" style="height:20px;" value="{$ListDet.book_id}" checked="checked"></td>		-->	
                  </tr>
					{/foreach}	
                    </tbody>
                  
                    </table>
					  </form>
					  <!-- post content ends /-->
                    
                    <!-- post Ends here /-->
                    
                    <!-- post Ends here /-->
                    
                   <div class="col-lg-6 col-xs-6 r-full-width" style="height:40%;">
								
							{if $SerDetail.0.order_status eq "Dispatch"}
							
							<div class="col-md-4" id="errr_s">
							<input type="text" class="form-control" id="d_time" name="d_time" value="{$SerDetail.0.delivery_time}" style="color: #000000;"></div>
						<div class="single-product-detail">
							<ul class="btn-list">
						<li><a class="btn-1 sm shadow-0 " href="#" onClick="select_book2();">Delivered</a></li>
						</ul>
						</div>
						
							{elseif $SerDetail.0.order_status eq "Delivered"}
							<label class="col-sm-2 control-label" style="text-align:left;">Return Date:</label>
                               <div class="col-md-4" id="errr_s">
							   <input type="text" id="ret_date" name="ret_date" class="form-control" tabindex="10" value="{$smarty.post.ret_date}" style="color:#000000;" placeholder="yyyy-mm-dd">
								</div>	
						
							<label class="col-sm-2 control-label" style="text-align:left;">Return Time:</label>
                               <div class="col-md-4" id="errr_s">
							    <select id="ret_time" name="ret_time" class="form-control" tabindex="10" value="{$smarty.post.ret_time}" style="color:#000000;">
								<option value="0">---Select---</option>
                                <option value="10 AM-12 PM">10 AM-12 PM</option>
							   <option value="12 PM-2 PM">12 PM-2 PM</option>
							   <option value="2 PM-4 PM">2 PM-4 PM</option>
							   <option value="4 PM-6 PM">4 PM-6 PM</option>
							   <option value="6 PM-8 PM">6 PM-8 PM</option>
						</select></a></div>	
						<div class="single-product-detail">
    							<ul class="btn-list">
								<li><a class="btn-1 sm shadow-0 " href="#" onClick="select_book3();">Return</a></li>
    							</ul>
							</div>
							{/if}
							
						</div>
                    
                </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>

   
	{literal}
	 <!-- 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>
	<script type="text/javascript">
    function validateFields() {
	var f_date=$('#f_date').val();
	var t_date=$('#t_date').val();
   
	$(".error").remove();
	if(f_date=="")
	{
	$('#f_date').after('<span class="error">This field is required</span>');
	
	$('#f_date').focus();
	
	return false;	
	}
	if(t_date =="")
	{
	$('#t_date').after('<span class="error">This field is required</span>');
	
	$('#t_date').focus();
	
	return false;	
	}	
	
}
   
 
</script>
	<style>
.table tr:nth-child(even){background-color: #FFFFFF;}
.isa_success

{

color: #FFFFFF;

background-color: #174873;

}

.error

{

color:#D8000C;

/*background-color:#FFBABA;*/

}

.isa_error

{

color:#D8000C;

background-color:#FFBABA;

}

.isa_success i,.isa_error i

{

margin:10px 22px;

font-size:2em;

/*vertical-align:middle;*/

}

.required

{

color:#FF0000;
float:right;

}

</style>
	
{/literal}
</body>
</html>
