@extends(getTemplate('admin'))
@section('content')
	@push('custom-css')
	@endpush
		<div class="gadmin-pagesidebar-width-1 gadmin-mhide">
			<div class="panel panel-default gadmin-pagesidebar-width-1-panel">
				<!-- begin panel-heading -->
				<div class="panel-heading gadmin-pagesidebar-width-1-heading">
					<h4 class="panel-title">{{__('memberships::memberships.admin_memberships_sidebar')}}</h4>
				</div>
				<!-- end panel-heading -->
				<div class="gadmin-pagesidebar-body">
					<div class="gadmin-pagesidebar-main">
						<ul class="nav gadmin-pagesidebar-ul">
							<li><a href="{{url('admin/memberships/show_membership_categories')}}" class="pjax">{{__('memberships::memberships.admin_memberships_viewcategories')}}</a></li>
							<li><a class="pjax active">{{__('memberships::memberships.add_new_category')}}</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>

<div class="gadmin-pagesidebar-width-2">
	<!-- begin panel -->
	<form class="" enctype="multipart/form-data" method="post" data-parsley-validate="true">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h4 class="panel-title">
					Membership Plans Category
				</h4>
			</div>
			<div id="info-alert" class="alert" style="display:none">
				<span class="close"  onclick="$('#info-alert').fadeOut()">×</span>
				<div class="alert-container"></div>
			</div>
			<div class="error">
				{{$message}}
			</div>
			<div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
				<input type="hidden" name="edit" value="{{$page}}">
				@if(setting('multihub'))
					@if(auth()->user()->isHubAdmin())
                        @php $hubs = auth()->user()->hubsAsAdmin(); @endphp
						@if($hubs->count > 1)
							<div class="form-group row">
								<label class="col-form-label col-md-3 col-sm-3 col-be-3" for="name">
									<b>{{__('memberships::memberships.hub')}}:</b>
									<i class="fa fa-question-circle" style="font-size:16px;color: #AFAFAF;" data-toggle="tooltip" data-placement="top" title="Hub"></i></label>
								<div class="col-md-9 col-sm-9 col-be-9">
									<select class="form-control form-dropdown-dark" name="company_id" data-parsley-required="true" required>
										<option value="">{{__('memberships::memberships.select_hub_company')}}</option>
                                        @foreach($companies as $company)
                                            <option value="{{$company->id}}" @if($object->company_id == $company->id) selected @endif>{{ucwords($company->name)}}</option>
                                        @endforeach
									</select>
								</div>
							</div>
						@else
							<input type="hidden" name="company_id" value="{{$hubs->id}}" />
						@endif
					@else
						@php
                            $companies = \App\Models\Company::where('type','hub')->get();
						@endphp
						<div class="form-group row">
							<label class="col-form-label col-md-3 col-sm-3 col-be-3" for="name">
								<b>{{__('memberships::memberships.hub')}}:</b>
								<i class="fa fa-question-circle" style="font-size:16px;color: #AFAFAF;" data-toggle="tooltip" data-placement="top" title="Hub"></i></label>
							<div class="col-md-9 col-sm-9 col-be-9">
								<select class="form-control form-dropdown-dark" name="company_id" data-parsley-required="true" required>
									<option value="0">{{__('memberships::memberships.select_hub_company')}}</option>
									@if($companies->exists())
										@foreach($companies as $company)
											<option value="{{$company->id}}" @if($object->company_id == $company->id) selected @endif>{{ucwords($company->name)}}</option>
										@endforeach
									@endif
								</select>
							</div>
						</div>
					@endif
				@endif
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.category_title')}}</label>
					<div class="col-md-9">
						<input class="form-control" type="text" id="categoryname" name="name" placeholder="{{__('memberships::memberships.category_title')}}" data-parsley-required="true" value="{{$object->name}}">
					</div>
				</div>

				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.category_image')}}</label>
					<div class="col-md-3 lg-fixed-1">
						{!! dropzone('category_image', 'category_image', 1, 'memberships', 1, 10000, fileTypes('image'), 'image', false, ['file' => true, 'file_path' => $object->image] ) !!}
					</div>
				</div>
			</div>
		</div>
		<div class="panel panel-default">
			<div class="panel-heading">
				<h4 class="panel-title">
					Category Settings
				</h4>
			</div>
			<div class="panel-body form-horizontal form-bordered form-margins">
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.parent_category')}}</label>
					<div class="col-md-3 lg-fixed-1">
						<select class="form-control form-dropdown-dark" id="parent_id" name="parent_id" data-parsley-required="true">
							<option value="0">No Parent</option>
							@php $categories = \Modules\Memberships\Models\Category::get();
								if (setting('multihub') && auth()->user()->isHubAdmin()) {
									$categories = $categories->whereIn('company_id', $hubs->pluck('id'))->get();
								}
							@endphp
							@if($page === 'Add')
								@foreach ($categories as $parent_category)
									@if($parent_category->name !== 'Unallocated')
										<option value="{{$parent_category->id}}">{{stripslashes($parent_category->name)}}</option>
									@endif
								@endforeach
							@else
								@foreach($categories as $parent_category)
									@if($parent_category->id != $object->id && $parent_category->name != 'Unallocated')
										<option value="{{$parent_category->id}}" @if($object->parent_id == $parent_category->id) selected @endif>{{stripslashes($parent_category->name)}}</option>
									@endif
								@endforeach
							@endif
						</select>
					</div>
				</div>
				@if(!auth()->user()->isHubAdmin())
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.group_access_policy')}}</label>
					<div class="col-md-9">
						<ul id="access-groups">
							@php $groups = explode(',',$object->groups_allowed); @endphp
							@foreach($groups as $group)
								<li value="{{$group}}">{{$group}}</li>
							@endforeach
						</ul>
					</div>
				</div>
				@else
					<input type="hidden" name="groups_allowed" value="members,admin" />
				@endif
				<div class="form-group row m-b-0 form-save-bg">
					<label class="col-md-3 col-sm-3 col-form-label">&nbsp;</label>
					<div class="col-md-9 col-sm-9">
						<button type="submit" class="btn btn-success form-button-save">Save Membership Category</button>
					</div>
				</div>
				<input type="hidden" name="user_id" value="{{$object->user_id}}">
				<input type="hidden" name="redirect_url" value="{{url('admin/memberships/show_membership_categories')}}">
			</div>
		</div>
	</form>
</div>
	<script type="text/javascript">
		$(document).ready(function (){
			$('#access-groups').tagit({
				fieldName: "groups_allowed",
				singleField: true,
				showAutocompleteOnFocus: true,
				availableTags: [ @foreach ($groups as $group)"{{$group->name}}", @endforeach]
			});
		});

	</script>
	<!-- end panel -->
	@push('custom-js')
	@endpush
@endsection