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

	#table_borrowed > thead > tr:hover{
		background-color: #DDD;
	}
</style>


		<div class="portlet box bg-blue-soft">
			<div class="modal-header" style="color: #fff;">
				<button type="button" data-dismiss="modal" style="float: right;background-repeat: no-repeat !important;    background: 0px 0px;color:white;border:0px;"><i class="fa fa-times fa-2x"></i></button>
				<h4 class="modal-title"><i class="fa fa-home"></i>&nbsp;書籍借出作業</h4>
			</div>
			<div class="portlet-body">
				<div class="tab-content">
					<div class="table-toolbar">
						<div class="row">
							<div class="col-md-12">
								<a href="javascript:;" class="btn purple btn_library_in" uid="1">刷卡登錄</a>
								<a href="javascript:;" class="btn purple btn_library_in" uid="2">手機登錄</a>
								<a href="javascript:;" class="btn purple" uid="3" id="btn_getLibraryWithUser">住戶登錄</a>
								<a href="javascript:;" class="btn red pull-right" id="btn_library_clear" style="display: none;">會員登出</a>
							</div>
						</div>
					</div>
					<div class="tab-pane active">
						<table class="table table-striped table-bordered table-hover data_table_library" id="data_table_library">
						<thead>
						<tr class="active">	
							<th style="width: 11%;">
								卡片代號
							</th>						
							<th style="width: 20%;">
								姓名
							</th>
							<th style="width: 12%;">
								戶別
							</th>
							<th style="width: 22%;">
								可借天數
							</th>
							<th style="width: 9%;">
								可借數量
							</th>
							<th style="width: 14%;">
								已借未還
							</th>
							<th style="width: 12%;">
								尚可借數量
							</th>
						</tr>
						</thead>
						<tbody>
						</tbody>
						</table>
					</div>
					<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_borrowed_submit" href="javascript:;" class="btn green pull-right" style="margin-left: 15px;">送出</a>
						<a id="btn_library_borrowed" href="javascript:;" class="btn btn-info pull-right">快速登錄</a>
						<input id="library_borrowed" type="text" class="form-control pull-right" style="width: 20%;margin-right: -5px;">
					</div>
					<div class="tab-pane active">
						<table id="table_borrowed" class="table table-striped table-bordered table-hover table_borrowed" style="margin-top: 5px;">
							<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>
					<input type="hidden" id="borrowed_count" value="1">
					<input type="hidden" id="borrowed_user_id">
					<input type="hidden" id="borrowed_max">
					<input type="hidden" id="library_card_no">

				</div>
			</div>
		</div>