<?php $__env->startSection('css_page_level'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')); ?>"/>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('page-content-wrapper'); ?>
	<div class="page-content-wrapper" id="main">
		<div class="page-content">
			<!-- BEGIN PAGE HEADER-->
			<h3 class="page-title">
			<?php $setting = app('anlutro\LaravelSettings\Facade'); ?>
			<?php echo e($setting::get('system_name','全方位建築智慧化管理系統')); ?> <small><?php echo e($setting::get('company_name','新保科技')); ?></small>
			</h3>
			<div class="page-bar">
				<ul class="page-breadcrumb">
					<li>
						<i class="fa fa-home"></i>
						<a href="<?php echo e(route('manage::index')); ?>"><?php echo app('translator')->get('messages.homepage'); ?></a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="#"><?php echo app('translator')->get('messages.account_manage'); ?></a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="#"><?php echo app('translator')->get('messages.users_list'); ?></a>
					</li>
				</ul>
				<div class="page-toolbar">

				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN DASHBOARD STATS -->
			<div class="row">
				<div class="col-md-12">
					<!-- BEGIN EXAMPLE TABLE PORTLET-->
					<div class="portlet light bordered">
						<div class="portlet-body">
							<!-- Start Quick Filter -->
							<div class="table-toolbar">
                				<div class="row">
                					<div class="col-md-12" style="margin-bottom:10px;">
										<button id="btn_modal_add_user" class="btn green"><?php echo app('translator')->get('messages.create_household'); ?> <i class="fa fa-plus"></i></button>
										<?php if(Sentinel::check()->username === 'admin'): ?>
										<form method="post" action="/manage/user/doorplates_corresponding" style="display:inline">
											<input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
											<button type="submit" id="doorplates" class="btn green"><?php echo app('translator')->get('messages.doorplates_corresponding'); ?></button>
										</form>
										<?php endif; ?>
										<button id="btn_mass_delete" class="btn red" style="display:none;"><?php echo app('translator')->get('messages.del'); ?> <i class="fa fa-trash"></i></button>
										<span style="margin-left:15%;padding: 2px 6px 4px 6px; font-size: 16px;" class="btn btn-warning btn_filter" uid="0"> 帳號總數：<?php echo e($user_count); ?></span>
										<span style="margin-left:3%;padding: 2px 6px 4px 6px; font-size: 16px;" class="btn btn-success btn_filter" uid="1"> APP已開通數：<?php echo e($app_count); ?></span>
										<span style="margin-left:3%;padding: 2px 6px 4px 6px; font-size: 16px;" class="btn btn-danger btn_filter" uid="2"> APP未開通數：<?php echo e($no_user_count); ?></span>
										
										<a href="<?php echo e(action('Manage\UserController@printAllBarcode')); ?>" target="_blank" style="margin-right: 5px;" class="btn purple pull-right"><?php echo app('translator')->get('messages.users_barcode'); ?><?php echo app('translator')->get('messages.print'); ?></a>
										<a id="btn_row_bar" class="btn green pull-right" style="margin-right: 5px;">篩選 / 排序 <i class="fa fa-credit-card"></i></a>
									</div>
									<div id="row_bar" class="col-md-12" style="margin-bottom: 10px;display: none;">
										<form id="form_query">
											<input type="hidden" name="input_filter" id="input_filter">
											<a class="btn btn-info pull-right btn_filter" uid="3" style="margin-right: 5px;">最後登入時間排序 </a>
											<a class="btn btn-danger pull-right btn_filter" uid="4" style="margin-right: 5px;">未啟用帳號篩選</a>
										</form> 
									</div>
									
                					<form id="form_page" name="form_page_url" action="<?php echo e(route('manage::user::index')); ?>" class="form-horizontal">
	                					<div class="col-md-6">
											<div class="dataTables_length" id="table_guest_length">
	                        					<label>顯示</label>
	                        					<select onchange="$('#form_page').submit();" name="prepage" aria-controls="table_guest" class="form-control input-sm input-xsmall input-inline">
	                          						<option value="10" <?php echo e(Input::get('prepage')==10? 'selected':''); ?>>10</option>
	                          						<option value="20" <?php echo e(Input::get('prepage')==20? 'selected':''); ?>>20</option>
	                          						<option value="50" <?php echo e(Input::get('prepage')==50? 'selected':''); ?>>50</option>
	                        					</select> 則
	                      					</div>
	                    				</div>
										<div align="right" style="margin-right:20px;">
											<select onchange="$('#form_page').submit();" id="select_door" name="select_door" style="height:30px;" class="form-control input-sm input-xsmall input-inline">
												<option value="">請選擇</option>
												<?php foreach($all_doorplate as $all_doorplates): ?>
												<option value="<?php echo e($all_doorplates->doorplate); ?>" <?php echo e(Input::get('select_door')==$all_doorplates->doorplate? 'selected':''); ?>><?php echo e($all_doorplates->doorplate); ?></option>
												<?php endforeach; ?>
											</select>
											<label style="margin-right:10px;">號</label>
											<?php if($s_d == "true"): ?>
											<select onchange="$('#form_page').submit();" id="select_floor" name="select_floor" style="height:30px;" class="form-control input-sm input-xsmall input-inline">
											<?php else: ?>
											<select onchange="$('#form_page').submit();" id="select_floor" name="select_floor" style="height:30px;" class="form-control input-sm input-xsmall input-inline" disabled="true">
											<?php endif; ?>
												<option value="">請選擇</option>
												<?php foreach($all_floor as $all_floors): ?>
												<option value="<?php echo e($all_floors->floor); ?>" <?php echo e(Input::get('select_floor')==$all_floors->floor? 'selected':''); ?>><?php echo e($all_floors->floor); ?></option>
												<?php endforeach; ?>
											</select>
											<label style="margin-right:10px;">樓</label>
											<?php if($s_f == "true" && $s_d == "true"): ?>
											<select onchange="$('#form_page').submit();" id="select_house" name="select_house" style="height:30px;" class="form-control input-sm input-xsmall input-inline">
											<?php else: ?>
											<select onchange="$('#form_page').submit();" id="select_house" name="select_house" style="height:30px;" class="form-control input-sm input-xsmall input-inline" disabled="true">
											<?php endif; ?>
												<option value="">請選擇</option>
												<?php foreach($all_household as $all_households): ?>
												<option value="<?php echo e($all_households->household); ?>" <?php echo e(Input::get('select_house')==$all_households->household? 'selected':''); ?>><?php echo e($all_households->household); ?></option>
												<?php endforeach; ?>
											</select>
											<label>室</label>
	                    					<input type="text" id="search_name" name="search_name" style="width: 100px;" class="form-control input-sm input-inline" placeholder="請輸入姓名">
	                    					<select id="search_type" name="search_type" class="form-control input-sm input-xsmall input-inline">
	                    						<option value="0">姓名</option>
	                    						<option value="1">帳號</option>
	                    						<option value="2">卡號</option>
	                    					</select>
											<input type="submit" value="查詢" class="btn blue" style="height:30px;padding:0px 10px 0px 10px;">
											<input id="clear_submit" type="submit" value="搜尋條件清空" class="btn red" style="height:30px;padding:0px 10px 0px 10px;">
										</div>
	                    				<?php foreach(Input::all() as $key => $v): ?>
	                      					<?php if(is_array($v)): ?>
	                        					<?php foreach($v as $k1 => $v1): ?>
	                          						<input type="hidden" name="<?php echo e($key.'[]'); ?>" value="<?php echo e($v1); ?>">
	                        					<?php endforeach; ?>
	                    		  			<?php else: ?>
	            		            			<?php if($key!='prepage' && $key!='select_door' && $key!='select_floor' && $key!='select_house' && $key!='page' && $key!='search_name' && $key!='search_type'): ?>
	    		                	      			<input type="hidden" name="<?php echo e($key); ?>" value="<?php echo e($v); ?>">
			                        			<?php endif; ?>
	                      					<?php endif; ?>
	                    				<?php endforeach; ?>
	                  				</form>
                				</div>
                			</div>
                			<!-- End Quick Filter -->
                			<table class="table table-striped table-bordered table-hover" id="table_guest">
								<thead>
									<tr>
										<th>
											<input type="checkbox" id="chk_all" />
										</th>
										<th>
											代號
										</th>
										<th>
											會員帳號
										</th>
										<th>
											會員姓名
										</th>
										<th>
											電話
										</th>
										<th>
											手機
										</th>
										<th>
											最後登入
										</th>
										<th>
											狀態
										</th>
										<th>
											動作
										</th>
									</tr>
								</thead>
								<tbody>
									<?php foreach($users as $user): ?>
										<tr class="odd gradeX">
											<td>
												<input class='chk_check' type="checkbox" value="<?php echo e($user->id); ?>">
											</td>
											<td>
												<?php echo e($user->groupid); ?>

											</td>
											<td>
												<?php echo e($user->username); ?>

											</td>
											<td>
												<?php echo e($user->name); ?>

											</td>
											<td>
												<?php echo e($user->tel); ?>

											</td>
											<td class="center">
												<?php echo e($user->mobile); ?>

											</td>
											<td>
												<?php $UserPresenter = app('NSST\Presenters\UserPresenter'); ?>
												<?php echo $UserPresenter->getLastLoginByUserId($user->id); ?>

											</td>
											<td>
												<?php if($user->status == '0'): ?>
													<span class="label label-sm label-warning"> <?php echo app('translator')->get('messages.inactive'); ?> </span>
												<?php elseif($user->status == '1'): ?>
													<span class="label label-sm label-success"> <?php echo app('translator')->get('messages.normal'); ?> </span>
												<?php endif; ?>
											</td>
											<td>
												<div class="btn-group">
													<button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
													<?php echo app('translator')->get('messages.action'); ?> <i class="fa fa-angle-down"></i>
													</button>
													<ul class="dropdown-menu pull-right" role="menu">
														<li>
															<a class="btn_user_edit" uid="<?php echo e($user->username); ?>" href="javascript:;">
															<i class="fa fa-pencil"></i>
															<?php echo app('translator')->get('messages.edit'); ?> </a>
														</li>
														<li>
															<a class="btn_user_card_set" uid="<?php echo e($user->id); ?>" href="javascript:;">
															<i class="fa fa-credit-card"></i>
															<?php echo app('translator')->get('messages.card_setting'); ?> </a>
														</li>
														<li>
															<a class="btn_user_etag_set" uid="<?php echo e($user->id); ?>" href="javascript:;">
															<i class="fa fa-credit-card"></i>
															ETAG設定 </a>
														</li>

														<li>
															<a class="btn_street_card_set" uid="<?php echo e($user->id); ?>" href="javascript:;">
															<i class="fa fa-credit-card"></i>
															反脅迫卡設定 </a>
														</li>
														<li>
															<a class="btn_user_print"  uid="<?php echo e($user->username); ?>" target="_blank" url="<?php echo e(action('Manage\UserController@printPwdByUser',['id'=>$user->id])); ?>">
															<i class="fa fa-print"></i>
															<?php echo app('translator')->get('messages.print_pwd'); ?> </a>
														</li>
														<li>
															<a class="btn_print_barcode" target="_blank" uid="<?php echo e($user->username); ?>" url="<?php echo e(action('Manage\UserController@printBarcode',['id'=>$user->id])); ?>">
															<i class="fa fa-print"></i>
															 <?php echo app('translator')->get('messages.print'); ?><?php echo app('translator')->get('messages.users_barcode'); ?> </a>
														</li>
														<li>
															<a class="btn_print_phone_information" uid="<?php echo e($user->username); ?>" href="javascript:;"><i class="fa fa-mobile"></i>手機裝置</a>
														</li>
														<li class="divider">
														</li>
														<li>
															<a class="btn_user_delete" uid="<?php echo e($user->username); ?>" href="javascript:;">
															<i class="fa fa-trash-o"></i>
															<?php echo app('translator')->get('messages.del'); ?> </a>
														</li>
													</ul>
												</div>
											</td>
										</tr>
									<?php endforeach; ?>
								</tbody>
							</table>
                		</div>
						<div class="row">
                     		<div class="col-md-5 col-xs-5">
                        		<div class="dataTables_info" id="table_list_info" role="status" aria-live="polite">
                           			<p>顯示第 <?php echo e($users->firstItem()); ?> 到第 <?php echo e($users->lastItem()); ?> 則 共有 <?php echo e($users->total()); ?> 則</p>
                        		</div>
                     		</div>
                     		<div class="col-md-7 col-xs-7">
                        		<div class="pull-right" id="table_list_paginate">
	                           		<?php echo $users->appends(Input::all())->render(); ?>

                        		</div>
							</div>
						</div>
                	</div>	
					<!-- END EXAMPLE TABLE PORTLET-->
				</div>
			</div>
		</div>
		<div class="modal" id="modal_add_user"  role="dialog" aria-hidden="true">
		<div class="modal-dialog">
			<form id="add_form" class="form-horizontal">
			<div class="modal-content">

				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title"><?php echo app('translator')->get('messages.create_account'); ?></h4>
				</div>
				<div class="modal-body form">
					<!-- BEGIN FORM-->
						<div class="form-body">
							<div id="form_error_alert" class="alert alert-danger display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.col_invalid'); ?>
							</div>
							<div id="form_success_alert" class="alert alert-success display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.valid_and_sent'); ?>
							</div>
							<blockquote>
								<h4>Step 1. <?php echo app('translator')->get('messages.basic_account_setting'); ?></h4>
							</blockquote>


							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.plate_ids'); ?><span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<select class="form-control select2me" id="groupid">
										<?php $__empty_1 = true; foreach($Datas as $Data): $__empty_1 = false; ?>
											<option value="<?php echo $Data->code; ?>"><?php echo $Data->code; ?></option>
										<?php endforeach; if ($__empty_1): ?>
											<option value="0"><?php echo app('translator')->get('messages.not_create_plate'); ?></option>
										<?php endif; ?>
									</select>
								</div>
							</div>

							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.account'); ?><span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-user"></i>
										<input id="username" name="username" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_account'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.pwd'); ?><span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-lock"></i>
										<input id="password" name="password" type="password" class="form-control" placeholder="請輸入密碼 Password">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.pwd_confirm'); ?><span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-lock"></i>
										<input id="password2" name="password2" type="password" class="form-control" placeholder="<?php echo app('translator')->get('messages.pwd_confirm_again'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.name'); ?><span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<input id="name" name="name" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_name'); ?>">
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.email'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope"></i>
										<input id="email" name="email" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_email'); ?>">
									</div>
								</div>
							</div>
							<blockquote>
								<h4>Step 2. <?php echo app('translator')->get('messages.user_basic_info'); ?></h4>
							</blockquote>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.user_ids'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope"></i>
										<input id="identity_id" name="identity_id" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_user_ids'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.birthday'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-gift"></i>
										<input  id="birthday" name="birthday" type="text" class="form-control" maxlength="25">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.tel2'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-phone"></i>
										<input  id="tel" name="tel" type="text" class="form-control" maxlength="25">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.mobile'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-phone"></i>
										<input id="mobile" name="mobile" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_mobile'); ?>">
										<span class="help-block"><?php echo app('translator')->get('messages.sms_link_mobile'); ?></span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.addr'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-home"></i>
										<input id="address" name="address" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_addr'); ?>">
									</div>
								</div>
							</div>
							<?php if($setting::get('npm_version') ==  '0'): ?>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.household_no'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-home"></i>
										<input id="door_no" name="door_no" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_household_no'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.sq_m'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-pencil"></i>
										<input id="footage" name="footage" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_sq_m'); ?>">
										<span class="help-block"><?php echo app('translator')->get('messages.sq_m_sent_sms'); ?></span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.unit_sq_m_price'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-pencil"></i>
										<input id="footage_price" name="footage_price" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_unit_sq_m_price'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.ap_admin_cost'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-pencil"></i>
										<input id="manage_money" name="manage_money" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_ap_admin_cost'); ?>">
									</div>
								</div>
							</div>
							<?php endif; ?>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.note'); ?></label>
								<div class="col-md-6">
									<textarea id="memo" name="memo" class="form-control" rows="3"></textarea>
								</div>
							</div>
							<blockquote>
								<h4>Step 3. <?php echo app('translator')->get('messages.advanced_config'); ?></h4>
							</blockquote>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.enable_status'); ?></label>
								<input id="status" name="status" type="checkbox" class="make-switch " data-on-text="&nbsp;<?php echo app('translator')->get('messages.active'); ?>&nbsp;" data-off-text="&nbsp;<?php echo app('translator')->get('messages.stop'); ?>&nbsp;" checked>
							</div>
						</div>

					<!-- END FORM-->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
					<button type="submit" class="btn blue" id="btn_form_add"><?php echo app('translator')->get('messages.add'); ?></button>
				</div>
			</div>
			</form>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<div class="modal" id="modal_edit_user"  role="dialog" aria-hidden="true">
		<div class="modal-dialog">
			<form id="edit_form" class="form-horizontal">
			<div class="modal-content">

				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title"><?php echo app('translator')->get('messages.edit_members'); ?></h4>
				</div>
				<div class="modal-body form">
					<!-- BEGIN FORM-->
						<div class="form-body">
							<div id="form_error_alert" class="alert alert-danger display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.col_invalid'); ?>
							</div>
							<div id="form_success_alert" class="alert alert-success display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.update_success'); ?>
							</div>
							<blockquote>
								<h4>Step 1. <?php echo app('translator')->get('messages.basic_account_setting'); ?></h4>
							</blockquote>
							<input name="id" type="hidden"/>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.plate_ids'); ?><span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<select class="form-control select2me" id="groupid_edit">
										<?php $__empty_1 = true; foreach($Datas as $Data): $__empty_1 = false; ?>
											<option value="<?php echo $Data->code; ?>"><?php echo $Data->code; ?></option>
										<?php endforeach; if ($__empty_1): ?>
											<option value="0"><?php echo app('translator')->get('messages.not_create_plate'); ?></option>
										<?php endif; ?>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.account'); ?><span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-user"></i>
										<input id="username_edit" name="username" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_account'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.pwd'); ?><span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-lock"></i>
										<input id="password_edit" name="password" type="password" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_pwd'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.pwd_confirm'); ?><span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-lock"></i>
										<input id="password2_edit" name="password2" type="password" class="form-control" placeholder="<?php echo app('translator')->get('messages.pwd_confirm_again'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.name'); ?><span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<input id="name_edit" name="name" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_name'); ?>">
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.email'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope"></i>
										<input id="email_edit" name="email" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_email'); ?>">
									</div>
								</div>
							</div>
							<blockquote>
								<h4>Step 2. <?php echo app('translator')->get('messages.user_basic_info'); ?></h4>
							</blockquote>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.user_ids'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-envelope"></i>
										<input id="identity_id_edit" name="identity_id" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_user_ids'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.birthday'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-gift"></i>
										<input  id="birthday_edit" name="birthday" type="text" class="form-control" maxlength="25">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.tel2'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-phone"></i>
										<input  id="tel_edit_" name="tel_" type="text" class="form-control" maxlength="25">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.mobile'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-phone"></i>
										<input id="mobile_edit_" name="mobile_" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_mobile'); ?>">
										<span class="help-block"><?php echo app('translator')->get('messages.sms_link_mobile'); ?></span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.addr'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-home"></i>
										<input id="address_edit" name="address" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_addr'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.household_no'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-home"></i>
										<input id="door_no_edit" name="door_no" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_household_no'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.sq_m'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-pencil"></i>
										<input id="footage_edit" name="footage" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_sq_m'); ?>">
										<span class="help-block"><?php echo app('translator')->get('messages.sq_m_sent_sms'); ?></span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.unit_sq_m_price'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-pencil"></i>
										<input id="footage_price_edit" name="footage_price" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_unit_sq_m_price'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.ap_admin_cost'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-pencil"></i>
										<input id="manage_money_edit" name="manage_money" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_ap_admin_cost'); ?>">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.note'); ?></label>
								<div class="col-md-6">
									<textarea id="memo_edit" name="memo" class="form-control" rows="3"></textarea>
								</div>
							</div>
							<blockquote>
								<h4>Step 3. <?php echo app('translator')->get('messages.advanced_config'); ?></h4>
							</blockquote>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.enable_status'); ?></label>
								<input id="status_edit" name="status" type="checkbox" class="make-switch" data-on-text="&nbsp;<?php echo app('translator')->get('messages.active'); ?>&nbsp;" data-off-text="&nbsp;<?php echo app('translator')->get('messages.stop'); ?>&nbsp;">
								<input type="hidden" id="tel_edit" name="tel">
								<input type="hidden" id="mobile_edit" name="mobile">
							</div>
						</div>
					<!-- END FORM-->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
					<button type="submit" class="btn blue" id="btn_form_edit"><?php echo app('translator')->get('messages.update'); ?></button>
				</div>
			</div>
			</form>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->

	<!-- /.modal -->
	<div class="modal" id="modal_card" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">

				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title"><?php echo app('translator')->get('messages.card_setting'); ?></h4>
				</div>
				<div class="modal-body form">
					<!-- BEGIN FORM-->
					<form id="card_add_form">
						<div class="form-body">
							<input name="user_id" type="hidden">
							<div id="card_form_error_alert_nocard" class="alert alert-danger display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.user_without_card'); ?>
							</div>
							<blockquote>
								<h4><?php echo app('translator')->get('messages.create_card'); ?></h4>
							</blockquote>
							<div id="card_form_error_alert_add" class="alert alert-danger display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.card_wrong'); ?>
							</div>
							<div id="card_form_success_alert_add" class="alert alert-success display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.card_create_success'); ?>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.card_no'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-credit-card"></i>
										<input id="card_no" name="card_no" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_card_no'); ?>">
									</div>
								</div>
							</div>
							<button type="submit" class="btn blue"><?php echo app('translator')->get('messages.add'); ?></button>
							<blockquote>
								<h4><?php echo app('translator')->get('messages.user_card_list'); ?></h4>
							</blockquote>
							<div id="card_list">

							</div>
						</div>
					</form>
					<!-- END FORM-->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->

	<!-- /.modal -->
	<div class="modal" id="modal_etag" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">

				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title">ETag設定</h4>
				</div>
				<div class="modal-body form">
					<!-- BEGIN FORM-->
					<form id="etag_add_form">
						<div class="form-body">
							<input name="user_id" type="hidden">
							<div id=etag_form_error_alert_nocard" class="alert alert-danger display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.user_without_card'); ?>
							</div>
							<blockquote>
								<h4>新增ETag</h4>
							</blockquote>
							<div id="etag_form_error_alert_add" class="alert alert-danger display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.card_wrong'); ?>
							</div>
							<div id="etag_form_success_alert_add" class="alert alert-success display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.card_create_success'); ?>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">ETag號碼</label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-credit-card"></i>
										<input id="tag_no" name="tag_no" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_card_no'); ?>">
									</div>
								</div>
							</div>
							<button type="submit" class="btn blue"><?php echo app('translator')->get('messages.add'); ?></button>
							<blockquote>
								<h4>此使用者ETag號碼</h4>
							</blockquote>
							<div id="etag_list">

							</div>
						</div>
					</form>
					<!-- END FORM-->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->

	<!-- /.modal -->
	<div class="modal" id="modal_street_card" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">

				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title"><?php echo app('translator')->get('messages.street_card_setting'); ?></h4>
				</div>
				<div class="modal-body form">
					<!-- BEGIN FORM-->
					<form id="street_card_add_form">
						<div class="form-body">
							<input name="user_id" type="hidden">
							<div id="street_card_form_error_alert_nocard" class="alert alert-danger display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.street_user_without_card'); ?>
							</div>
							<blockquote>
								<h4><?php echo app('translator')->get('messages.street_create_card'); ?></h4>
							</blockquote>
							<div id="street_card_form_error_alert_add" class="alert alert-danger display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.card_wrong'); ?>
							</div>
							<div id="street_card_form_success_alert_add" class="alert alert-success display-hide">
								<button class="close" data-close="alert"></button>
								<?php echo app('translator')->get('messages.street_card_create_success'); ?>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.street_card_no'); ?></label>
								<div class="col-md-6">
									<div class="input-icon">
										<i class="fa fa-credit-card"></i>
										<input id="street_card_no" name="card_no" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.keyin_card_no'); ?>">
									</div>
								</div>
							</div>
							<button type="submit" class="btn blue"><?php echo app('translator')->get('messages.add'); ?></button>
							<blockquote>
								<h4><?php echo app('translator')->get('messages.user_card_list'); ?></h4>
							</blockquote>
							<div id="street_card_list">

							</div>
						</div>
					</form>
					<!-- END FORM-->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->

	<!-- /.modal -->
	<div class="modal" id="modal_phone" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">

				<div class="modal-header bg-blue-madison">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title font-white">住戶裝置資訊</h4>
				</div>
				<div class="modal-body form">
					<!-- BEGIN FORM-->
					<div id="phone_list">

					</div>
					<!-- END FORM-->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->

	<input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
<?php $__env->stopSection(); ?>

<?php $__env->startSection('plugins_page_level'); ?>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootbox/bootbox.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/select2/js/select2.full.min.js')); ?>" ></script>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('js_page_level'); ?>
<script>
//2017-02-03 全選 start
$('document').ready(function(){
    $('#chk_all').click(function(){
        if($(this).is(':checked')){
            $('.chk_check').attr("checked",true);
        }
        else{
            $('.chk_check').attr("checked",false);
        }
        $.uniform.update();
    })
});
//end

$(document).on('click','#btn_row_bar',function(){
	$('#row_bar').slideToggle('slow');
});

$(document).on('click','.btn_filter',function(){
	var uid = $(this).attr('uid');
	$('#input_filter').val(uid);
	var form = $('#form_query');
	form.attr("action", '<?php echo e(route('manage::user::index')); ?>');
	form.submit();
});

$(document).on('change','#search_type',function(){
	if($('#search_type').attr('value') == '0'){
		$('#search_name').attr('placeholder','請輸入姓名');
	}else if($('#search_type').attr('value') == '1'){
		$('#search_name').attr('placeholder','請輸入帳號');
	}else{
		$('#search_name').attr('placeholder','請輸入卡號');
	}
});

$(document).ready(function(){
	if(document.getElementById('select_door').value == ""){
		$('#select_floor option[value=""]').attr('selected','selected');
		$('#select_house option[value=""]').attr('selected','selected');
	}
	if(document.getElementById('select_floor').value == ""){
		$('#select_house option[value=""]').attr('selected','selected');	
	}
	/*
	var form3 = $('#add_form');
	('.select2me',form3).change(function () {
    	form3.validate().element($(this)); //revalidate the chosen dropdown value and show error or success message for the input
    });
*/
	$("#status").bootstrapSwitch();
	$("#status_edit").bootstrapSwitch();

	$('#table_list').find('.group-checkable').change(function () {
        var set = jQuery(this).attr("data-set");
        var checked = jQuery(this).is(":checked");
        jQuery(set).each(function () {
            if (checked) {
                $(this).attr("checked", true);
            } else {
                $(this).attr("checked", false);
            }
        });
        jQuery.uniform.update(set);
    });

	$(document).on('change','#select_door',function(){
		if(document.getElementById('select_door').value == ""){
			document.getElementById('select_floor').value = "";
			document.getElementById('select_house').value = "";
			$('#select_floor option[value=""]').attr('selected','selected');
			$('#select_house option[value=""]').attr('selected','selected');
		}
	});
	$(document).on('change','#select_floor',function(){
		if(document.getElementById('floor').value == ""){
			document.getElementById('select_house').value = "";
			$('#select_house option[value=""]').attr('selected','selected');
		}
	});

	$(document).on('change','#table_guest #chk_all',function(){
    	var checkedNum = $('#chk_all:checked').length;
		if(checkedNum>0){
			$('#btn_mass_delete').show();
		}else{
			$('#btn_mass_delete').hide();
		}
	});
    $(document).on('change','#table_guest .chk_check',function(){
    	var checkedNum = $('.chk_check:checked').length;
		if(checkedNum>0){
			$('#btn_mass_delete').show();
		}else{
			$('#btn_mass_delete').hide();
		}
	});
	$(document).on('change','.group-checkable',function(){
		var checkedNum = $('.checkboxes:checked').length;
		if(checkedNum>0){
			$('#btn_mass_delete').show();
		}else{
			$('#btn_mass_delete').hide();
		}
	});

	$(document).on('click','#btn_mass_delete',function(){
		var ids = $.map($('input:checkbox:checked'), function(n, i){
		      return n.value;
		}).join(',');
		bootbox.confirm("<?php echo app('translator')->get('messages.sure_del'); ?>", function(result) {
			if(result == true){
				$.ajax({
					type : 'DELETE',
					dataType : 'json',
					url  : "<?php echo e(action('Manage\UserController@massDestroy')); ?>",
					data : {
						_token   : $('#_token').val(),
						ids : ids
					},
					success : function(sendback){
						toastr['success']("<?php echo app('translator')->get('messages.del_success'); ?>");
						window.location.reload();
					},
					error : function(sendback){
						toastr['error']("<?php echo app('translator')->get('messages.del_fail'); ?>");
					}
				});
			}
		});
	});

	$('#add_form').validate({
		errorElement: 'span', //default input error message container
        errorClass: 'help-block help-block-error', // default input error message class
        focusInvalid: false, // do not focus the last invalid input
        ignore: "",  // validate all fields including form hidden input
		rules:{
			username:{
				required:true,
				minlength: 3 ,
				maxlength:25 ,
				noUnderline: true
			},
			password:{
				required: true,
				minlength: 6
			},
			password2:{
				equalTo:"#password"
			},
			name:{
				required: true,
				minlength: 2,
				maxlength: 25,
				noSpace:true
			},
			tel:{
				nospace:true
			},
			mobile:{
				nospace:true
			},
			tel:{
				nospace:true
			},
			email:{
				email: true
			}
		},
		messages:{
			username:{
				required:"<?php echo app('translator')->get('messages.keyin_user_account'); ?>",
				minlength: "<?php echo app('translator')->get('messages.at_least_3'); ?>",
				maxlength: "<?php echo app('translator')->get('messages.max_25'); ?>"
			},
			password:{
				required: "<?php echo app('translator')->get('messages.keyin_user_pwd'); ?>",
				minlength: "<?php echo app('translator')->get('messages.pwd_at_least_6'); ?>"
			},
			password2:{
				equalTo:"<?php echo app('translator')->get('messages.pwd_not_the_same'); ?>"
			},
			name:{
				required: "<?php echo app('translator')->get('messages.keyin_username'); ?>",
				minlength: "<?php echo app('translator')->get('messages.username_at_least_2'); ?>",
				maxlength: "<?php echo app('translator')->get('messages.username_max_25'); ?>"
			},
			email:{
				email: "<?php echo app('translator')->get('messages.email_format_invalid'); ?>"
			}
		},

        invalidHandler: function (event, validator) { //display error alert on form submit
            $('#form_success_alert').hide();
            $('#form_error_alert').show();
            $('.modal').scrollTop($('#form_error_alert'));
        },

        highlight: function (element) { // hightlight error inputs
           $(element)
                .closest('.form-group').addClass('has-error'); // set error class to the control group
        },

        unhighlight: function (element) { // revert the change done by hightlight
            $(element)
                .closest('.form-group').removeClass('has-error'); // set error class to the control group
        },

        success: function (label) {
            label
                .closest('.form-group').removeClass('has-error'); // set success class to the control group
        },

        submitHandler: function (form) {
            $('#form_success_alert').show();
            $('#form_error_alert').hide();
            //確認表單正確，Ajax送出
            $.ajax({
				type: 'POST',
				dataType: 'json',
				url: "<?php echo e(route('manage::user::add')); ?>",
				data: {
					_token   : $('#_token').val(),
					username : $('#username').val(),
					password : $('#password').val(),
					name     : $('#name').val(),
					email    : $('#email').val(),
					identity_id : $('#identity_id').val(),
					birthday : $('#birthday').val(),
					tel      : $('#tel').val(),
					mobile   : $('#mobile').val(),
					address  : $('#address').val(),
					door_no  : $('#door_no').val(),
					footage  : $('#footage').val(),
					footage_price : $('#footage_price').val(),
					manage_money  : $('#manage_money').val(),
					memo     : $('#memo').val(),
					groupid     : $('#groupid').val(),
					status   : $("#status").bootstrapSwitch('state')
				},
				success: function(sendback){
					$('#modal_add_user').modal('hide');
					window.location.reload();
				},
				error   : function ( data )
		        {
		            var errors = data.responseJSON;
		            //以下是目前測試到的可行解，但還是要實際嘗試才知道怎麼使用。
		            $.each(errors, function (key, data) {
					    console.log(key);
					    if( key == 'errors'){
					    	$.each(data, function (index, data) {
					    		$( "input[name='"+index+"']").closest('.form-group').addClass('has-error');
					    		$( "input[name='"+index+"']").closest('.form-control').after( '<span class="help-block help-block-error">'+data+'</span>' )
					    	});
					    }

					});
					$('#form_success_alert').hide();
            		$('#form_error_alert').show();
					$('.modal').scrollTop($('#form_error_alert'));

		        }
			});
        }
	});

	$('#edit_form').validate({
		errorElement: 'span', //default input error message container
        errorClass: 'help-block help-block-error', // default input error message class
        focusInvalid: false, // do not focus the last invalid input
        ignore: "",  // validate all fields including form hidden input
		rules:{
			username:{
				required:true,
				minlength: 3 ,
				maxlength:25 ,
				noUnderline: true
			},
			password:{
				minlength: 6
			},
			password2:{
				equalTo:"#edit_form input[name='password']"
			},
			name:{
				required: true,
				minlength: 2,
				maxlength: 25,
				noSpace: true
			},
			tel:{
				nospace:true
			},
			mobile:{
				nospace:true
			},
			tel:{
				nospace:true
			},
			email:{
				email: true
			}
		},
		messages:{
			username:{
				required:"<?php echo app('translator')->get('messages.keyin_user_account'); ?>",
				minlength: "<?php echo app('translator')->get('messages.at_least_3'); ?>",
				maxlength: "<?php echo app('translator')->get('messages.max_25'); ?>"
			},
			password:{
				minlength: "<?php echo app('translator')->get('messages.pwd_at_least_6'); ?>"
			},
			password2:{
				equalTo:"<?php echo app('translator')->get('messages.pwd_not_the_same'); ?>"
			},
			name:{
				required: "<?php echo app('translator')->get('messages.keyin_username'); ?>",
				minlength: "<?php echo app('translator')->get('messages.username_at_least_2'); ?>",
				maxlength: "<?php echo app('translator')->get('messages.username_max_25'); ?>"
			},
			email:{
				email: "<?php echo app('translator')->get('messages.email_format_invalid'); ?>"
			}
		},

        invalidHandler: function (event, validator) { //display error alert on form submit
            $('#form_success_alert').hide();
            $('#form_error_alert').show();
            $('.modal').scrollTop($('#form_error_alert'));
        },

        highlight: function (element) { // hightlight error inputs
           $(element)
                .closest('.form-group').addClass('has-error'); // set error class to the control group
        },

        unhighlight: function (element) { // revert the change done by hightlight
            $(element)
                .closest('.form-group').removeClass('has-error'); // set error class to the control group
        },

        success: function (label) {
            label
                .closest('.form-group').removeClass('has-error'); // set success class to the control group
        },

        submitHandler: function (form) {
            $('#form_success_alert').show();
            $('#form_error_alert').hide();
            //確認表單正確，Ajax送出
            $.ajax({
				type: 'POST',
				dataType: 'json',
				url: "<?php echo e(route('manage::user::edit')); ?>",
				data: {
					_token   : $('#_token').val(),
					id   : $('#edit_form input[name = "id"]').val(),
					username : $('#username_edit').val(),
					password : $('#password_edit').val(),
					name     : $('#name_edit').val(),
					email    : $('#email_edit').val(),
					identity_id : $('#identity_id_edit').val(),
					birthday : $('#birthday_edit').val(),
					tel      : $('#tel_edit').val(),
					mobile   : $('#mobile_edit').val(),
					address  : $('#address_edit').val(),
					door_no  : $('#door_no_edit').val(),
					footage  : $('#footage_edit').val(),
					footage_price : $('#footage_price_edit').val(),
					manage_money  : $('#manage_money_edit').val(),
					memo     : $('#memo_edit').val(),
					groupid     : $('#groupid_edit').val(),
					status   : $("#status_edit").bootstrapSwitch('state')
				},
				success: function(sendback){
					$('#modal_edit_user').modal('hide');
					window.location.reload();
				},
				error   : function ( data )
		        {
		            var errors = data.responseJSON;
		            //以下是目前測試到的可行解，但還是要實際嘗試才知道怎麼使用。
		            $.each(errors, function (key, data) {
					    console.log(key);
					    if( key == 'errors'){
					    	$.each(data, function (index, data) {
					    		$( "input[name='"+index+"']").closest('.form-group').addClass('has-error');
					    		$( "input[name='"+index+"']").closest('.form-control').after( '<span class="help-block help-block-error">'+data+'</span>' )
					    	});
					    }
					});
					$('#form_success_alert').hide();
            		$('#form_error_alert').show();
					$('.modal').scrollTop($('#form_error_alert'));

		        }
			});
        }
	});

	$('#card_add_form').validate({
		errorElement: 'span', //default input error message container
        errorClass: 'help-block help-block-error', // default input error message class
        focusInvalid: false, // do not focus the last invalid input
        ignore: "",  // validate all fields including form hidden input
		rules:{
			card_no:{
				required:true,
			}
		},
		messages:{
			card_no:{
				required:"<?php echo app('translator')->get('messages.not_input_card_no'); ?>",
			}
		},

        invalidHandler: function (event, validator) { //display error alert on form submit
            $('#form_success_alert').hide();
            $('#form_error_alert').show();
            $('.modal').scrollTop($('#form_error_alert'));
        },

        highlight: function (element) { // hightlight error inputs
           $(element)
                .closest('.form-group').addClass('has-error'); // set error class to the control group
        },

        unhighlight: function (element) { // revert the change done by hightlight
            $(element)
                .closest('.form-group').removeClass('has-error'); // set error class to the control group
        },

        success: function (label) {
            label
                .closest('.form-group').removeClass('has-error'); // set success class to the control group
        },

        submitHandler: function (form) {
            //確認表單正確，Ajax送出
            $.ajax({
				type: 'POST',
				dataType: 'json',
				url: "<?php echo e(route('manage::user::card_add')); ?>",
				data: {
					_token   : $('#_token').val(),
					user_id  : $('#card_add_form input[name = "user_id"]').val(),
					card_no  : $('#card_add_form input[name = "card_no"]').val(),
				},
				success: function(sendback){
					getCardList($('#card_add_form input[name="user_id"]').val());
					$('#card_add_form input[name = "card_no"]').val('');
					toastr['success']("<?php echo app('translator')->get('messages.card_no_add_success'); ?>");
				},
				error   : function (sendback){
					toastr['error'](sendback.responseJSON.message);
		        }
			});
        }
	});

	$('#etag_add_form').validate({
		errorElement: 'span', //default input error message container
        errorClass: 'help-block help-block-error', // default input error message class
        focusInvalid: false, // do not focus the last invalid input
        ignore: "",  // validate all fields including form hidden input
		rules:{
			tag_no:{
				required:true,
			}
		},
		messages:{
			tag_no:{
				required:"<?php echo app('translator')->get('messages.not_input_card_no'); ?>",
			}
		},

        invalidHandler: function (event, validator) { //display error alert on form submit
            $('#form_success_alert').hide();
            $('#form_error_alert').show();
            $('.modal').scrollTop($('#form_error_alert'));
        },

        highlight: function (element) { // hightlight error inputs
           $(element)
                .closest('.form-group').addClass('has-error'); // set error class to the control group
        },

        unhighlight: function (element) { // revert the change done by hightlight
            $(element)
                .closest('.form-group').removeClass('has-error'); // set error class to the control group
        },

        success: function (label) {
            label
                .closest('.form-group').removeClass('has-error'); // set success class to the control group
        },

        submitHandler: function (form) {
            //確認表單正確，Ajax送出
            $.ajax({
				type: 'POST',
				dataType: 'json',
				url: "<?php echo e(route('manage::user::etag_add')); ?>",
				data: {
					_token   : $('#_token').val(),
					user_id  : $('#etag_add_form input[name = "user_id"]').val(),
					tag_no  : $('#etag_add_form input[name = "tag_no"]').val(),
				},
				success: function(sendback){
					getETagList($('#etag_add_form input[name="user_id"]').val());
					$('#etag_add_form input[name = "tag_no"]').val('');
					toastr['success']("<?php echo app('translator')->get('messages.card_no_add_success'); ?>");
				},
				error   : function (sendback){
					toastr['error'](sendback.responseJSON.message);
		        }
			});
        }
	});

	$('#street_card_add_form').validate({
		errorElement: 'span', //default input error message container
        errorClass: 'help-block help-block-error', // default input error message class
        focusInvalid: false, // do not focus the last invalid input
        ignore: "",  // validate all fields including form hidden input
		rules:{
			card_no:{
				required:true,
			}
		},
		messages:{
			card_no:{
				required:"<?php echo app('translator')->get('messages.not_input_card_no'); ?>",
			}
		},

        invalidHandler: function (event, validator) { //display error alert on form submit
            $('#street_form_success_alert').hide();
            $('#street_form_error_alert').show();
            $('.modal').scrollTop($('#street_form_error_alert'));
        },

        highlight: function (element) { // hightlight error inputs
           $(element)
                .closest('.form-group').addClass('has-error'); // set error class to the control group
        },

        unhighlight: function (element) { // revert the change done by hightlight
            $(element)
                .closest('.form-group').removeClass('has-error'); // set error class to the control group
        },

        success: function (label) {
            label
                .closest('.form-group').removeClass('has-error'); // set success class to the control group
        },

        submitHandler: function (form) {
            //確認表單正確，Ajax送出
            $.ajax({
				type: 'POST',
				dataType: 'json',
				url: "<?php echo e(route('manage::user::card_add')); ?>",
				data: {
					_token   : $('#_token').val(),
					user_id  : $('#street_card_add_form input[name = "user_id"]').val(),
					card_no  : $('#street_card_add_form input[name = "card_no"]').val(),
					type 	 : "street"
				},
				success: function(sendback){
					getStreetCardList($('#street_card_add_form input[name="user_id"]').val());
					$('#street_card_add_form input[name = "card_no"]').val('');
					toastr['success']("<?php echo app('translator')->get('messages.card_no_add_success'); ?>");
				},
				error   : function (sendback){
					toastr['error'](sendback.responseJSON.message);
		        }
			});
        }
	});

	$(document).on('click','.btn_user_card_set',function(){
		var uid = $(this).attr('uid');
		$('#card_add_form input[name="user_id"]').val(uid);
		getCardList(uid);
		$('#modal_card').modal('show');
		$("#card_no").focus();

	});

	$(document).on('click','.btn_user_etag_set',function(){
		var uid = $(this).attr('uid');
		$('#etag_add_form input[name="user_id"]').val(uid);
		getETagList(uid);
		$('#modal_etag').modal('show');
		$("#tag_no").focus();

	});

	$(document).on('click','.btn_street_card_set',function(){
		var uid = $(this).attr('uid');
		$('#street_card_add_form input[name="user_id"]').val(uid);
		getStreetCardList(uid);
		$('#modal_street_card').modal('show');
		$("#street_card_no").focus();

	});

	$(document).on('click','#clear_submit',function(){
		document.getElementById('select_door').value = "";
		document.getElementById('select_floor').value = "";
		document.getElementById('select_house').value = "";
		document.getElementById('search_name').value = "";
		
	});

	$(document).on('click','.clear_pushes',function(){
		var pushes_id = $(this).attr('uid');
		bootbox.confirm({
		    size: 'small',
		    message: "是否刪除此裝置的資訊",
		    callback: function(result){
		    	if(result === true){
		    		$.ajax({
		    			type: 'POST',
		    			dataType: 'json',
		    			url : '<?php echo e(route("manage::user::phone_remove")); ?>',
		    			data: {
		    				_token : $('#_token').val(),
		    				id : pushes_id
		    			},
		    			success: function(sendback){
		    				toastr['success']("已成功解除裝置");
		    			}
		    		})
		    	}
		    }
		});
	});

	$(document).on('click','.btn_card_remove',function(){
		var card_id = $(this).attr('cardno');
		bootbox.confirm({
		    size: 'small',
		    message: "<?php echo app('translator')->get('messages.sure_del_user_card'); ?>",
		    callback: function(result){
		    	if(result === true){
		    		$.ajax({
		    			type: 'POST',
		    			dataType: 'json',
		    			url : '<?php echo e(route("manage::user::card_remove")); ?>',
		    			data: {
		    				_token : $('#_token').val(),
		    				card_id : card_id
		    			},
		    			success: function(sendback){
		    				toastr['success']("<?php echo app('translator')->get('messages.del_card_success'); ?>");
		    				getCardList($('#card_add_form input[name="user_id"]').val());
		    			}
		    		})
		    	}
			}
		})
	});

	$(document).on('click','.btn_etag_remove',function(){
		var etag_no = $(this).attr('etagno');
		bootbox.confirm({
		    size: 'small',
		    message: "是否確認刪除Etag",
		    callback: function(result){
		    	if(result === true){
		    		$.ajax({
		    			type: 'POST',
		    			dataType: 'json',
		    			url : '<?php echo e(route("manage::user::etag_remove")); ?>',
		    			data: {
		    				_token : $('#_token').val(),
		    				etag_no : etag_no
		    			},
		    			success: function(sendback){
		    				toastr['success']("刪除成功");
		    				window.location.reload();
		    			}
		    		})
		    	}
			}
		})
	});


	$(document).on('click','#btn_modal_add_user',function(){
		$('#modal_add_user').modal('show');
	});

	$(document).on('click','#btn_modal_edit_user',function(){
		$('#modal_edit_user').modal('show');
	});

	$(document).on('click','.btn_user_edit',function(){
		var uid = $(this).attr('uid');
		$.ajax({
			type : 'GET',
			url  : "<?php echo e(route('manage::user::edit')); ?>",
			dataType : 'json',
			data : {
				'username' : uid
			},
			success: function(sendback){
				$.each(sendback, function (key, data) {
					if(key == 'memo'){
						$( "#edit_form textarea[name='"+key+"']").val(data);
					}
					else if(key == 'status'){
						if( data == 0 ){
							$("#edit_form input[name='"+key+"']").bootstrapSwitch('state',false);
						}
						else{
							$("#edit_form input[name='"+key+"']").bootstrapSwitch('state',true);
						}
					}
					else{
						$( "#edit_form input[name='"+key+"']").val(data);
						if(key=="groupid"){
							$("#groupid_edit").val(data);
							$("#groupid_edit").select2({ width: 'resolve' });
							$(".select2 select2-container select2-container--bootstrap").attr("style","width:auto");
						}
					}
				});
				$('#modal_edit_user').modal('show');
			},
			error: function(){
				toastr['error']("<?php echo app('translator')->get('messages.error_need_refresh'); ?>");
			}
		})
	});

	$(document).on('click','.btn_user_delete',function(){
		var uid = $(this).attr('uid');
		bootbox.confirm("<h5 ><?php echo app('translator')->get('messages.sure_del2'); ?>"+uid+"<?php echo app('translator')->get('messages.this_account'); ?></h5>", function(result) {
	       if(result === true){
	       		$.ajax({
	       			type  : 'POST',
	       			url   : "<?php echo e(route('manage::user::delete')); ?>",
	       			dataType : 'json',
	       			data  : {
	       				_token   : $('#_token').val(),
	       				username : uid
	       			},
	       			success : function(sendback){
	       				if(sendback.message == ''){
	       					toastr['success']("<?php echo app('translator')->get('messages.del_account_success'); ?>");
	       					window.location.reload();
	       				}else{
	       					toastr['warning'](sendback.message.substring(0, sendback.message.length-1) + '等相關資料需先處理，請處理後再刪除使用者。');
	       				}
	       			},
	       			error   : function(sendback){
	       				toastr['error']("<?php echo app('translator')->get('messages.del_account_fail'); ?>");
	       			}
	       		});
	       }
	    });
	});

	$(document).on('click','.btn_user_print',function(){
		var uid = $(this).attr('uid');
		var url = $(this).attr('url');
		bootbox.confirm("<h3 style='font-weight:bold;'><i class='fa fa-exclamation-triangle font-red-mint'></i><?php echo app('translator')->get('messages.sure_reprint'); ?>"+uid+"<?php echo app('translator')->get('messages.pwd_form'); ?></h3><br><div class='alert alert-warning'><strong><?php echo app('translator')->get('messages.remind_your'); ?></strong> <?php echo app('translator')->get('messages.desc1'); ?> </div>", function(result) {
	       if(result === true){
	       		window.open(url,'_blank');
	       }
	    });
	});
	
	$(document).on('click','.btn_print_barcode',function(){
		var uid = $(this).attr('uid');
		var url = $(this).attr('url');
		bootbox.confirm("<h3 style='font-weight:bold;'><i class='fa fa-exclamation-triangle font-red-mint'></i>確定列印"+uid+"的住戶條碼？</h3>", function(result) {
	       if(result === true){
	       		window.open(url,'_blank');
	       }
	    });
	});

	$(document).on('click','.btn_print_phone_information',function(){
		var uid = $(this).attr('uid');
		$('#modal_phone').modal('show');
		getPhoneList(uid);
	});

});

var getPhoneList = function(uid){
	$('#phone_list').html('');
	$.ajax({
		type  : 'GET',
		dataType : 'json',
		url   : "<?php echo e(route('manage::user::phone_list')); ?>",
		data  : {
			uid : uid,
		},
		success : function(sendback){
			var html = '<div style="margin: 10px;"><table class="table table-striped table-bordered table-hover" style="width:100%;"><tr><td colspan=5 style="text-align:center;background-color:#77DDFF"> 用戶：'+sendback['name']+'</td></tr><tr><td>裝置系統</td><td>裝置型號</td><td>裝置版本</td><td>安裝日期</td><td>動作</td></tr>';
			$.each(sendback.phone_datas, function(i, obj) {
				html += '<tr><td>'+ obj.device + '</td><td>'+ obj.model+'</td><td>'+ obj.version+'</td><td>'+ obj.created_at +'</td><td><button type="button" class="btn clear_pushes btn-danger" uid="'+obj.id+'">解除裝置</button></td></tr>'; 
			 });
						html +='</table></div>';
							$('#phone_list').append(html);
		},
		error : function(sendback){
			toastr['warning']('此用戶並無APP裝置登入紀錄');
		}
	});
}

	var getCardList = function(uid){
		$('#card_list').html('');
		$('#card_form_error_alert_nocard').show();
		$.ajax({
			type  : 'GET',
			dataType : 'json',
			url   : "<?php echo e(route('manage::user::card_list')); ?>",
			data  : {
				uid : uid,
			},
			success : function(sendback){
				$('#card_form_error_alert_nocard').hide();
				$('#card_list').html('');
				$.each(sendback.cards, function(i, obj) {
					var html = '<div class="row">'+
									'<div class="col-md-offset-2 col-md-8 margin-top-10">'+
										'<div class="input-group">'+
											'<div class="input-group-btn">'+
												'<button type="button" class="btn red btn_card_remove" cardno="'+obj.id+'"> <?php echo app('translator')->get('messages.remove'); ?> <i class="fa fa-remove"></i></button>'+
											'</div>'+
											'<input type="text" class="form-control" readonly value="'+obj.card_no+'">'+
										'</div>'+
									'</div>'+
								'</div>';
					$('#card_list').append(html);
				 });
			},
			error  : function(sendback){
				
			}
		});
	}

	var getETagList = function(uid){
		$('#etag_list').html('');
		$('#etag_form_error_alert_nocard').show();
		$.ajax({
			type  : 'GET',
			dataType : 'json',
			url   : "<?php echo e(route('manage::user::etag_list')); ?>",
			data  : {
				uid : uid,
			},
			success : function(sendback){
				$('#etag_form_error_alert_nocard').hide();
				$('#etag_list').html('');
				$.each(sendback.cards, function(i, obj) {
					var html = '<div class="row">'+
									'<div class="col-md-offset-2 col-md-8 margin-top-10">'+
										'<div class="input-group">'+
											'<div class="input-group-btn">'+
												'<button type="button" class="btn red btn_etag_remove" etagno="'+obj.id+'"> <?php echo app('translator')->get('messages.remove'); ?> <i class="fa fa-remove"></i></button>'+
											'</div>'+
											'<input type="text" class="form-control" readonly value="'+obj.card_no+'">'+
										'</div>'+
									'</div>'+
								'</div>';
					$('#etag_list').append(html);
				 });
			},
			error  : function(sendback){
				
			}
		});
	}


	var getStreetCardList = function(uid){
		$('#street_card_list').html('');
		$('#street_card_form_error_alert_nocard').show();
		$.ajax({
			type  : 'GET',
			dataType : 'json',
			url   : "<?php echo e(route('manage::user::street_card_list')); ?>",
			data  : {
				uid : uid,
			},
			success : function(sendback){
				$('#street_card_form_error_alert_nocard').hide();
				$('#street_card_list').html('');
				$.each(sendback.cards, function(i, obj) {
					var html = '<div class="row">'+
									'<div class="col-md-offset-2 col-md-8 margin-top-10">'+
										'<div class="input-group">'+
											'<div class="input-group-btn">'+
												'<button type="button" class="btn red btn_card_remove" cardno="'+obj.id+'"> <?php echo app('translator')->get('messages.remove'); ?> <i class="fa fa-remove"></i></button>'+
											'</div>'+
											'<input type="text" class="form-control" readonly value="'+obj.card_no+'">'+
										'</div>'+
									'</div>'+
								'</div>';
					$('#street_card_list').append(html);
				 });
			},
			error  : function(sendback){
				
			}
		});
	}
	
	$('#tel_edit_').change(function(){
		$('#tel_edit').val($('#tel_edit_').val());
	});
	$('#mobile_edit_').change(function(){
		$('#mobile_edit').val($('#mobile_edit_').val());
	});
	$('select[name=form_page_url]').change(function(){
		var url = location.pathname;
		location.href = url.replace(/page=(\d+)/,'page=1');
	});

	//判斷使用者姓名是否用"空白"
	jQuery.validator.addMethod("noSpace", function(value, element) {
		return value.includes(" ") !==true && value.includes("　") !==true ;
	}, "使用者姓名不可有空白");

	//判斷手機、電話是否用"空白"
	jQuery.validator.addMethod("nospace", function(value, element) {
		return value.includes(" ") !==true && value.includes("　") !==true ;
	}, "手機、電話不允許輸入空白鍵！");
	
	//判斷帳號是否含"_"(底線)
	jQuery.validator.addMethod("noUnderline", function(value, element) {
		return value.includes("_") !==true ;
	}, "使用者帳號不可含_底線的符號！");
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.manage', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>