<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content=""/>
<!-- Document Title -->
<title>Easwari Library Bookstore</title>

<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
<!--For icons-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/color-1.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" id="skins" href="css/default.css" type="text/css" media="all">

<!-- FontsOnline -->
<link href='https://fonts.googleapis.com/css?family=Merriweather:300,300italic,400italic,400,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic,900italic,900,100italic,100' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/transition.css">
<!-- Online Lib -->
<link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css">
<script src="http://www.atlasestateagents.co.uk/javascript/tether.min.js"></script>
<!-- Switcher CSS -->
<link href="switcher/switcher.css" rel="stylesheet" type="text/css"/> 

<!-- JavaScripts -->
<script src="js/vendor/modernizr.js"></script>
</head>
{literal}
<script src="js/vendor/jquery.js"></script>   
<script src="js/vendor/bootstrap.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="js/gmap3.min.js"></script>         
<script src="js/bigslide.js"></script>		
<script src="js/turn.js"></script>							
<script src="js/jquery-ui.js"></script>								
<script src="js/mcustom-scrollbar.js"></script>					
<script src="js/parallax.js"></script>			   	 
<script src="js/owl-carousel.js"></script>	
<script src="js/bxslider.js"></script>	
<script src="js/prettyPhoto.js"></script>					
<script src="js/main.js"></script>	
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/59c10d4f4854b82732ff0e77/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>				
<script>
function select_book1()
{
var bar_code = [];
    $.each($("input[name='checkVal']:checked"), function(){ 
	      bar_code.push($(this).val());  
	});
	id=bar_code.join('","');
	 document.getElementById("testv").value=id;
	          
		$.ajax({
		type: "POST",
		url: "checkout_mail.php",
        data: { branch:$('#branch_name').val(),membercode:$('#member_name1').val(),book_code:$('#book_code').val()},
		success: function(data) {
		alert(data);
		alert("Mail Sent Successfully");
		}
		});
}
</script>
<script type="text/javascript">
function select_book(str)
{
  var bar_code = [];
    $.each($("input[name='checkVal']:checked"), function(){ 
	      bar_code.push($(this).val());  
	});
	id=bar_code.join('","');
	 document.getElementById("testv").value=id;
	 var str=document.getElementById("testv").value;
	  var str1=document.getElementById("mid").value;;
	   alert(str);alert(str1);
if (str=="")
  {
  alert(str);
  document.getElementById("testv").value="";
  return;
  }
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
	var x;
	//if(xmlhttp.responseText.indexOf("|$|")!=-1)
        if(xmlhttp.responseText)
	   {
             alert(xmlhttp.responseText);  
  
	x=xmlhttp.responseText;
	document.getElementById("testv").innerHTML=x;
       //var name_of_site_index =  document.getElementById("site_name").selectedIndex;
//       var  name_of_site=   document.getElementById("site_name").options;
//        showGroup(name_of_site[name_of_site_index].text);
	   }
	 else 
	   {
	   document.getElementById("testv").innerHTML="<option value='0'>Please select Site</option>";

	   }  
       
    }
  }
xmlhttp.open("GET","approve_mail.php?q="+str+"&make="+str1,true);
xmlhttp.send();
}
</script>
<script type="text/javascript">
function select_book_add(str)
{

	 var str=document.getElementById("address").value;
	 var str2=document.getElementById("mid").value;
	   //alert(str);
if (str=="")
  {
  alert(str);
  document.getElementById("testv").value="";
  return;
  }
if (window.XMLHttpRequest)
  {
  xmlhttp=new XMLHttpRequest();
  }
else
  {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
	var x;
	//if(xmlhttp.responseText.indexOf("|$|")!=-1)
        if(xmlhttp.responseText)
	   {
           //  alert(xmlhttp.responseText);  
  
	x=xmlhttp.responseText;
	document.getElementById("testv").innerHTML=x;
       //var name_of_site_index =  document.getElementById("site_name").selectedIndex;
//       var  name_of_site=   document.getElementById("site_name").options;
//        showGroup(name_of_site[name_of_site_index].text);
	   }
	 else 
	   {
	   document.getElementById("testv").innerHTML="<option value='0'>Please select Site</option>";

	   }  
       
    }
  }
xmlhttp.open("GET","edit_address.php?ads="+str+"&id="+str2,true);
xmlhttp.send();
}
</script>
<script>
function search_book()
{
var id=document.getElementById("search_text").value;
// alert(id);
	  FormName= document.shop_form2;
	  FormName.method= "POST";
	  FormName.submit(); 
			  
}
</script>
<script>
function GetEnquiry(x)
{
  var x = document.getElementById("enquiry_types").value;
  FormName		= document.shop_form;
  FormName.action ="shop.php?type="+x;          
  FormName.submit();
}
</script>
<script>
function remcart(x)
{ alert(x);
  document.getElementById("b_id").value= x ;
  FormName		= document.in_form;
  FormName.method= "POST";
  FormName.submit();
}
</script>
<script>
function addcart(x,y)
{ //alert(x);alert(y);
 document.getElementById("b_id").value= x ;
 document.getElementById("s_id").value= y ;
  FormName		= document.c_form;
  FormName.method= "POST";
  FormName.submit();
}
</script>
<script type="text/javascript">
function show_function(id) 
{
    var w = document.getElementById(id);
        w.style.display = 'block';
		var x = document.getElementById('tab-2');
		 x.style.display = 'none';
		var y = document.getElementById('tab-3');
		 y.style.display = 'none';
		var z = document.getElementById('tab-4');
		 z.style.display = 'none';
		  var v = document.getElementById('tab-5');
		 v.style.display = 'none';
}
function show_function2(id) 
{
    var w = document.getElementById(id);
        w.style.display = 'block';
		var x = document.getElementById('tab-1');
		 x.style.display = 'none';
		var y = document.getElementById('tab-3');
		 y.style.display = 'none';
		var z = document.getElementById('tab-4');
		 z.style.display = 'none';
		  var v = document.getElementById('tab-5');
		 v.style.display = 'none';
}
function show_function3(id) 
{
    var w = document.getElementById(id);
        w.style.display = 'block';
		var x = document.getElementById('tab-2');
		 x.style.display = 'none';
		var y = document.getElementById('tab-1');
		 y.style.display = 'none';
		var z = document.getElementById('tab-4');
		 z.style.display = 'none';
		  var v = document.getElementById('tab-5');
		 v.style.display = 'none';
}
function show_function4(id) 
{
    var w = document.getElementById(id);
        w.style.display = 'block';
		var x = document.getElementById('tab-2');
		 x.style.display = 'none';
		var y = document.getElementById('tab-3');
		 y.style.display = 'none';
		var z = document.getElementById('tab-1');
		 z.style.display = 'none';
		  var v = document.getElementById('tab-5');
		 v.style.display = 'none';
}
function show_function5(id) 
{
    var w = document.getElementById(id);
        w.style.display = 'block';
		var x = document.getElementById('tab-2');
		 x.style.display = 'none';
		var y = document.getElementById('tab-3');
		 y.style.display = 'none';
		var z = document.getElementById('tab-1');
		 z.style.display = 'none';
		 var v = document.getElementById('tab-4');
		 v.style.display = 'none';
}
</script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="dhtmlxMessage/codebase/dhtmlxcalendar.js" ></script>
<script type="text/javascript" src="./codebase/dhtmlxcalendar.js"></script>
<script type="text/javascript" src="./codebase/dhtmlxcommon.js"></script>
<script src="jquery/jquery.ui.datepicker.js"></script>
<script>
	var myCalendar;
function doOnLoad() {
    var date_of_entry;
	date_of_entry=new Date();
      myCalendar = new dhtmlXCalendarObject(["f_date"]);
	  myCalendar2 = new dhtmlXCalendarObject(["t_date"]);
	  myCalendar3 = new dhtmlXCalendarObject(["f_date2"]);
	  myCalendar4 = new dhtmlXCalendarObject(["f_date3"]);
	   myCalendar7 = new dhtmlXCalendarObject(["f_date4"]);
	  myCalendar5 = new dhtmlXCalendarObject(["t_date2"]);
	  myCalendar6 = new dhtmlXCalendarObject(["t_date3"]);
	   myCalendar8 = new dhtmlXCalendarObject(["t_date4"]);
	  
   /* var ev = document.getElementById('t_date').value;
    var myEvent = myCalendar2.attachEvent("onClick", function (){
    var fields=["f_date"]; 
				for(i=0;i<fields.length;i++)
				{
				current_iteration = document.getElementById(fields[i]).value; 
				document.getElementById(fields[i]).style.borderColor=""; 
						if(current_iteration=="") 
						{			
						document.getElementById(fields[i]).focus();
						document.getElementById(fields[i]).style.borderColor="red";	
						return false;
						}	
				}	
			  FormName= document.date_form;
  			  FormName.method= "POST";
              FormName.submit(); 
			                 });
							 
	var fev = document.getElementById('f_date').value;
    var myEventf = myCalendar.attachEvent("onClick", function (){
    var fields=["t_date"]; 
				for(i=0;i<fields.length;i++)
				{
				current_iteration = document.getElementById(fields[i]).value; 
				document.getElementById(fields[i]).style.borderColor=""; 
						if(current_iteration=="") 
						{			
						document.getElementById(fields[i]).focus();
						document.getElementById(fields[i]).style.borderColor="red";	
						return false;
						}	
				}	
			  FormName= document.date_form;
  			  FormName.method= "POST";
              FormName.submit(); 
			                 });*/	
							 
	var myEventf =  document.getElementById("corder").addEventListener("click", function (){
    var fields=["f_date","t_date"]; 
				for(i=0;i<fields.length;i++)
				{
				current_iteration = document.getElementById(fields[i]).value; 
				document.getElementById(fields[i]).style.borderColor=""; 
						if(current_iteration=="") 
						{			
						document.getElementById(fields[i]).focus();
						document.getElementById(fields[i]).style.borderColor="red";	
						return false;
						}	
				}	
				document.getElementById('pagetype').value='order';
			  FormName= document.date_form;
  			  FormName.method= "POST";
              FormName.submit(); 
			                 });					 
							 
	/*var ev2 = document.getElementById('t_date2').value;
    var myEvent2 = myCalendar5.attachEvent("onClick", function (){
    var fields=["f_date2"]; 
				for(i=0;i<fields.length;i++)
				{
				current_iteration = document.getElementById(fields[i]).value; 
				document.getElementById(fields[i]).style.borderColor=""; 
						if(current_iteration=="") 
						{			
						document.getElementById(fields[i]).focus();
						document.getElementById(fields[i]).style.borderColor="red";	
						return false;
						}	
				}	
		      FormName= document.date_form2;
  			  FormName.method= "POST";
              FormName.submit(); 
			                 });	
							 
    var fev2 = document.getElementById('f_date2').value;
    var myEvent2f = myCalendar3.attachEvent("onClick", function (){
    var fields=["t_date2"]; 
				for(i=0;i<fields.length;i++)
				{
				current_iteration = document.getElementById(fields[i]).value; 
				document.getElementById(fields[i]).style.borderColor=""; 
						if(current_iteration=="") 
						{			
						document.getElementById(fields[i]).focus();
						document.getElementById(fields[i]).style.borderColor="red";	
						return false;
						}	
				}	
		      FormName= document.date_form2;
  			  FormName.method= "POST";
              FormName.submit(); 
			                 });*/
		
		var myEvent2f = document.getElementById("cin").addEventListener("click", function (){
    var fields=["f_date2","t_date2"]; 
				for(i=0;i<fields.length;i++)
				{
				current_iteration = document.getElementById(fields[i]).value; 
				document.getElementById(fields[i]).style.borderColor=""; 
						if(current_iteration=="") 
						{			
						document.getElementById(fields[i]).focus();
						document.getElementById(fields[i]).style.borderColor="red";	
						return false;
						}	
				}	
				
		      FormName= document.date_form2;
  			  FormName.method= "POST";
              FormName.submit(); 
			  document.getElementById('pagetype').value='in';
			                 });
		
		
	var myEvent = document.getElementById("cout").addEventListener("click", function (){
    var fields=["f_date3","t_date3"]; 
				for(i=0;i<fields.length;i++)
				{
				current_iteration = document.getElementById(fields[i]).value; 
				document.getElementById(fields[i]).style.borderColor=""; 
						if(current_iteration=="") 
						{			
						document.getElementById(fields[i]).focus();
						document.getElementById(fields[i]).style.borderColor="red";	
						return false;
						}	
				}	
				document.getElementById('pagetype').value='out';
			  FormName= document.date_form3;
  			  FormName.method= "POST";
              FormName.submit(); 
  $('#tab-2').tab('show');
			                 });					 
   /*var ev3 = document.getElementById('t_date3').value;
   var myEvent3 = myCalendar6.attachEvent("onClick", function (){
   var fields=["f_date3"]; 
				for(i=0;i<fields.length;i++)
				{
				current_iteration = document.getElementById(fields[i]).value; 
				document.getElementById(fields[i]).style.borderColor=""; 
						if(current_iteration=="") 
						{			
						document.getElementById(fields[i]).focus();
						document.getElementById(fields[i]).style.borderColor="red";	
						return false;
						}	
				}	
			  FormName= document.date_form3;
  			  FormName.method= "POST";
              FormName.submit(); 
			                 });	
							 
	var fev3 = document.getElementById('f_date3').value;
   var myEvent3f = myCalendar4.attachEvent("onClick", function (){
   var fields=["t_date3"]; 
				for(i=0;i<fields.length;i++)
				{
				current_iteration = document.getElementById(fields[i]).value; 
				document.getElementById(fields[i]).style.borderColor=""; 
						if(current_iteration=="") 
						{			
						document.getElementById(fields[i]).focus();
						document.getElementById(fields[i]).style.borderColor="red";	
						return false;
						}	
				}	
			  FormName= document.date_form3;
  			  FormName.method= "POST";
              FormName.submit(); 
			                 });*/						 	

   /* var ev4 = document.getElementById('t_date4').value;
   var myEvent4 = myCalendar8.attachEvent("onClick", function (){
   var fields=["f_date4"]; 
				for(i=0;i<fields.length;i++)
				{
				current_iteration = document.getElementById(fields[i]).value; 
				document.getElementById(fields[i]).style.borderColor=""; 
						if(current_iteration=="") 
						{			
						document.getElementById(fields[i]).focus();
						document.getElementById(fields[i]).style.borderColor="red";	
						return false;
						}	
				}	
			  FormName= document.date_form4;
  			  FormName.method= "POST";
              FormName.submit(); 
			                 });	
							 
	var fev4 = document.getElementById('f_date4').value;
   var myEvent4f = myCalendar7.attachEvent("onClick", function (){
   var fields=["t_date4"]; 
				for(i=0;i<fields.length;i++)
				{
				current_iteration = document.getElementById(fields[i]).value; 
				document.getElementById(fields[i]).style.borderColor=""; 
						if(current_iteration=="") 
						{			
						document.getElementById(fields[i]).focus();
						document.getElementById(fields[i]).style.borderColor="red";	
						return false;
						}	
				}	
			  FormName= document.date_form4;
  			  FormName.method= "POST";
              FormName.submit(); 
			                 });*/
	var myEvent4 =document.getElementById("reserve").addEventListener("click", function (){
   var fields=["f_date4","t_date4"]; 
				for(i=0;i<fields.length;i++)
				{
				current_iteration = document.getElementById(fields[i]).value; 
				document.getElementById(fields[i]).style.borderColor=""; 
						if(current_iteration=="") 
						{			
						document.getElementById(fields[i]).focus();
						document.getElementById(fields[i]).style.borderColor="red";	
						return false;
						}	
				}	
				document.getElementById('pagetype').value='reserve';
			  FormName= document.date_form4;
  			  FormName.method= "POST";
              FormName.submit(); 
			                 });
							// alert(myEventf);alert(myEvent2f);alert(myEvent);alert(myEvent4);
							
						pageshow();
							 			 
   }	
</script>
<script>
function pageshow()
{
var pagev =document.getElementById('pagetype').value;
					//	alert(pagev);
}
function show2_function()
{
document.getElementById("address").style.display='block';
document.getElementById("tick").style.display='block';
//document.getElementById("address").style.visibility='visible';
// document.getElementById('address').style.visibility = 'visible';
}
</script>
 <link rel="stylesheet" type="text/css" href="css/datepickier_main.css">
	 	    <link rel="stylesheet" type="text/css" href="css2/jquery-ui.css">
	  		<link rel="stylesheet" href="./codebase/dhtmlxcalendar.css" type="text/css">
			<link rel="stylesheet" href="./codebase/dhtmlxcalendar_dhx_skyblue.css" type="text/css"> 
			<link rel="stylesheet" href="./codebase/skins/dhtmlxmessage_dhx_skyblue.css" type="text/css">
			<link rel="stylesheet" type="text/css" href="css/datepicker.css">
{/literal}
<body onLoad="doOnLoad();">

<!-- Preloader -->
<!--<div id="status">
	<div id="preloader">
		<div class="preloader position-center-center">
			<span></span>
			<span></span>
			<span></span>
			<span></span>
		</div>
	</div>
</div>-->
<!-- Preloader -->

<!-- Wrapper -->
<!--<div class="wrapper push-wrapper">-->

	<!-- Header -->
	
	<!-- Header -->
	<!--<div class="parallax-window inner-banner tc-padding overlay-dark" data-parallax="scroll" data-image-src="images/inner-banner/img-10.jpg">
	  		<div class="container">
	  			<div class="inner-page-heading style-2 h-white">
	  				<h2>Shop</h2>
	  				<p>Spanning fifteen years of work, Everywhere I Look is a book full of unexpected moments,</p>
	  			</div>
	  		</div>
	  	</div>-->
	<!-- breadcrumb -->
  	<!--<div class="breadcrumb-holder white-bg">
  		<div class="container">
  			<div class="breadcrumbs">
  				<ul>
  					<li><a href="#">Home</a></li>
  					<li>Shop</li>
  				</ul>
  			</div>
  		</div>
  	</div>-->
  	<!-- Breadcrumb -->

	<!-- Main Content -->
	<main class="main-content white-bg">

		<!-- Shop Grid -->
		<div class="product-grid-holder tc-padding">
			<div class="container">
			{if $PageList8 neq ""}
						
						 <div class="row"><br>

						  {foreach from=$PageList8 item=num8}
							<div class="col-lg-3 col-xs-6 r-full-width">
								<div class="product-box">
			    					<div class="product-img">  
									<!--<img src="images/best-seller/img-01.jpg" alt=""> -->
			    					{if $num8.image neq ""}
			    				<img src="./images/BookImages/{$num8.image}" alt="{$num8.image}">{else}<img src="images/ell_new.jpg" alt="images/ell_new.jpg">{/if}
			    						<ul class="product-cart-option position-center-x">
			    							<li><a href="#" title="Add to wishlist" onClick="addcart('{$num8.id}','{2}')"><i class="fa fa-eye" ></i></a></li>
			    							<li><a href="#" title="Add to Cart" onClick="addcart('{$num8.id}','{1}')"><i class="fa fa-cart-arrow-down"></i></a></li>
			    							<!--<!--<li><a href="#"><i class="fa fa-share-alt"></i></a></li>-->
			    						</ul>
			    					</div>
			    					<div class="product-detail">
			    						<span><strong>{$num8.category}</strong></span>
			    						<span title="{$num8.book_name}">{assign var=quantity value="`$num8.book_name`"}{$quantity|truncate:30}</span>
			    				<!--<p title="check"><input type="checkbox" name="checkVal" style="height:20px;" value="tv" checked="checked"></p>-->
			    						<div class="rating-nd-price">
			    							<ul class="rating-stars">
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star-half-o"></i></li>
			    							</ul>
			    						</div>
			    					</div>
			    				</div>
							</div>
							{/foreach}
							</div>
							
							  {/if}
							
					
				<div class="row">
					<!-- Content -->
					
					<div class="col-lg-10 col-md-8 pull-right pull-none">
						<input type="hidden" id="testv" name="testv"><input type="hidden" id="mid" name="mid" value="{$smarty.session.MemberCode}">
						<input type="text" id="pagetype" name="pagetype">
						<!-- Filter Sort -->
						
						<!-- Filter Sort -->					
						<!-- Tab panes -->
						<div class="tab-content">
						
						<!--<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-4" id="errauthorName"> <input type="text"  id="f_date"  name="f_date" class="form-control" maxlength="19" value="{$smarty.post.f_date}" autocomplete="off" ></div>
							   <label class="col-sm-2 control-label" style="text-align:left; ">To Date:</label>
							   <div class="col-md-4" id="errbookName"><input type="text"  id="t_date"  name="t_date" class="form-control" maxlength="19" value="{$smarty.post.t_date}" autocomplete="off"></div>
							  
							  </div>
						</form>-->
<br>
			  		<!-- Best Seller Slider -->
			    	<div id="tab-2" style="display:none;">
					<form name="date_form3" method="post" id="date_form3" 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_date3"  name="f_date3" class="form-control" maxlength="19" value="{$smarty.now|date_format:'%Y-%m-%d'}" 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_date3"  name="t_date3" class="form-control" maxlength="19" value="{$smarty.now|date_format:'%Y-%m-%d'}" autocomplete="off" style="color: #000000;" ></div>
							 <div class="col-md-2"> <button id="cout" name="cout" 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>Book ID</th>-->
                        <th>Member Code</th>
                        <th>Book Name</th>
						<th>Author Name</th>
                        <th>Reading Charge</th>
						  <th>Check out Date</th>
						  <!--<th>Total Charge</th>
						<th>Order Date</th>-->
						<th>Expected Check in Date</th>	
						<!--<th>Action</th>-->
                    </tr>
                    </thead>
					
                    <tbody>
					{foreach from=$SerDetail item=ListDet}
				
					
					 {assign var=bid value="`$ListDet.book_id`"}
					{php} 
					 $SelQuery3=mysql_query('SELECT * FROM `book` WHERE `id` ="'.$ListDet['book_id'].'"');       
				     $bran=mysql_fetch_array($SelQuery3); {/php}{php}echo $bran['book_name'];{/php}
                  <tr class="gradeX" id="{$i++}">
			<td><a  href="./bookDetails.php?order_id={$ListDet.order_id}">{$i}</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}">{$smarty.session.user_code}</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}">{$ListDet.reading_charge}</a></td>
			<td><a  href="./bookDetails.php?order_id={$ListDet.order_id}">{$ListDet.check_out_date}</a></td>
			<td><a  href="./bookDetails.php?order_id={$ListDet.order_id}">{$ListDet.expected_check_in_date}</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}">Accept</a></td>			-->
                  </tr>
				  {foreachelse}
			<tr>
			<td height="20" colspan="8" align="center"><img src="images/warning.gif" border="0">&nbsp;<h5 style="color:#FF0000">NO Records Found...</h5></td>
			</tr>
					{/foreach}	
                    </tbody>
                   
                    </table>
					 </form>
					<div class="row">
					
                   <!--<div class="col-lg-4 col-xs-6 r-full-width">
			    				<div class="product-box">
			    					<div class="product-img">
			    						<img src="images/best-seller/img-01.jpg" alt="">
			    						<ul class="product-cart-option position-center-x">
			    							<li><a href="#"><i class="fa fa-eye"></i></a></li>
			    							<li><a href="#"><i class="fa fa-cart-arrow-down"></i></a></li>
			    							<li><a href="#"><i class="fa fa-share-alt"></i></a></li>
			    						</ul>
			    					</div>
			    					<div class="product-detail">
			    						<span>Novel</span>
			    						<h5><a href="book-detail.html">Mars Club</a></h5>
			    						<p>How to Write a Book Review...</p>
			    						<div class="rating-nd-price">
			    							<strong>$280.99</strong>
			    							<ul class="rating-stars">
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star-half-o"></i></li>
			    							</ul>
			    						</div>
			    						<div class="aurthor-detail">
			    							<span><img src="images/book-aurthor/img-01.jpg" alt="">Pawel Kadysz</span>
			    							<a class="add-wish" href="#"><i class="fa fa-heart"></i></a>
			    						</div>
			    					</div>
			    				</div>
			    		</div>-->
						
						</div>
			    	</div>
			    	<!-- Best Seller Slider -->

			    	<!-- Best Seller Slider -->
			    	<div id="tab-3" style="display:none;">
					<form name="date_form2" method="post" id="date_form2" 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_date2"  name="f_date2" class="form-control" maxlength="19" value="{$smarty.now|date_format:'%Y-%m-%d'}" autocomplete="off" style="color: #000000;"  ></div>
							   <label class="col-sm-1 control-label" style="text-align:left; ">To Date:</label>
							   <div class="col-md-3" id="errbookName"><input type="text"  id="t_date2"  name="t_date2" class="form-control" maxlength="19" value="{$smarty.now|date_format:'%Y-%m-%d'}" autocomplete="off" style="color: #000000;" ></div>
							   <div class="col-md-1"> <button id="cin" name="cin" class="btn-1 shadow-0">List</button></div>
							   <div class="col-md-2"><a href="#" onClick="window.open('checkin_report.php?fr_date='+encodeURIComponent(document.getElementById('f_date2').value) + '&t_date='+encodeURIComponent(document.getElementById('t_date2').value) + '&memid='+encodeURIComponent(document.getElementById('mid').value) ,'popUpWindow','height=150,width=300,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes,url=no');">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/xls.gif" alt="xls" border=0 width="25" height="25" title="Get Books in Excel"></a></div>
							  </div>
					<table class="table table-striped table-bordered table-hover  dataTables-example" style="font-size:14px;" >
	             <thead>
                    <tr>
						<th>Sl No.</th>
						<!-- <th>Book ID</th>-->
                        <th>Member Code</th>
                        <th>Book Name</th>
						<th>Author Name</th>
                        <th>Reading Charge</th>
						  <th>Check in Date</th>
						  <th>Check out Date</th>
						<!--<th>Order Date</th>
						<th>Status</th>	-->
                    </tr>
                    </thead>
					
                    <tbody>
					{foreach from=$SerDetail4 item=ListDet}
					 {assign var=bid value="`$ListDet.book_id`"}
					<!-- {$bid}  -->
					{php} $SelQuery3=mysql_query('SELECT * FROM `book` WHERE `id` ="{$bid}"');       
				     $bran=mysql_fetch_array($SelQuery3); {/php}{php} $bran['book_name'];{/php}
                  <tr class="gradeX" id="{$j++}">
			<td><a href="#">{$j}</a></td>			
			<!--<td><a href="#">{$ListDet.book_id}</a></td>	-->		
		  	<td><a href="#">{$smarty.session.MemberCode}</a></td>			        
		    <td><a href="#">{$ListDet.book_name}</a></td>	
			<td><a href="#">{$ListDet.author}</a></td>	          	
            <td><a href="#">{$ListDet.reading_charge}</a></td>
			<td><a href="#">{$ListDet.actual_check_in_date}</a></td>
			<td><a href="#">{$ListDet.check_out_date}</a></td>
           <!-- <td><a href="#">{$ListDet.date_of_order}</a></td>		
			<td><a href="#">{$ListDet.order_status}</a></td>-->			
                  </tr>
				   {foreachelse}
			<tr>
			<td height="20" colspan="8" align="center"><img src="images/warning.gif" border="0">&nbsp;<h5 style="color:#FF0000">NO Records Found...</h5></td>
			</tr>
					{/foreach}	
                    </tbody>
                   
                    </table>
					 </form>
			    		<div class="row">
                   <!--<div class="col-lg-4 col-xs-6 r-full-width">
			    				<div class="product-box">
			    					<div class="product-img">
			    						<img src="images/best-seller/img-04.jpg" alt="">
			    						<ul class="product-cart-option position-center-x">
			    							<li><a href="#"><i class="fa fa-eye"></i></a></li>
			    							<li><a href="#"><i class="fa fa-cart-arrow-down"></i></a></li>
			    							<li><a href="#"><i class="fa fa-share-alt"></i></a></li>
			    						</ul>
			    					</div>
			    					<div class="product-detail">
			    						<span>Novel</span>
			    						<h5><a href="book-detail.html">Rebel Spring</a></h5>
			    						<p>How to Write a Book Review...</p>
			    						<div class="rating-nd-price">
			    							<strong>$280.99</strong>
			    							<ul class="rating-stars">
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star-half-o"></i></li>
			    							</ul>
			    						</div>
			    						<div class="aurthor-detail">
			    							<span><img src="images/book-aurthor/img-01.jpg" alt="">Pawel Kadysz</span>
			    							<a class="add-wish" href="#"><i class="fa fa-heart"></i></a>
			    						</div>
			    					</div>
			    				</div>
			    			</div>-->
</div>
</div>
			    			<!-- Product Box -->
			    			
			    	<!-- Best Seller Slider -->

			    	<!-- Best Seller Slider -->
			    	<div id="tab-1">
						<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.MemberCode}</a></td>			        
		    <td><a href="./bookDetails.php?order_id={$ListDet.order_id}">{$smarty.session.mobile}/{$smarty.session.phone}</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>
			    			<div class="row">
                   <!--<div class="col-lg-4 col-xs-6 r-full-width">
			    				<div class="product-box">
			    					<div class="product-img">
			    						<img src="images/best-seller/img-01.jpg" alt="">
			    						<ul class="product-cart-option position-center-x">
			    							<li><a href="#"><i class="fa fa-eye"></i></a></li>
			    							<li><a href="#"><i class="fa fa-cart-arrow-down"></i></a></li>
			    							<li><a href="#"><i class="fa fa-share-alt"></i></a></li>
			    						</ul>
			    					</div>
			    					<div class="product-detail">
			    						<span>Novel</span>
			    						<h5><a href="book-detail.html">Jewels of Nizam</a></h5>
			    						<p>How to Write a Book Review...</p>
			    						<div class="rating-nd-price">
			    							<strong>$280.99</strong>
			    							<ul class="rating-stars">
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star-half-o"></i></li>
			    							</ul>
			    						</div>
			    						<div class="aurthor-detail">
			    							<span><img src="images/book-aurthor/img-01.jpg" alt="">Pawel Kadysz</span>
			    							<a class="add-wish" href="#"><i class="fa fa-heart"></i></a>
			    						</div>
			    					</div>
			    				</div>
			    			</div>-->
</div>
</div>
			    			<!-- Product Box -->
			    			
			    	<!-- Best Seller Slider -->
<div id="tab-5" style="display:none;">
						<form name="date_form4" method="post" id="date_form4" 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_date4"  name="f_date4" class="form-control" maxlength="19" value="{$smarty.post.f_date4}" 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_date4"  name="t_date4" class="form-control" maxlength="19" value="{$smarty.post.t_date4}" autocomplete="off" style="color: #000000;" ></div>
							   <div class="col-md-2"> <button id="reserve" name="reserve" 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>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.MemberCode}</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="6" align="center"><img src="images/warning.gif" border="0">&nbsp;<h5 style="color:#FF0000">NO Records Found...</h5></td>
			</tr>
					{/foreach}	
                    </tbody>
                  
                    </table>
					  </form>
			    			<div class="row">
                   <!--<div class="col-lg-4 col-xs-6 r-full-width">
			    				<div class="product-box">
			    					<div class="product-img">
			    						<img src="images/best-seller/img-01.jpg" alt="">
			    						<ul class="product-cart-option position-center-x">
			    							<li><a href="#"><i class="fa fa-eye"></i></a></li>
			    							<li><a href="#"><i class="fa fa-cart-arrow-down"></i></a></li>
			    							<li><a href="#"><i class="fa fa-share-alt"></i></a></li>
			    						</ul>
			    					</div>
			    					<div class="product-detail">
			    						<span>Novel</span>
			    						<h5><a href="book-detail.html">Jewels of Nizam</a></h5>
			    						<p>How to Write a Book Review...</p>
			    						<div class="rating-nd-price">
			    							<strong>$280.99</strong>
			    							<ul class="rating-stars">
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star-half-o"></i></li>
			    							</ul>
			    						</div>
			    						<div class="aurthor-detail">
			    							<span><img src="images/book-aurthor/img-01.jpg" alt="">Pawel Kadysz</span>
			    							<a class="add-wish" href="#"><i class="fa fa-heart"></i></a>
			    						</div>
			    					</div>
			    				</div>
			    			</div>-->
</div>
</div>
			    	<!-- Best Seller Slider -->
			    	<div id="tab-4" style="display:none;"> 
					<!--<table class="table table-striped table-bordered table-hover  dataTables-example" >
					<form name="CustomerMgmt" method="post" >
                    <thead>
                    <tr>
						<th>Sl No.</th>
						 <th>Order ID</th>
                        <th>Member ID</th>
                        <th>Member Name</th>
                        <th>Reading Charge</th>
						  <th>Delivery Charge</th>
						  <th>Total Charge</th>
						<th>Order Date</th>
						<th>Status</th>	
                    </tr>
                    </thead>
					
                    <tbody>
					{foreach from=$SerDetail item=ListDet}
                  <tr class="gradeX" id="{$l++}">
			<td><a href="#">{$l}</a></td>			
			<td><a href="#">{$ListDet.order_id}</a></td>			
		  	<td><a href="#">{$ListDet.member_id}</a></td>			        
		    <td><a href="#">{$ListDet.member_name}</a></td>	          	
            <td><a href="#">{$ListDet.total_reading_charges}</a></td>
			<td><a href="#">{$ListDet.delivery_charges}</a></td>
			<td><a href="#">{$ListDet.total_charges}</a></td>
            <td><a href="#">{$ListDet.date_of_order}</a></td>		
			<td><a href="#">{$ListDet.order_status}</a></td>			
                  </tr>
					{/foreach}	
                    </tbody>
                    </form>
                    </table>-->
					<!--<thead>
					<tr>
					<th>Type</th>
					<th>Value</th>
					<th>Type</th>
					<th>Value</th>
					</tr>
					</thead>-->
					<h5 class="theme-color" align="justify">Your Personal Info</h5>
					<div align="center">
				<table style="font-size:14px; border-color:#FFFFFF;" border="1" bordercolor="#FFFFFF" cellspacing="3" cellpadding="2" width="1000" height="250" align="">
					<tr><td><strong>Member Name :</strong> </td><td>{$SerDetail5.0.member_name}</td></tr>
					<tr><td><strong>Member Type :</strong> </td><td>{$SerDetail5.0.member_type}</td></tr>
					<tr><td><strong>Membership Scheme :</strong></td><td>{$SerDetail5.0.membership_scheme}</td></tr>
					 <tr><td><strong>Deposit Amount :</strong></td><td>{$SerDetail5.0.deposite_amount}</td></tr>
					 <tr><td><strong>Address :</strong></td><td>{$SerDetail5.0.address}&nbsp;&nbsp;{$SerDetail5.0.pincode}<a onClick="show2_function();"><i class="fa fa-edit" style="margin-left:60%;" title="Edit Address"></i></a></td></tr>
					<tr> <td><strong>Mobile Number :</strong></td><td>{$SerDetail5.0.contact_number}</td><tr>
					 <td><strong>Email-ID :</strong></td><td>{$SerDetail5.0.emailid}</td></tr>
					<tr><td><strong>Joined Date :</strong></td><td>{$SerDetail5.0.date_of_join}<br></td><td></td><td></td></tr>
						<tr><td><strong>Scheme Expiry Date :</strong></td><td>{$SerDetail5.0.subscription_end_date}<br></td><td></td><td></td></tr>

				
			        </table>
					<textarea id="address" name="address" style="display:none;" class="form-control" >{$SerDetail5.0.address}&nbsp;&nbsp;{$SerDetail5.0.pincode}</textarea>
			    	<a onClick="select_book_add();" style="margin-left:100%; display:none;" id="tick" title="Update"><i class="fa fa-check" aria-hidden="true"></i></a>	<div class="row">
					</div>
                   <!--<div class="col-lg-4 col-xs-6 r-full-width">
			    				<div class="product-box">
			    					<div class="product-img">
			    						<img src="images/best-seller/img-04.jpg" alt="">
			    						<ul class="product-cart-option position-center-x">
			    							<li><a href="#"><i class="fa fa-eye"></i></a></li>
			    							<li><a href="#"><i class="fa fa-cart-arrow-down"></i></a></li>
			    							<li><a href="#"><i class="fa fa-share-alt"></i></a></li>
			    						</ul>
			    					</div>
			    					<div class="product-detail">
			    						<span>Novel</span>
			    						<h5><a href="book-detail.html">Rebel Spring</a></h5>
			    						<p>How to Write a Book Review...</p>
			    						<div class="rating-nd-price">
			    							<strong>$280.99</strong>
			    							<ul class="rating-stars">
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star"></i></li>
			    								<li><i class="fa fa-star-half-o"></i></li>
			    							</ul>
			    						</div>
			    						<div class="aurthor-detail">
			    							<span><img src="images/book-aurthor/img-01.jpg" alt="">Pawel Kadysz</span>
			    							<a class="add-wish" href="#"><i class="fa fa-heart"></i></a>
			    						</div>
			    					</div>
			    				</div>
			    			</div>-->
</div>
</div>
			    			<!-- Product Box -->
			    			
			    	<!--</div>-->
			    	<!-- Best Seller Slider -->

			  	</div>
				<!-- Tab pane-->
						<!-- Pagination -->
		           		<div class="pagination-holder" align="">
						
		           			<ul class="pagination">
							{if $PageList eq ""}
							 <li><a>{$LinkPage_amc_view_tab}&nbsp;&nbsp;&nbsp;&nbsp; {$PerPageNavigation_amc_view_tab}</a>
							    <!--<li><a href="#" aria-label="Previous">Prev</a></li>-->
							  </li>
							  {/if}
							 {if $PageList neq ""}
							  <li><a>{$LinkPage_amc_view_tab2}&nbsp;&nbsp;&nbsp;&nbsp; {$PerPageNavigation_amc_view_tab2}</a>
							    <!--<li><a href="#" aria-label="Previous">Prev</a></li>-->
							  </li>
							  {/if}
							   <!-- <li><a href="#" aria-label="Next">Next</a></li>-->
							</ul>
		           		</div>
		           		<!-- Pagination -->
						<!-- Products -->
                        <div class="col-lg-8 col-md-7">
							<div class="single-product-detail">
    							<!--<div class="quantity-box">
    								<label>Qty :</label>
									<div class="sp-quantity">
									    <div class="sp-minus fff"><a class="ddd" data-multi="-1">-</a></div>
									    <div class="sp-input">
									        <input type="text" class="quntity-input" value="1" />
									    </div>
									    <div class="sp-plus fff"><a class="ddd" data-multi="1">+</a></div>
									</div>
    							</div>-->
    							<ul class="btn-list">
    								<!--<li><a class="btn-1 sm shadow-0 " href="#" onClick="select_book();">Check out</a></li>-->
    								<!--<li><a class="btn-1 sm shadow-0 blank" href="#"><i class="fa fa-heart"></i></a></li>
    								<li><a class="btn-1 sm shadow-0 blank" href="#"><i class="fa fa-repeat"></i></a></li>
    								<li><a class="btn-1 sm shadow-0 blank" href="#"><i class="fa fa-share-alt"></i></a></li>-->
    							</ul>
							</div>
						</div>
						

					</div>
					<!-- Content -->

					<!-- Aside -->
					<aside class="col-lg-2 col-md-4 pull-left pull-none">

						<!-- Aside Widget -->
						<div class="aside-widget">
							<!--<form class="search-bar style-2 style-3" method="post" id="shop_form2" name="shop_form2">
                               <input type="hidden" id="hdAction" name="hdAction">
								<input type="text" class="form-control" required="required" id="search_text" name="search_text" placeholder="Search..." value="{$smarty.post.search_text}"><button class="sub-btn fa fa-search" onClick="search_book();"></button>
							</form>-->
							<!--<form class="search-bar style-2">
										<input type="text" class="form-control" required="required" id="search_value" name="search_value" placeholder="Type a search here...">
										<button class="sub-btn fa fa-search"></button>
									</form>-->
							<h6>My Profile</h6>
							<ul class="Category-list">
							<li><a href="#" onClick="show_function('tab-1');">My Orders</a></li>
							<li><a href="#" onClick="show_function2('tab-2');">Check Out</a></li>
							<li><a href="#" onClick="show_function3('tab-3');">Check In</a></li>
							<li><a href="#" onClick="show_function5('tab-5');">Reserved List</a></li>
							<li><a href="#" onClick="show_function4('tab-4');">Account Details</a></li>
								<!--<li><a href="#">Award Winnersright (15)</a></li>
								<li><a href="#">Kids &amp; Teensright (10)</a></li>
								<li><a href="#">Australianright(30)</a></li>
								<li><a href="#">Autobiographyright (08)</a></li>
								<li><a href="#">Biographyright (12)</a></li>
								<li><a href="#">Crimeright(25)</a></li>
								<li><a href="#">Environmentright (30)</a></li>
								<li><a href="#">Eroticar(20)</a></li>-->
							</ul>
						</div>
						<!-- Aside Widget -->
					</aside>
					<!-- Aside -->

				</div>
			</div>
		</div>
		<!-- Shop Grid -->

	</main>
	<!-- Main Content -->
	<!-- Footer -->
	
	<!-- Footer -->

<!--</div>-->
<!-- Wrapper -->

<!-- Slide Menu -->

<!-- Slide Menu -->

<!-- View Pages -->
<div class="modal fade open-book-view" id="open-book-view" role="dialog">
  	<div class="position-center-center" role="document">
 	   	<div class="modal-content">
 	   		<button class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	    	<div id="magazine">
				<div style="background-image:url(../../Aura/templates/images/pages/01.jpg);"></div>
				<div style="background-image:url(../../Aura/templates/images/pages/02.jpg);"></div>
				<div style="background-image:url(../../Aura/templates/images/pages/03.jpg);"></div>
				<div style="background-image:url(../../Aura/templates/images/pages/04.jpg);"></div>
				<div style="background-image:url(../../Aura/templates/images/pages/04.jpg);"></div>
				<div style="background-image:url(../../Aura/templates/images/pages/05.jpg);"></div>
				<div style="background-image:url(../../Aura/templates/images/pages/05.jpg);"></div>
				<div style="background-image:url(../../Aura/templates/images/pages/06.jpg);"></div>
			</div>
    	</div>
  	</div>
</div>
<!-- View Pages -->

<!-- Login Modal -->
<div class="modal fade login-modal" id="login-modal" role="dialog">
	<div class="position-center-center" role="document">
		<div class="modal-content">
			<strong>Register</strong>
			<button class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			<div class="social-options">
				<ul>
					<li><a class="facebook" href="#"><i class="fa fa-facebook"></i>Register with facebook</a></li>
					<li><a class="twitter" href="#"><i class="fa fa-twitter"></i>Register with twitter</a></li>
					<li><a class="google" href="#"><i class="fa fa-google-plus"></i>Register with gmail+</a></li>
				</ul>
			</div>
			<form class="sending-form">
				<div class="form-group">
					<input class="form-control" required="required" placeholder="Full name">
					<i class="fa fa-user"></i>
				</div>
				<div class="form-group">
					<input class="form-control" required="required" placeholder="Email Address">
					<i class="fa fa-user"></i>
				</div>
				<div class="form-group">
					<input class="form-control" type="password" required="required" placeholder="Password">
					<i class="fa fa-user"></i>
				</div>
				<p class="terms">You agree to the hldy.hr <a href="#">Terms &amp; Conditions</a></p>
				<button class="btn-1 shadow-0 full-width">Register account</button>
			</form>
		</div>
	</div>
</div>
<!-- Login Modal -->

<!-- Quick View -->
<div class="modal fade quick-view" id="quick-view" role="dialog">
	<div class="position-center-center" role="document">
		<div class="modal-content">
			<button class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			<div class="single-product-detail">
				<div class="row">

					<!-- Product Thumnbnail -->
					<div class="col-sm-5">
						<div class="product-thumnbnail">
							<img src="../../Aura/templates/images/qiuck-view/img-01.jpg" alt="">
						</div>
					</div>
					<!-- Product Thumnbnail -->

					<!-- Product Detail -->
					<div class="col-sm-7">
						<div class="single-product-detail">
							<span class="availability">Availability :<strong>Stock<i class="fa fa-check-circle"></i></strong></span>
							<h3>Land the Earth Beach</h3>
							<ul class="rating-stars">
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star-half-o"></i></li>
								<li>1 customer review</li>
							</ul>
							<div class="prics"><del class="was">$32.00</del><span class="now">$30.99</span></div>
							<h4>Overview</h4>
							<p>With this highly anticipated new novel, the author of the bestselling Life of Pi returns to the storytelling power and luminous wisdom of his master novel. The High Mountains of Portugal.</p>
							<div class="quantity-box">
								<label>Qty :</label>
								<div class="sp-quantity">
									<div class="sp-minus fff"><a class="ddd" data-multi="-1">-</a></div>
									<div class="sp-input">
									  <input type="text" class="quntity-input" value="1" />
									</div>
									<div class="sp-plus fff"><a class="ddd" data-multi="1">+</a></div>
								</div>
							</div>
							<ul class="btn-list">
								<li><a class="btn-1 sm shadow-0 " href="#">add to cart</a></li>
								<li><a class="btn-1 sm shadow-0 blank" href="#"><i class="fa fa-heart"></i></a></li>
								<li><a class="btn-1 sm shadow-0 blank" href="#"><i class="fa fa-repeat"></i></a></li>
								<li><a class="btn-1 sm shadow-0 blank" href="#"><i class="fa fa-share-alt"></i></a></li>
							</ul>
						</div>
					</div>
					<!-- Product Detail -->

				</div>
			</div>
			<!-- Single Product Detail -->

		</div>
	</div>
</div>
<!-- Quick View -->
{literal}
<style>
.check 
{
 width:20px;
 height:20px;
}
.rating-price
{ 
overflow: hidden; 
border-bottom: 1px solid #e7e7e7; 
padding: 0 0 15px;
margin: 0 0 0;
}
.table2
{
border:1 px solid #000000;
}
</style>
{/literal}
<!-- Java Script -->
</body>
</html>