@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 nhóm quản trị
					<a href="{{ route('backend.role.list') }}" class="pull-right">Danh sách nhóm quản trị</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">Nhóm</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="Ex. admin" name="name" value="{{ 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 @if( @$errors->first('display_name') != null ) has-error  @endif  has-feedback">
						<label class="control-label col-lg-2 text-semibold">Tên hiển thị</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="Ex. Admin ITV" name="display_name" value="{{ old('display_name')  }}">
							<div class="form-control-feedback">
								@if( @$errors->first('display_name') != null ) <i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('display_name') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('description') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Mô tả </label>
						<div class="col-lg-10">
							<input type="text" class="form-control" placeholder="Ex. Nhóm thành viên công ty ITV-MAX" name="description" value="{{ old('description')  }}">
							<div class="form-control-feedback">
								@if( @$errors->first('description') != null )<i class="icon-notification2"></i> @endif
							</div>
							<span class="help-block">{{ @$errors->first('description') }}</span>
						</div>
					</div>

					<div class="form-group has-feedback @if( @$errors->first('perm') != null ) has-error  @endif ">
						<label class="control-label col-lg-2 text-semibold">Phân quyền </label>
						<div class="col-lg-10">
							@foreach($perms as $perm)
							<div class="row">
								@foreach($perm as $item)
								<div class="col-md-3">
									<div style="width:80%;margin:0px auto;display:block">
										<div class="checkbox checkbox-right checkbox-switchery">
											<label class="display-block">
												<input type="checkbox" name="perm[]" value="{{ $item->id }}" class="switchery-primary">	
												{{ $item->display_name }}
											</label>
										</div>
									</div>
								</div>
								@endforeach
							</div>
							@endforeach
						</div>
					</div>
					
				</fieldset>

				<div class="text-right">
					<button type="submit" class="btn btn-primary">Thêm mới <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>
		$(document).ready(function() {
			var elems = Array.prototype.slice.call(document.querySelectorAll('.switchery-primary'));

			elems.forEach(function(html) {
			  	var switchery = new Switchery(html);
			});
		});
	</script>
@endpush