@extends('layout.manage')

@section('css_page_level')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/select2/css/select2.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/select2/css/select2-bootstrap.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/icheck/skins/all.css') }}"/>

@endsection

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

				</div>
			</div>
			<!-- END PAGE HEADER-->
			<div class="row">
                <div class="col-md-12">
                    {{-- 訊息提示 --}}
                    @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                    @endif
                    {{-- 訊息提示 --}}
                </div>
            </div>
			<!-- 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">@lang('messages.create_household') <i class="fa fa-plus"></i></button>
										@if(Sentinel::check()->username === 'admin')
										<form method="post" action="{{ action('Manage\UserController@printAllPWD') }}" style="display:inline">
											<input type="hidden" name="_token" value="{{ csrf_token() }}">
											<button type="submit" id="doorplates" class="btn red">全部產生新密碼、列印※需拿掉註解</button>
										</form>
										@endif
										<button id="btn_mass_delete" class="btn red" style="display:none;">@lang('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"> 帳號總數：{{$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已開通數：{{$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未開通數：{{$no_user_count}}</span>
										
										<a href="{{ action('Manage\UserController@printAllBarcode') }}" target="_blank" style="margin-right: 5px;" class="btn purple pull-right">@lang('messages.users_barcode')@lang('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="{{ 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" {{Input::get('prepage')==10? 'selected':''}}>10</option>
	                          						<option value="20" {{Input::get('prepage')==20? 'selected':''}}>20</option>
	                          						<option value="50" {{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>
												@foreach ($all_doorplate as $all_doorplates)
												<option value="{{$all_doorplates->doorplate}}" {{Input::get('select_door')==$all_doorplates->doorplate? 'selected':''}}>{{$all_doorplates->doorplate}}</option>
												@endforeach
											</select>
											<label style="margin-right:10px;">號</label>
											@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">
											@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">
											@endif
												<option value="">請選擇</option>
												@foreach ($all_floor as $all_floors)
												<option value="{{$all_floors->floor}}" {{Input::get('select_floor')==$all_floors->floor? 'selected':''}}>{{$all_floors->floor}}</option>
												@endforeach
											</select>
											<label style="margin-right:10px;">樓</label>
											@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">
											@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">
											@endif
												<option value="">請選擇</option>
												@foreach ($all_household as $all_households)
												<option value="{{$all_households->household}}" {{Input::get('select_house')==$all_households->household? 'selected':''}}>{{$all_households->household}}</option>
												@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>
	                    				@foreach(Input::all() as $key => $v)
	                      					@if(is_array($v))
	                        					@foreach($v as $k1 => $v1)
	                          						<input type="hidden" name="{{ $key.'[]'}}" value="{{$v1}}">
	                        					@endforeach
	                    		  			@else
	            		            			@if($key!='prepage' && $key!='select_door' && $key!='select_floor' && $key!='select_house' && $key!='page' && $key!='search_name' && $key!='search_type')
	    		                	      			<input type="hidden" name="{{$key}}" value="{{$v}}">
			                        			@endif
	                      					@endif
	                    				@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>
									@foreach($users as $user)
										<tr class="odd gradeX">
											<td>
												<input class='chk_check' type="checkbox" value="{{$user->id}}">
											</td>
											<td>
												{{-- 避免舊資料沒有門牌號碼造成錯誤 --}}
												@if ($user->doorplate)
													{{$user->doorplate->code}}
												@endif
											</td>
											<td>
												{{$user->username}}
											</td>
											<td>
												{{$user->name}}
											</td>
											<td>
												{{$user->tel}}
											</td>
											<td class="center">
												{{$user->mobile}}
											</td>
											<td>
												@inject('UserPresenter','NSST\Presenters\UserPresenter')
												{!!$UserPresenter->getLastLoginByUserId($user->id)!!}
											</td>
											<td>
												@if($user->status == '0')
													<span class="label label-sm label-warning"> @lang('messages.inactive') </span>
												@elseif($user->status == '1')
													<span class="label label-sm label-success"> @lang('messages.normal') </span>
												@endif
											</td>
											<td>
												<div class="btn-group">
													<button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
													@lang('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="{{$user->username}}" href="javascript:;">
															<i class="fa fa-pencil"></i>
															@lang('messages.edit') </a>
														</li>
														<li>
															<a class="btn_user_card_set" uid="{{$user->id}}" href="javascript:;">
															<i class="fa fa-credit-card"></i>
															@lang('messages.card_setting') </a>
														</li>
														<li>
															<a class="btn_user_etag_set" uid="{{$user->id}}" href="javascript:;">
															<i class="fa fa-credit-card"></i>
															ETAG設定 </a>
														</li>

														<li>
															<a class="btn_street_card_set" uid="{{$user->id}}" href="javascript:;">
															<i class="fa fa-credit-card"></i>
															反脅迫卡設定 </a>
														</li>
														<li>
															<a class="btn_user_print"  uid="{{$user->username}}" target="_blank" url="{{action('Manage\UserController@printPwdByUser',['id'=>$user->id])}}">
															<i class="fa fa-print"></i>
															@lang('messages.print_pwd') </a>
														</li>
														<li>
															<a class="btn_print_barcode" target="_blank" uid="{{$user->username}}" url="{{action('Manage\UserController@printBarcode',['id'=>$user->id])}}">
															<i class="fa fa-print"></i>
															 @lang('messages.print')@lang('messages.users_barcode') </a>
														</li>
														<li>
															<a class="btn_print_phone_information" uid="{{$user->username}}" href="javascript:;"><i class="fa fa-mobile"></i>手機裝置</a>
														</li>
														<li class="divider">
														</li>
														<li>
															<a class="btn_user_delete" uid="{{$user->username}}" href="javascript:;">
															<i class="fa fa-trash-o"></i>
															@lang('messages.del') </a>
														</li>
													</ul>
												</div>
											</td>
										</tr>
									@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>顯示第 {{ $users->firstItem() }} 到第 {{ $users->lastItem() }} 則 共有 {{ $users->total() }} 則</p>
                        		</div>
                     		</div>
                     		<div class="col-md-7 col-xs-7">
                        		<div class="pull-right" id="table_list_paginate">
	                           		{!! $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">@lang('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>
								@lang('messages.col_invalid')
							</div>
							<div id="form_success_alert" class="alert alert-success display-hide">
								<button class="close" data-close="alert"></button>
								@lang('messages.valid_and_sent')
							</div>
							<blockquote>
								<h4>Step 1. @lang('messages.basic_account_setting')</h4>
							</blockquote>


							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.plate_ids')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<select class="form-control select2me" id="groupid" name="groupid">
										@forelse ($Datas as $Data)
											<option value="{!!$Data->code!!}" data-dpId="{{$Data->id}}">{!!$Data->code!!}</option>
										@empty
											<option value="0">@lang('messages.not_create_plate')</option>
										@endforelse
									</select>
								</div>
							</div>

							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_account')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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">@lang('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="@lang('messages.pwd_confirm_again')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_name')">
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_email')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">帳號類別<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									{{-- #3981：將"公司帳號"改為"公司帳號（點數贈送對象） --}}
									<label><input type="radio" class="icheck" data-radio="icheckbox_flat-green" value="admin" class="icheck" name="account_type">公司帳號（點數贈送對象）</label>
									<label><input type="radio" class="icheck" data-radio="icheckbox_flat-green" value="staff" class="icheck" name="account_type" checked>員工</label>
									<input class="form-control" type="hidden" name="add_account_type_error">
								</div>
							</div>
							<blockquote>
								<h4>Step 2. @lang('messages.user_basic_info')</h4>
							</blockquote>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_user_ids')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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">@lang('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">@lang('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="@lang('messages.keyin_mobile')">
										<span class="help-block">@lang('messages.sms_link_mobile')</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_addr')">
									</div>
								</div>
							</div>
							@if($setting::get('npm_version') ==  '0')
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_household_no')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_sq_m')">
										<span class="help-block">@lang('messages.sq_m_sent_sms')</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_unit_sq_m_price')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_ap_admin_cost')">
									</div>
								</div>
							</div>
							@endif
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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. @lang('messages.advanced_config')</h4>
							</blockquote>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.enable_status')</label>
								<input id="status" name="status" type="checkbox" class="make-switch " data-on-text="&nbsp;@lang('messages.active')&nbsp;" data-off-text="&nbsp;@lang('messages.stop')&nbsp;" checked>
							</div>
						</div>

					<!-- END FORM-->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal">@lang('messages.close')</button>
					<button type="submit" class="btn blue" id="btn_form_add">@lang('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">@lang('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>
								@lang('messages.col_invalid')
							</div>
							<div id="form_success_alert" class="alert alert-success display-hide">
								<button class="close" data-close="alert"></button>
								@lang('messages.update_success')
							</div>
							<blockquote>
								<h4>Step 1. @lang('messages.basic_account_setting')</h4>
							</blockquote>
							<input name="id" type="hidden"/>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.plate_ids')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<select class="form-control select2me" id="groupid_edit" name="groupid">
										@forelse ($Datas as $Data)
											<option value="{!!$Data->code!!}" data-dpId="{{$Data->id}}">{!!$Data->code!!}</option>
										@empty
											<option value="0">@lang('messages.not_create_plate')</option>
										@endforelse
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_account')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_pwd')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.pwd_confirm_again')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_name')">
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_email')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">帳號類別<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-6">
									<label><input type="radio" class="icheck" data-radio="icheckbox_flat-green" value="admin" name="account_type">公司帳號</label>
									<label><input type="radio" class="icheck" data-radio="icheckbox_flat-green" value="staff" name="account_type">員工</label>
								</div>
							</div>
							<blockquote>
								<h4>Step 2. @lang('messages.user_basic_info')</h4>
							</blockquote>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_user_ids')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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">@lang('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">@lang('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="@lang('messages.keyin_mobile')">
										<span class="help-block">@lang('messages.sms_link_mobile')</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_addr')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_household_no')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_sq_m')">
										<span class="help-block">@lang('messages.sq_m_sent_sms')</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_unit_sq_m_price')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_ap_admin_cost')">
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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. @lang('messages.advanced_config')</h4>
							</blockquote>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.enable_status')</label>
								<input id="status_edit" name="status" type="checkbox" class="make-switch" data-on-text="&nbsp;@lang('messages.active')&nbsp;" data-off-text="&nbsp;@lang('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">@lang('messages.close')</button>
					<button type="submit" class="btn blue" id="btn_form_edit">@lang('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">@lang('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>
								@lang('messages.user_without_card')
							</div>
							<blockquote>
								<h4>@lang('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>
								@lang('messages.card_wrong')
							</div>
							<div id="card_form_success_alert_add" class="alert alert-success display-hide">
								<button class="close" data-close="alert"></button>
								@lang('messages.card_create_success')
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_card_no')">
									</div>
								</div>
							</div>
							<button type="submit" class="btn blue">@lang('messages.add')</button>
							<blockquote>
								<h4>@lang('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">@lang('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>
								@lang('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>
								@lang('messages.card_wrong')
							</div>
							<div id="etag_form_success_alert_add" class="alert alert-success display-hide">
								<button class="close" data-close="alert"></button>
								@lang('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="@lang('messages.keyin_card_no')">
									</div>
								</div>
							</div>
							<button type="submit" class="btn blue">@lang('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">@lang('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">@lang('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>
								@lang('messages.street_user_without_card')
							</div>
							<blockquote>
								<h4>@lang('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>
								@lang('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>
								@lang('messages.street_card_create_success')
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('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="@lang('messages.keyin_card_no')">
									</div>
								</div>
							</div>
							<button type="submit" class="btn blue">@lang('messages.add')</button>
							<blockquote>
								<h4>@lang('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">@lang('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">@lang('messages.close')</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->

	<input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
@endsection

@section('plugins_page_level')
<script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootbox/bootbox.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/select2/js/select2.full.min.js') }}" ></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/icheck/icheck.min.js') }}"></script>
@endsection

@section('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", '{{ 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("@lang('messages.sure_del')", function(result) {
			if(result == true){
				$.ajax({
					type : 'DELETE',
					dataType : 'json',
					url  : "{{ action('Manage\UserController@massDestroy') }}",
					data : {
						_token   : $('#_token').val(),
						ids : ids
					},
					success : function(sendback){
						toastr['success']("@lang('messages.del_success')");
						window.location.reload();
					},
					error : function(sendback){
						toastr['error']("@lang('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:"@lang('messages.keyin_user_account')",
				minlength: "@lang('messages.at_least_3')",
				maxlength: "@lang('messages.max_25')"
			},
			password:{
				required: "@lang('messages.keyin_user_pwd')",
				minlength: "@lang('messages.pwd_at_least_6')"
			},
			password2:{
				equalTo:"@lang('messages.pwd_not_the_same')"
			},
			name:{
				required: "@lang('messages.keyin_username')",
				minlength: "@lang('messages.username_at_least_2')",
				maxlength: "@lang('messages.username_max_25')"
			},
			email:{
				email: "@lang('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: "{{ 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(),
					doorplate_id     : $("#groupid option:selected").data("dpid"),
					status   : $("#status").bootstrapSwitch('state'),
					account_type : $('#modal_add_user input[name = account_type]:checked').val(),
				},
				success: function(sendback){
					$('#modal_add_user').modal('hide');
					window.location.reload();
				},
				error   : function ( data )
		        {
		            var errors = data.responseJSON;
		            //以下是目前測試到的可行解，但還是要實際嘗試才知道怎麼使用。
		            $.each(errors, function (key, data) {
					    if( key == 'errors'){
					    	$.each(data, function (index, data) {
								if (index == 'groupid') {
									$( "select[name='"+index+"']").closest('.form-group').addClass('has-error');
									$( "select[name='"+index+"']").closest('.form-control').after( '<span class="help-block help-block-error">'+data+'</span>' )
								}else {
									$( "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>' )
								}
					    	});
					    } else if (key == 'message') {
                            toastr['error'](data);     
                        }

					});
					$('#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:"@lang('messages.keyin_user_account')",
				minlength: "@lang('messages.at_least_3')",
				maxlength: "@lang('messages.max_25')"
			},
			password:{
				minlength: "@lang('messages.pwd_at_least_6')"
			},
			password2:{
				equalTo:"@lang('messages.pwd_not_the_same')"
			},
			name:{
				required: "@lang('messages.keyin_username')",
				minlength: "@lang('messages.username_at_least_2')",
				maxlength: "@lang('messages.username_max_25')"
			},
			email:{
				email: "@lang('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: "{{ 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(),
					doorplate_id     : $("#groupid_edit option:selected").data("dpid"),
					status   : $("#status_edit").bootstrapSwitch('state'),
					account_type : $('#modal_edit_user input[name = account_type]:checked').val(),
				},
				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) {
					    		if (index == 'groupid') {
									$( "select[name='"+index+"']").closest('.form-group').addClass('has-error');
									$( "select[name='"+index+"']").closest('.form-control').after( '<span class="help-block help-block-error">'+data+'</span>' )
								}else {
									$( "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>' )
								}
					    	});
					    } else if (key == 'message') {
                            toastr['error'](data);     
                        }
					});
					$('#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:"@lang('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: "{{ 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']("@lang('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:"@lang('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: "{{ 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']("@lang('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:"@lang('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: "{{ 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']("@lang('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 : '{{ 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');
		console.log('btn_card_remove');
		bootbox.confirm({
		    size: 'small',
		    message: "@lang('messages.sure_del_user_card')",
		    callback: function(result){
		    	if(result === true){
		    		$.ajax({
		    			type: 'POST',
		    			dataType: 'json',
		    			url : '{{ route("manage::user::card_remove") }}',
		    			data: {
		    				_token : $('#_token').val(),
		    				card_id : card_id
		    			},
		    			success: function(sendback){
		    				toastr['success']("@lang('messages.del_card_success')");
		    				getCardList($('#card_add_form input[name="user_id"]').val());
		    			},
						error: function(err){
							toastr['error']("需先於其他系統取消使用此卡號後才能移除");
						}
		    		})
		    	}
			}
		})
	});

	$(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 : '{{ 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_user_edit',function(){
		var uid = $(this).attr('uid');
		$.ajax({
			type : 'GET',
			url  : "{{ 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 if(key == 'account_type'){
						$("#edit_form input[name='"+key+"'][value='"+data+"']").iCheck('check');
						$("#edit_form input[name='account_type']").prop("disabled", 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']("@lang('messages.error_need_refresh')");
			}
		})
	});

	$(document).on('click','.btn_user_delete',function(){
		var uid = $(this).attr('uid');
		bootbox.confirm("<h5 >@lang('messages.sure_del2')"+uid+"@lang('messages.this_account')</h5>", function(result) {
	       if(result === true){
	       		$.ajax({
	       			type  : 'POST',
	       			url   : "{{ route('manage::user::delete') }}",
	       			dataType : 'json',
	       			data  : {
	       				_token   : $('#_token').val(),
	       				username : uid
	       			},
	       			success : function(sendback){
	       				if(sendback.message == ''){
	       					toastr['success']("@lang('messages.del_account_success')");
	       					window.location.reload();
	       				}else{
	       					toastr['warning'](sendback.message.substring(0, sendback.message.length-1) + '等相關資料需先處理，請處理後再刪除使用者。');
	       				}
	       			},
	       			error   : function(sendback){
	       				toastr['error']("@lang('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>@lang('messages.sure_reprint')"+uid+"@lang('messages.pwd_form')</h3><br><div class='alert alert-warning'><strong>@lang('messages.remind_your')</strong> @lang('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   : "{{ 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   : "{{ 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+'"> @lang('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   : "{{ 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+'"> @lang('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   : "{{ 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+'"> @lang('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>
@endsection