@extends('backend.layout')

@section('content')
	<div class="panel panel-flat">
		<div class="panel-body">
			<form action="" method="POST">
				{{ csrf_field() }}
				<fieldset class="content-group">
					<legend class="text-bold">
					Thêm mới Admin
					<a href="{{ route('backend.users.list') }}" class="pull-right">Danh sách Admin</a>
					</legend>

					<div class="form-group has-feedback @if( @$errors->first('name') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Họ và tên</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="" name="name" value="{{ $user->name ? $user->name : old('name')  }}">
							<div class="form-control-feedback">
								 @if( @$errors->first('name') != null ) <i class="icon-notification2"></i> @endif
								</div>
							<span class="help-block">{{ @$errors->first('name') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('user_name') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Tên đăng nhập</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="" name="user_name" value="{{ $user->{'user_name'} ? $user->{'user_name'} : old('user_name')  }}">
							<div class="form-control-feedback">
								 @if( @$errors->first('user_name') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('user_name') }}</span>
						</div>
					</div>

					<div class="form-group @if( @$errors->first('email') != null ) has-error  @endif  has-feedback">
						<label class="control-label col-lg-2 text-semibold">Email</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="" name="email" value="{{ $user->email ? $user->email : old('email')  }}">
							<div class="form-control-feedback">
								@if( @$errors->first('email') != null ) <i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('email') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('phone') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Số điện thoại </label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="Ex. 098.765.4321" name="phone" value="{{ $user->phone ? $user->phone : old('phone')  }}">
							<div class="form-control-feedback">
								@if( @$errors->first('phone') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('phone') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('password') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Mật khẩu </label>
						<div class="form-group has-feedback">
							<div class="col-lg-5">
								<input type="password" class="form-control" placeholder="Mật khẩu đăng nhập" name="password">
								<div class="form-control-feedback">
									@if( @$errors->first('password') != null )<i class="icon-notification2"></i> @endif
								</div>
								<span class="help-block">{{ @$errors->first('password') ?  $errors->first('password') : 'Không đổi mật khẩu để trống' }}</span>
							</div>
							<div class="col-lg-5">
								<input type="password" class="form-control" placeholder="Nhập lại mật khẩu" name="re-password">
								<div class="form-control-feedback">
									<!-- <i class="icon-notification2"></i> -->
								</div>
								<span class="help-block"></span>
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="form-group has-feedback @if( @$errors->first('role') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Nhóm quản trị </label>
						<div class="col-lg-10">
							<select class="multiselect" name="role" title="Sắp sếp theo thời gian" title="Chọn nhóm" searchable="Nhóm quản trị..">
								@foreach($roles as $role)
								<option value="{{$role->id}}" @if( @$user->roles[0]->display_name == $role->id ) selected="selected" @endif >{{$role->display_name}}</option>
								@endforeach
							</select>
							<div class="form-control-feedback">
								<!-- <i class="icon-notification2"></i> -->
							</div>
							<span class="help-block">{{ @$errors->first('role') }}</span>
						</div>
					</div>
					<div class="clearfix">
						<div class="form-group has-feedback">
						<label class="control-label col-lg-2 text-semibold">Khoá tài khoản</label>
						<div class="col-lg-10">
							<div class="checkbox checkbox-switchery">
								<label>
									<input type="checkbox" name="active" class="switchery-primary" @if($user->active) checked="checked" @endif>	
								</label>
							</div>
							<div class="form-control-feedback">
								<!-- <i class="icon-notification2"></i> -->
							</div>
							<span class="help-block"></span>
						</div>
					</div>
				</fieldset>

				<div class="text-right">
					<button type="submit" class="btn btn-primary">Cập nhật<i class="icon-file-plus position-right"></i></button>
				</div>
			</form>

		</div>
	</div>
@endsection

@push('styles')
	<style>
		.multiselect-filter .input-group-addon{
			display:none;
		}
		.multiselect-filter .input-group-btn .multiselect-clear-filter{
			opacity: 0;
		}
	</style>
@endpush

@push('scripts')
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/styling/switchery.min.js')}}"></script>
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/selects/bootstrap_multiselect.js')}}"></script>
	<script>
		$(document).ready(function() {
			$('.multiselect').multiselect({
				enableFiltering: true,
            	// filterBehavior: 'value'
            	nonSelectedText: 'Chọn nhóm quản trị'
			});
			
			var elem = document.querySelector('.switchery-primary');
			var init = new Switchery(elem);
		});
	</script>
@endpush