@extends('layouts/gnr_layout')
@section('title', '| Add Area')
@section('content')
	<div class="row add-data-form">
		<div class="col-md-12">
            <div class="col-md-8 col-md-offset-2 fullbody">
            	<div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ route('lowestLevelBranches.index') }}" class="btn btn-info pull-right addViewBtn">
                    	<i class="glyphicon glyphicon-th-list viewIcon"></i>
                    	Add Lowest Level Branch List
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                	<div class="panel-heading">
                        <div class="panel-title">Lowest Level Branch Assign</div>
                    </div>
                    <div class="panel-body">
                    	<div class="row">
                            <div class="col-md-12">
                        		{!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups')) !!}
                        			<div class="form-group">
                        				{!! Form::label('name', 'Level:', ['class' => 'col-sm-2 control-label']) !!}
                        				<div class="col-sm-6">
                        					{!! Form::text('name', @$layer->title, ['class' => 'form-control', 'id' => 'name', 'type' => 'text', 'placeholder' => 'Enter area name', 'readonly' => 'readonly']) !!}
                        				</div>
                        			</div>
                        			<div class="form-group">
                        				{!! Form::label('layer_objects', 'Level Objects:', ['class' => 'col-sm-2 control-label']) !!}
                        				<div class="col-sm-6">
                        					<select class="form-control select2" id="layer_object" name="layer_object_id">
												<option value="">Select object</option>
												@foreach ($layer->layerObjects as $object)
													<option value="{{$object->id}}">{{$object->title}}</option>
												@endforeach
											</select>
                        				</div>
                        			</div>
			                        <div class="form-group">
			                            {!! Form::label('branch', 'Branch:', ['class' => 'col-sm-2 control-label']) !!}
			                            <div class="col-sm-10" style="padding-left:0!important;">
				                            @foreach($branchList as $branch)
	                                            {{-- BRANCH LISTING EXCEPT HEAD OFFICE --}}
	                                            @if($branch->id==1)
	                                            	@continue
	                                            @endif
	                                            <div class="col-sm-3" style="padding-right:0px!important;">
													<div id="container"></div>
		                                            {!! Form::checkbox('branchId[]', ($branch->id), false, array('class' => 'branchId ')) !!}
		                                            <span style="font-size:11px;">  
		                                            	{!! Form::label(Illuminate\Support\Str::lower($branch->name), (str_pad($branch->branchCode, 4, '0', STR_PAD_LEFT) . ' - ' . $branch->name)) !!}
		                                            </span>
												</div>
	                                        @endforeach
			                            </div>
			                        </div>
                        			<div class="form-group">
                        				<div class="col-sm-10 col-sm-offset-2">
                        					{!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                        					<a href="{{ route('lowestLevelBranches.index') }}" class="btn btn-danger closeBtn">Close</a>
                        				</div>
                        			</div>
                        		{!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</div>
@endsection
<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
@include("gnr.tools.managementLevel.assignLevelWiseLayerObject.script")
<script type="text/javascript">
	$(document).ready(function(){
		$('form').submit(function(event){
			event.preventDefault();

			$.ajax({
				type: 'post',
				url: "{{route('lowestLevelBranches.store')}}",
				data: $('form').serialize(),
				dataType: 'json',
				success: function(_response) {
					if(_response.errors) {
						var opts = {
									"closeButton": true,
									"debug": false,
									"positionClass": "toast-top-right",
									"onclick": null,
									"showDuration": "300",
									"hideDuration": "1000",
									"timeOut": "1500",
                                    "extendedTimeOut": "500",
									"showEasing": "swing",
									"hideEasing": "linear",
									"showMethod": "fadeIn",
									"hideMethod": "fadeOut"
								};

						if(_response.errors['layer_object_id'])
							toastr.warning(_response.errors.layer_object_id, null, opts);
						
						if(_response.errors['branchId'])
							toastr.warning(_response.errors.branchId, null, opts);
					} else {
						var opts = {
									"closeButton": true,
									"debug": false,
									"positionClass": "toast-top-right",
									"onclick": null,
									"showDuration": "300",
									"hideDuration": "1000",
									"timeOut": "1500",
                                    "extendedTimeOut": "500",
									"showEasing": "swing",
									"hideEasing": "linear",
									"showMethod": "fadeIn",
									"hideMethod": "fadeOut"
								};

						$('#name').val('');
						$('#code').val('');
						$('#branchId').val('');
						$('.error').addClass('hidden');
						toastr.success(_response.responseText, "Success!", opts);
						
						setTimeout(function(){
							window.location.href = "{{ route('lowestLevelBranches.index') }}";
						}, 1500);
					}
				},
				error: function(_response) {
					alert(_response.errors);
				}
			});
		});
	});
</script>