<style type="text/css">
	#table_library_return > thead > tr:hover {
		background-color: #DDD;
	}
</style>

						<div class="table-toolbar">
							<div class="row">
								<div class="col-md-12">
									<a href="javascript:;" id="btn_overdue" class="btn purple">逾期查詢</a>
									<a href="javascript:;" id="btn_return_book" class="btn purple pull-right">書籍歸還作業</a>
								</div>
							</div>
						</div>	
						<div id="library_table1">
							<table id="table_library_no_yet" class="table table-striped table-bordered table-hover data_table">
								<thead>
									<tr>
										<th>
											借閱人(帳號)
										</th>
										<th>
											借閱日期
										</th>
										<th>
											書籍編號
										</th>
										<th>
											書籍名稱
										</th>
										<th>
											附屬媒體
										</th>
										<th>
											應歸還日期
										</th>
										<th>
											狀態
										</th>
									</tr>
								</thead>
								<tbody>
									<?php foreach($librarys as $one): ?>
									<tr>
										<td>
											<?php echo e($one->Uname); ?>(<?php echo e($one->Uusername); ?>)
										</td>
										<td>
											<?php echo e($one->created_at); ?>

										</td>
										<td>
											<?php echo e($one->book_id); ?>

										</td>
										<td>
											<?php echo e($one->book_name); ?>

										</td>
										<td>
											<?php echo e($one->book_media); ?>

										</td>
										<td>
											<?php echo e($one->return_date); ?>

										</td>
										<td>
											<?php echo $one->return_status; ?>

										</td>
									</tr>
									<?php endforeach; ?>
								</tbody>
							</table>
						</div>
						<div id="library_table2" style="display:none;">
							<div class="table-toolbar">
								<label class="control-label" style="padding-left: 0px;font-weight: bold;width: 50%;font-size: 18px;margin-top: 4px;">請輸入欲歸還書籍條碼</label>
								<a id="btn_library_return_submit" href="javascript:;" class="btn btn-danger pull-right" style="margin-left: 15px;">批次歸還</a>
								<a id="btn_library_return" href="javascript:;" class="btn btn-info pull-right">快速登錄</a>
								<input id="library_return" type="text" class="form-control pull-right" style="width: 15%;margin-right: -5px;">
							</div>
							<table class="table table-striped table-bordered table-hover table_library_return" id="table_library_return">
							<thead>
								<tr class="active">	
									<th>
										借閱人(帳號)
									</th>
									<th>
										借閱日期
									</th>
									<th>
										書籍編號
									</th>
									<th>
										書籍名稱
									</th>
									<th>
										附屬媒體
									</th>
									<th>
										應歸還日期
									</th>
									<th>
										狀態
									</th>
									<th>
										取消歸還
									</th>
								</tr>
							</thead>
							<tbody>
							</tbody>
							</table>
						</div>

