        
        <!-- Title Section -->
        <div class="title-section module">
            <div class="row">
        
                <div class="small-12 columns">
                    <h1>Reserved List</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> Reserved List</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><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 class="active"><a href="#">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">
						<div class="row">
						<div class="form-group">
							   <label class="medium-2 small-12 columns" style="text-align:left; ">From Date:</label>
							   <div class="medium-3 small-12 columns" id="errauthorName"> <input type="date"  id="f_date"  name="f_date" class="form-control" maxlength="19" value="{$smarty.post.f_date}" autocomplete="off" style="color: #000000;" ></div>
							   <label class="medium-2 small-12 columns" style="text-align:left; ">To Date:</label>
							   <div class="medium-3 small-12 columns" id="errbookName"><input type="date"  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"> 
							  <input type="button" class="button primary" id="corder" name="corder" value="List" onclick="validateFields();"/>
							  <!--<button id="corder" name="corder" class="button primary" onclick="validateFields();">List</button>-->
							  </div>
							  </div>
							  </div>
							  
							  <h5 class="theme-color" align="justify">Member Code: {$smarty.session.MemberCode}</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>Book ID</th>-->
						 <th>Book Name</th>
						 <th>Author Name</th>
                       <!-- <th>Member Code</th>-->
                        
                       <!-- <th>Reading Charge</th>
						  <th>Delivery Charge</th>
						  <th>Total Charge</th>-->
						<th>Reserved Date</th>
						<th>Status</th>	
                    </tr>
                    </thead>
					
                    <tbody>
					{foreach from=$SerDetailR item=ListDet}
					 {assign var=bid value="`$ListDet.book_id`"}
					{php} $SelQuery3=mysql_query('SELECT * FROM `book` WHERE `id` ="42135"');       
				     $bran=mysql_fetch_array($SelQuery3); {/php}{php} $bran['book_name'];{/php}
                  <tr class="gradeX" id="{$m++}">
			<td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$m}</a></td>			
			<!--<td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$ListDet.book_id}</a></td>-->
			  <td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$ListDet.book_name}</a></td>
			  <td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$ListDet.author}</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.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.reserved_date}</a></td>
			{if $ListDet.book_status eq "0"}		
			<td><a href="./bookDetails.php?order_id={$ListDet.order_id}">Available</a></td>	{else}	<td><a href="./bookDetails.php?order_id={$ListDet.order_id}">Not Available</a></td>{/if}		
                  </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><!-- Posts wrap /-->
                
                
                
            </div><!-- Row Ends /-->
            
        </div>
        
    </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>
