@extends(getTemplate('admin'))
@section('content')
	@push('custom-css')
	@endpush
	<script src="{{asset('assets/core/plugins/konva-v4/konva-v4.js')}}"></script>

		<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">{{__('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="{{route('memberships::admin.memberships.plans.index')}}">{{__('admin.memberships_view')}}</a></li>
							<li><a class="active">{{__('admin.memberships_addplan')}}</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>

<div class="gadmin-pagesidebar-width-2">
	<!-- begin panel -->
	<form
        class="form-horizontal form-bordered"
        enctype="multipart/form-data"
        method="{{$method}}"
        data-parsley-validate="true"
        action="{{ $action }}"
    >
		<div class="panel panel-default">
			<div class="panel-heading">
				<h4 class="panel-title">
					{{$title}}
				</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">
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
			</div>
			<div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
				<input type="hidden" name="edit" value="{{$page}}">
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.membership_name')}}</label>
					<div class="col-md-4 lg-fixed-1">
						<input class="form-control a-n" type="text" id="name" name="name" placeholder="{{__('memberships::memberships.membership_name')}}" data-parsley-required="true" value="{{$page === 'Edit' ? $membership->name : ''}}" autocomplete="off" />
					</div>
				</div>
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.url_slug')}}</label>
					<div class="col-md-9">
						<input class="form-control" type="text" id="slug" name="slug" placeholder="{{__('memberships::memberships.url_address_link')}}" data-parsley-required="true" value="{{$page === 'Edit' ? $membership->slug : ''}}">
					</div>
				</div>
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.membership_categories')}}</label>
					<div class="col-md-9">
						<ul id="categories">
                            @if($page === 'Edit')
                                @php $event_categories = explode(',', $membership->categories); @endphp
                                @foreach($event_categories as $eventCategory)
                                    <li>{{$eventCategory}}</li>
                                @endforeach
                            @endif
						</ul>
						<span class="label label-danger" id="categs" style="color:#fff;font-size:12px;font-weight:600;margin-top:10px;display: none;">{{__('memberships::memberships.categories_error')}}</span>
					</div>
				</div>
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.description')}}</label>
					<div class="col-md-9">
						<textarea class="tiny-mce hidden" name="description" rows="20">{!! $page === 'Edit' ? $membership->description : '' !!}</textarea>
					</div>
				</div>
{{--				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.membership_features')}}</label>
					<div class="col-md-9">
						@php
						$object_amenity_ids = $page === 'Edit' ? (strpos($membership->amenities,',') !== FALSE ? explode(',',$membership->amenities) : [$membership->amenities]) : [];
						$aIds = [];
						$aCids = [];
						$a = \App\Models\Amenity::get();
						foreach($a as $am){
							if(strpos($am->modules,'Memberships') !== FALSE){
								$aIds[] = $am->id;
								if(!in_array($am->category->id, $aCids))
									$aCids[] = $am->category->id;
							}
						}
						@endphp
						@if(count($aCids) > 0 && count($aIds) > 0)
							@php
                                $a_categories = \App\Models\AmenityCategory::whereIn('id', $aCids)->get();
							@endphp
							<div class="row">
								@foreach($a_categories as $a_category)
									@if($a_category->amenities)
										<label class="col-md-12 col-form-label form-group-5"><b>{{ucwords($a_category->name)}}</b></label>
										@foreach($a_category->amenities as $amenity)
											<label class="col-md-3 col-form-label" for="opt{{$amenity->id}}">{{ucwords($amenity->name)}}:
											</label>
											<div class="col-md-1">
												<input id="opt{{$amenity->id}}" type="checkbox" name="amenities[]" class="form-control form-control-checkboxes" value="{{$amenity->id}}" @if($page === 'Edit' && in_array($amenity->id, $object_amenity_ids)) checked @endif />
											</div>
										@endforeach
									@endif
								@endforeach
							</div>
						@else
							{!! get_alert('','','No Amenities Created Yet') !!}
						@endif
					</div>
				</div>--}}
			</div>
		</div>
{{--		<div class="panel panel-default">
			<div class="panel-heading">
				<h4 class="panel-title">
					Membership Image
				</h4>
			</div>
			<div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.membership_image')}}</label>
					<div class="col-md-3 lg-fixed-1">
						{!! dropzone('membership_image', 'membership_image', 1, 'memberships', 1, 10000, fileTypes('image'), 'image', false, ['file' => true, 'file_path' => $page === 'Edit' ? $membership->image : ''] ) !!}
					</div>
				</div>
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.additional_images')}}</label>
					<div class="col-md-9">
						{!! dropzone('additional_images', 'Membership', $page === 'Edit' ? $membership->id : null, 'memberships', 20, 1000, fileTypes('image'), 'image1', false) !!}
					</div>
				</div>
			</div>
		</div>--}}
		<div class="panel panel-default">
			<div class="panel-heading">
				<h4 class="panel-title">
					Booking Prices
				</h4>
			</div>
			<div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.payment_details')}}</label>
					<div class="col-md-9">
						<div class="form-group fg-b row">
							<label class="col-md-3 col-form-label">Price Amount</label>
							<div class="col-md-3 lg-fixed-1 input-group">
								@php
									$c = \App\Models\Currency::find((int)setting('default_currency_id', 'memberships'));
									if(setting('multihub') && $page === 'Edit' && $membership->company_id > 0){
										$hub = \App\Models\Company::find((int)$membership->company_id);
									}
								@endphp
								<div class="input-group-prepend"><span class="input-group-text input-bg-success">{{$c->symbol}}</span></div>
								<input type="text" class="form-control" name="price" placeholder="{{__('memberships::memberships.memberships_total_price')}}" data-parsley-required="true"  min="0" step="0.01" data-number-to-fixed="2" data-number-stepfactor="100" value="{{$page === 'Edit' ? $membership->price : ''}}">
								<div class="input-group-append"><span class="input-group-text">Per Plan</span></div>
							</div>
						</div>

						<div class="form-group fg-b row">
							<label class="col-md-3 col-form-label">VAT Percentage</label>
							<div class="col-md-3 lg-fixed-1 input-group">
								<input type="text" class="form-control" name="vat" placeholder="{{__('memberships::memberships.price_vat')}}" min="0" step="0.01" data-number-to-fixed="2" data-number-stepfactor="100" data-parsley-required="true" value="{{$page === 'Edit' ? $membership->vat : ''}}">
								<div class="input-group-append"><span class="input-group-text">%</span></div>
							</div>
						</div>

{{--						@php
							if($page == 'Edit'){
                                if (strpos($membership->subscription_period,'-') !== false) {
                                    $subscription_period = explode('-',$membership->subscription_period);
								    $subscription = $subscription_period[0];
								    $period = $subscription_period[1];
                                } else {
                                    $period = $membership->subscription_period;
                                }
							}else{
								$subscription = 1;
								$period = 'hour';
							}
						@endphp--}}
{{--						<div class="form-group fg-b row">
							<label class="col-md-3 col-form-label">{{__('memberships::memberships.subscription_period')}}
								<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Subscription Duration"></i>
							</label>
							<div class="col-md-3 lg-fixed-1">
								<div class="row">
									<!--<div class="col-lg-4 col-md-4">-->
										<input type="hidden" class="form-control" name="subscription" value="1" placeholder=""  required />
									<!--</div>-->
									<div class="col-lg-12 col-md-12">
										<select id="period" class="form-control" name="period" required>
											<option value="day" {{$period === 'day' ? 'selected' : ''}}>Daily</option>
											<option value="month" {{$period === 'month' ? 'selected' : ''}}>Monthly (starts from the 1st day of the month)</option>
											<option value="quarter" {{$period === 'quarter' ? 'selected' : ''}}>Quarterly (starts from the 1st day of the month)</option>
											<option value="year" {{$period === 'year' ? 'selected' : ''}}>Yearly (starts from the 1st day of the month)</option>
											<option value="7day" {{$period === '7day' ? 'selected' : ''}}>7 Days (from the day selected)</option>
											<option value="1month" {{$period === '1month' ? 'selected' : ''}}>1 Month (from the day selected)</option>
											<option value="3month" {{$period === '3month' ? 'selected' : ''}}>3 Months (from the day selected)</option>
											<option value="6month" {{$period === '6month' ? 'selected' : ''}}>6 Months (from the day selected)</option>
											<option value="12month" {{$period === '12month' ? 'selected' : ''}}>12 Months (from the day selected)</option>
											<option value="24month" {{$period === '24month' ? 'selected' : ''}}>24 Months (from the day selected)</option>
										</select>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group fg-b row recurring-group">
							<label class="col-md-3 col-form-label">{{__('memberships::memberships.recurrence')}}</label>
							<div class="col-md-3 lg-fixed-1">
								<select id="recurring" class="form-control" name="recurring">
									<option value="0" @if($page === 'Edit' && (int)$membership->recurring === 0) selected @endif>No</option>
									<option value="1" @if($page === 'Edit' && (int)$membership->recurring === 1) selected @endif>Yes</option>
								</select>
							</div>
						</div>
						<div class="form-group fg-b row installments-group">
							<label class="col-md-3 col-form-label">{{__('memberships::memberships.installments')}}
								<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Available Options Depend on Subcription Period Choice"></i>
							</label>
							<div class="col-md-3 lg-fixed-1">
								<select id="installments" class="form-control" name="installments" required>
									<option value="none" @if($page === 'Edit' && $membership->installments === 'none') selected @endif>{{__('memberships::memberships.in_full')}}</option>
									<option value="optional" @if($page === 'Edit' && $membership->installments === 'optional') selected @endif>{{__('memberships::memberships.optional')}}</option>
									<option value="monthly" @if($page === 'Edit' && $membership->installments === 'monthly') selected @endif>{{__('memberships::memberships.per_month')}}</option>
									<option value="quarterly" @if($page === 'Edit' && $membership->installments === 'quarterly') selected @endif>{{__('memberships::memberships.quarterly')}}</option>
									<option value="6months" @if($page === 'Edit' && $membership->installments === '6months') selected @endif>{{__('memberships::memberships.6months')}}</option>
									<option value="yearly" @if($page === 'Edit' && $membership->installments === 'yearly') selected @endif>{{__('memberships::memberships.yearly')}}</option>
								</select>
							</div>
						</div>
						<div class="form-group fg-b row installments-opts-group">
							<label class="col-md-3 col-form-label">Installment Options:<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Installment Options"></i></label>
							<div class="col-md-3 lg-fixed-1">
								<ul class="tagit-100" id="installment-opts">
									@if($page === 'Edit')
										@php $installement_options = explode(',', $membership->installment_options); @endphp
										@foreach($installement_options as $opt)
											<li>{{$opt}}</li>
										@endforeach
									@endif
								</ul>
							</div>
						</div>--}}
						<input type="hidden" name="pro_rata" value="no" />
						<!-- Temporary Disabled End -->
{{--						<div class="">
							<div class="form-group fg-b row">
								<label class="col-md-3 col-form-label">{{__('memberships::memberships.currency')}}</label>
								<div class="col-md-3 lg-fixed-1">
									@php $currencies = \App\Models\Currency::get(); @endphp
									<select class="form-control" name="currency_id">
										@foreach($currencies as $currency)
											@if($page === 'Edit' && $membership->currency_id == $currency->id)
												<option value="{{$currency->id}}" selected="selected">{{$currency->name}} - {{$currency->signature}}</option>
											@else
												<option value="{{$currency->id}}">{{$currency->name}} - {{$currency->signature}}</option>
											@endif
										@endforeach
									</select>
								</div>
							</div>
						</div>--}}
                        <input type="hidden" name="currency_id" value="{{setting('default_currency_id', 'memberships')}}" />
{{--						<div class="form-group fg-b row">
							<label class="col-md-3 col-form-label">Usergroup Membership Association</label>
							<div class="col-md-9">
								<ul id="usergroup_association">
                                    @if($page === 'Edit')
                                        @php $object_groups = explode(',', $membership->usergroups); @endphp
                                        @foreach($object_groups as $group)
                                            @if(auth()->user()->isHubAdmin())
                                                @if(!in_array($group, auth()->user()->hubsAsAdmin(), TRUE))
                                                    <li>{{$group}}</li>
                                                @endif
                                            @else
                                                <li>{{$group}}</li>
                                            @endif
                                        @endforeach
                                    @endif
								</ul>
								<span class="label label-danger" id="u-groups" style="color:#fff;font-size:12px;font-weight:600;margin-top:10px;display: none;">{{__('memberships::memberships.user_groups_error')}}</span>
							</div>
						</div>--}}
						@if(auth()->user()->isHubAdmin())
							<input type="hidden" name="hub_groups" value="{{auth()->user()->hubsAsAdmin()}}" />
						@endif
						<input type="hidden" name="usergroup_discount" value="no" />
						<div class="">
							<div class="voucher">
								<div class="form-group fg-b row">
									<label class="col-md-3 col-form-label">{{__('memberships::memberships.voucher_discount')}}</label>
									<div class="col-md-3 lg-fixed-1">
										<select class="form-control" name="voucher_discount" id="voucher_discount">
											<option value="no" @if($page === 'Edit' && $membership->voucher_discount === 'no') selected @endif>No</option>
											<option value="yes" @if($page === 'Edit' && $membership->voucher_discount === 'yes') selected @endif>Yes</option>
										</select>
									</div>
								</div>

								@if($page === 'Edit' && $membership->voucher_discount == 'yes')
									@php $vouchers = $membership->vouchers; @endphp
									@php $i = 0; @endphp
									@foreach($vouchers as $voucher)
										<div class="vDiscount controls controls-row input-group" style="width:100%;margin-bottom:5px;">
											<div class="col-md-7 col-sm-7" style="padding-left:2px;padding-right:2px;margin-bottom:5px;">
												<input type="text" name="vouchers[{{ $i }}][name]" value="{{$voucher->name}}" class="form-control a-n" placeholder="Voucher Name" data-parsley-required="true" />
											</div>
											<div class="col-md-5 col-sm-5" style="padding-left:2px;padding-right:2px;margin-bottom:5px;">
												<input class="form-control" type="text" name="vouchers[{{ $i }}][code]" value="{{$voucher->code}}" data-parlsey-type="digits" data-parsley-required="true" placeholder="Voucher Code">
											</div>
											<div class="col-md-4 col-sm-5" style="padding-left:2px;padding-right:2px;margin-bottom:5px;">
												<input class="form-control endDate" type="text" name="vouchers[{{ $i }}][expiry_date]" value="{{date("d/m/Y", strtotime($voucher->expiry_date))}}" autocomplete="off" data-parsley-required="true" placeholder="End Date">
											</div>
											<div class="col-md-3 col-sm-3" style="padding-left:2px;padding-right:2px;margin-bottom:5px;">
												<input class="form-control" type="text" name="vouchers[{{ $i }}][price]" value="{{$voucher->price}}" min="0.01" step="0.01" data-number-to-fixed="2" data-number-stepfactor="100" data-parlsey-type="digits" data-parsley-required="true" placeholder="Price">
											</div>
											<div class="col-md-4 col-sm-4" style="padding-left:2px;padding-right:2px;margin-bottom:5px;">
												<select class="form-control" name="vouchers[{{ $i }}][price_opt]">
													@if($voucher->price_opt === 'flat')
														<option value="flat" selected>Minus Price</option>
													@else
														<option value="flat">Minus Price</option>
													@endif

													@if($voucher->price_opt === 'percent')
														<option value="percent" selected>Percent</option>
													@else
														<option value="percent">Percent</option>
													@endif
												</select>
											</div>
											<div class="col-md-1 col-sm-1"><a class="delete-voucher"><i class="fa fa-times btn btn-md btn-danger red"></i></a></div>
										</div>
										@php $i++; @endphp
									@endforeach
								@endif
							</div>

							<a class="btn btn-sm btn-default btn-addnew vClone" style="display:none;"><i class="fa fa-plus"></i> Add New</a>
							@if($page == 'Edit' && $membership->voucher_discount == 'yes')
								<script>$('.vClone').show();</script>
							@endif

							<script>
								@if($page == 'Edit' && $membership->voucher_discount == 'yes')
									var count = {{$i+1}};
								@else
									var count = 0;
								@endif
								$('#voucher_discount').change(function() {
									var voucher_discount = $(this).val();
									if (voucher_discount == 'yes') {
										$('.vClone').show();
										$('.voucher').append(
											'<div class="vDiscount controls controls-row input-group" style="width:100%;margin-bottom:5px;">' +
												'<div class="col-md-7 col-sm-7" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><input type="text" name="vouchers[' + count + '][name]" value="" class="form-control a-n" data-parsley-required="true" placeholder="Voucher Name" /></div>' +
												'<div class="col-md-5 col-sm-5" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><input class="form-control" type="text" name="vouchers[' + count + '][code]" data-parlsey-type="digits" data-parsley-required="true" placeholder="Voucher Code"></div>' +
												'<div class="col-md-4 col-sm-5" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><input class="form-control endDate" type="text" name="vouchers[' + count + '][expiry_date]" autocomplete="off" data-parsley-required="true" placeholder="End Date"></div>' +
												'<div class="col-md-3 col-sm-3" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><input class="form-control" type="text" name="vouchers[' + count + '][price]" min="0.01" step="0.01" data-number-to-fixed="2" data-number-stepfactor="100" data-parlsey-type="digits" data-parsley-required="true" placeholder="Price"></div>' +
												'<div class="col-md-4 col-sm-4" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><select class="form-control" name="vouchers[' + count + '][price_opt]"><option value="flat">Minus Price</option><option value="percent">Percent</option></select></div>' +
												'<div class="col-md-1 col-sm-1"><a class="delete-voucher"><i class="fa fa-times btn btn-md btn-danger red"></i></a></div>' +
											'</div>'
										);
										count++;
										validateAlphaNum();
										$('.endDate').datepicker({
											format: 'dd/mm/yyyy'
										});
									} else {
										$('.vClone').hide();
										$('.vDiscount').remove();
									}
								});
								$('.vClone').click(function(){
									$('.voucher').append(
										'<div class="vDiscount controls controls-row input-group" style="width:100%;margin-bottom:5px;">' +
                                            '<div class="col-md-7 col-sm-7" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><input type="text" name="vouchers[' + count + '][name]" value="" class="form-control a-n" data-parsley-required="true" placeholder="Voucher Name" /></div>' +
                                            '<div class="col-md-5 col-sm-5" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><input class="form-control" type="text" name="vouchers[' + count + '][code]" data-parlsey-type="digits" data-parsley-required="true" placeholder="Voucher Code"></div>' +
                                            '<div class="col-md-4 col-sm-5" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><input class="form-control endDate" type="text" name="vouchers[' + count + '][expiry_date]" autocomplete="off" data-parsley-required="true" placeholder="End Date"></div>' +
                                            '<div class="col-md-3 col-sm-3" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><input class="form-control" type="text" name="vouchers[' + count + '][price]" min="0.01" step="0.01" data-number-to-fixed="2" data-number-stepfactor="100" data-parlsey-type="digits" data-parsley-required="true" placeholder="Price"></div>' +
                                            '<div class="col-md-4 col-sm-4" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><select class="form-control" name="vouchers[' + count + '][price_opt]"><option value="flat">Minus Price</option><option value="percent">Percent</option></select></div>' +
                                            '<div class="col-md-1 col-sm-1"><a class="delete-voucher"><i class="fa fa-times btn btn-md btn-danger red"></i></a></div>' +
										'</div>'
									);
									count++;
									validateAlphaNum();
									$('.endDate').datepicker({
										format: 'dd/mm/yyyy'
									});
								});
							</script>
						</div>

{{--						<div class="">
							<div class="addOn">
								<div class="form-group fg-b row">
									<label class="col-md-3 col-form-label">{{__('memberships::memberships.add_on_services')}}</label>
									<div class="col-md-3 lg-fixed-1">
										<select class="form-control" name="addon_service" id="addon_service">
											<option value="no" @if($page === 'Edit' && $membership->addon_service === 'no') selected @endif>No</option>
											<option value="yes" @if($page === 'Edit' && $membership->addon_service === 'yes') selected @endif>Yes</option>
										</select>
									</div>
								</div>

								@if($page === 'Edit' && $membership->addon_service == 'yes')
									@php $services = $membership->addons(); @endphp
									@php $j = 0; @endphp
									@foreach($services as $service)
										<div class="addContainer controls controls-row input-group" style="width:100%;margin-bottom:5px;">
											<div class="col-md-4 col-sm-4" style="padding-left:2px;padding-right:2px;">
												<input type="text" name="aName[]" value="{{$service->name}}" class="form-control a-n" data-parsley-required="true" placeholder="Addon Name" />
											</div>
											<div class="col-md-3 col-sm-3" style="padding-left:2px;padding-right:2px;">
												<input class="form-control" type="text" name="aPrice[]" value="{{$service->price}}" min="0.01" step="0.01" data-number-to-fixed="2" data-number-stepfactor="100" data-parlsey-type="digits" data-parsley-required="true" placeholder="Price">
											</div>
											<div class="col-md-4 col-sm-4" style="padding-left:2px;padding-right:2px;margin-bottom:5px;">
												<select class="form-control" name="aOpt[]">
													<option value="flat" @if($service->price_opt == 'flat') selected @endif>Price</option>
													<option value="percent" @if($service->price_opt == 'percent') selected @endif>Percent</option>
													<option value="reduction" @if($service->price_opt == 'reduction') selected @endif>Half Day Price</option>
													<option value="minus_price_flat" @if($service->price_opt == 'minus_price_flat') selected @endif>Minus Price Flat</option>
													<option value="minus_price_percent" @if($service->price_opt == 'minus_price_percent') selected @endif>Minus Price Percent</option>
												</select>
											</div>
											<div class="col-md-1 col-sm-1"><a class="delete-addon"><i class="fa fa-times btn btn-md btn-danger red"></i></a></div>
										</div>
										@php $j++; @endphp
									@endforeach
								@endif
							</div>
							<a class="btn btn-sm btn-default btn-addnew aClone" style="display:none;"><i class="fa fa-plus"></i> Add New</a>
							@if($page == 'Edit' && $membership->addon_service == 'yes')
								<script>$('.aClone').show();</script>
							@endif
							<script>
								@if($page == 'Edit' && $membership->addon_service == 'yes')
									var countService = {{$j+1}};
								@else
									var countService = 0;
								@endif
								$('#addon_service').change(function(){
									var addon_service = $(this).val();
									if (addon_service == 'yes') {
										$('.aClone').show();
										$('.addOn').append(
											'<div class="addContainer controls controls-row input-group" style="width:100%;margin-bottom:5px;">' +
												'<div class="col-md-4 col-sm-4" style="padding-left:2px;padding-right:2px;"><input type="text" name="aName[' + countService + ']" value="" class="form-control a-n" data-parsley-required="true" placeholder="Addon Name" /></div>' +
												'<div class="col-md-3 col-sm-3" style="padding-left:2px;padding-right:2px;"><input class="form-control" type="text" name="aPrice[' + countService + ']" min="0.01" step="0.01" data-number-to-fixed="2" data-number-stepfactor="100" data-parlsey-type="digits" data-parsley-required="true" placeholder="Price"></div>' +
												'<div class="col-md-4 col-sm-4" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><select class="form-control" name="aOpt[' + countService + ']"><option value="flat">Price</option><option value="percent">Percent</option><option value="reduction">Half Day Price</option><option value="minus_price_flat">Minus Price Flat</option><option value="minus_price_percent">Minus Price Percent</option></select></div>' +
												'<div class="col-md-1 col-sm-1"><a class="delete-addon"><i class="fa fa-times btn btn-md btn-danger red"></i></a></div>' +
											'</div>'
										);
										countService++;
										validateAlphaNum();
									} else {
										$('.addContainer').remove();
										$('.aClone').hide();
									}
								});
								$('.aClone').click(function(){
									$('.addOn').append(
										'<div class="addContainer controls controls-row input-group" style="width:100%;margin-bottom:5px;">' +
											'<div class="col-md-4 col-sm-4" style="padding-left:2px;padding-right:2px;"><input type="text" name="aName[' + countService + ']" value="" data-parsley-required="true" class="form-control a-n" placeholder="Addon Name" /></div>' +
											'<div class="col-md-3 col-sm-3" style="padding-left:2px;padding-right:2px;"><input class="form-control" type="text" name="aPrice[' + countService + ']" min="0.01" step="0.01" data-number-to-fixed="2" data-number-stepfactor="100" data-parlsey-type="digits" data-parsley-required="true" placeholder="Price"></div>' +
											'<div class="col-md-4 col-sm-4" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><select class="form-control" name="aOpt[' + countService + ']"><option value="flat">Price</option><option value="percent">Percent</option><option value="reduction">Half Day Price</option><option value="minus_price_flat">Minus Price Flat</option><option value="minus_price_percent">Minus Price Percent</option></select></div>' +
											'<div class="col-md-1 col-sm-1"><a class="delete-addon"><i class="fa fa-times btn btn-md btn-danger red"></i></a></div>' +
										'</div>'
									);
									countService++;
									validateAlphaNum();
								});
							</script>
						</div>--}}
                        <input type="hidden" name="addon_service" value="no" />
					</div>
				</div>
			</div>
		</div>
{{--		<div class="panel panel-default">
			<div class="panel-heading">
				<h4 class="panel-title">
					Survey Questions
				</h4>
			</div>
			<div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.application_questionnaire')}}</label>
					<div class="col-md-9">
						<div class="questOn">
							<div class="lg-fixed-1 lg-fixed-1-max">
								<div class="form-group form-left-border">
									<select class="form-control form-dropdown-dark" name="questionnaire" id="questionnaire">
										<option value="no" @if($page === 'Edit' && $membership->questionnaire == 'no') selected @endif>No</option>
										<option value="yes" @if($page === 'Edit' && $membership->questionnaire == 'yes') selected @endif>Yes</option>
									</select>
								</div>
							</div>

							@if($page === 'Edit' && $membership->questionnaire == 'yes')
								@php $questions = $membership->inquiries(); @endphp
								@php $z = 0; @endphp
								@foreach($questions as $question)
									<div class="questContainer controls controls-row input-group form-membershipquestions-box">
										<div class="col-md-12 col-sm-12" style="padding-left:2px;padding-right:2px;margin-bottom:10px">
											<input type="text" name="qName[]" value="{{$question->name}}" class="form-control" data-parsley-required="true" placeholder="Question" />
										</div>
										<label class="control-label lab memberships-questions-options-width">Answer:</label>
										<div class="col-md-3 col-sm-3" style="padding-left:2px;">
											<select class="form-control fieldTypes-{{$z}}" name="qType[]" required >
												<option value="">Field Type</option>
												<option value="select"@if($question->type == 'select')  selected @endif>Option Selection</option>
												<option value="text" @if($question->type == 'text') selected @endif>Text Input</option>
												<option value="number" @if($question->type == 'number') selected @endif>Number Input</option>
												<option value="email" @if($question->type == 'email') selected @endif>Email Input</option>
												<option value="url" @if($question->type == 'url') selected @endif>Website Link</option>
												<option value="textarea" @if($question->type == 'textarea') selected @endif>Textarea</option>
											</select>
										</div>
										<label class="control-label lab memberships-questions-options-width">Required:</label>
										<div class="col-md-2 col-sm-2" style="padding-left:2px;padding-right:2px;margin-bottom:5px;">
											<select class="form-control" name="qRequired[]">
												<option value="yes" @if($question->required == 'yes') selected @endif>Yes</option>
												<option value="no" @if($question->required == 'no') selected @endif>No</option>
											</select>
										</div>
										<label class="control-label lab memberships-questions-options-width-2">Order:</label>
										<div class="col-md-1 col-sm-2" style="padding-left:2px;padding-right:2px;margin-bottom:5px;">
											<input type="number" name="qOrder[]"  data-parsley-required="true" class="form-control" value="{{$question->order}}"/>
										</div>
										<div class="col-md-11 col-sm-11 opts{{$z}}" style="padding-left:2px;padding-right:2px;margin-bottom:5px;display:none">
											<input type="text" name="qOptions[]" class="form-control" data-parsley-required="false" value="{{$question->options}}" placeholder="Comma Separated Option Values" />
										</div>
										<div class="col-md-1 col-sm-1"><a class="delete-questionnaire btn btn-md text-white btn-danger" type="button" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"><i class="fa fa-times"></i></a></div>
									</div>
									<script>
										$(document).ready(function(){
											var opts = $('.fieldTypes-{{$z}}').val();
											if(opts === 'select'){
												$('.opts{{$z}}').show();
												$('.opts{{$z}} :input').attr('data-parsley-required','true');
											}else{
												$('.opts{{$z}}').hide();
												$('.opts{{$z}} :input').attr('data-parsley-required','false');
											}
										});
										$('.fieldTypes-{{$z}}').change(function(){
											var opt = $(this).val();
											if (opt === 'select'){
												$('.opts{{$z}}').show();
												$('.opts{{$z}} :input').attr('data-parsley-required','true');
											}else{
												$('.opts{{$z}}').hide();
												$('.opts{{$z}} :input').attr('data-parsley-required','false');
											}
										});
									</script>
									@php $z++; @endphp
								@endforeach
							@endif
						</div>
						<a class="btn btn-sm btn-default qClone" style="display:none;"><i class="fa fa-plus"></i> Add New Question</a>
						@if($page == 'Edit' && $membership->questionnaire == 'yes')
							<script>$('.qClone').show();</script>
						@endif
						<script>
							@if($page == 'Edit' && $membership->questionnaire == 'yes')
								var countQuestionnaire = {{$z+1}};
							@else
								var countQuestionnaire = 0;
							@endif
							$('#questionnaire').change(function(){
								var questionnaire_service = $(this).val();
								if (questionnaire_service == 'yes') {
									$('.qClone').show();
									$('.questOn').append(
										'<div class="questContainer controls controls-row input-group form-membershipquestions-box">' +
											'<div class="col-md-12 col-sm-12" style="padding-left:2px;padding-right:2px;margin-bottom:10px"><input type="text" name="qName[' + countQuestionnaire + ']" value="" class="form-control" data-parsley-required="true" placeholder="Question" /></div>' +
											'<label class="control-label lab memberships-questions-options-width">Answer:</label><div class="col-md-3 col-sm-3" style="padding:0px;"><select class="form-control fieldTypes-' + countQuestionnaire + '" name="qType[' + countQuestionnaire + ']" data-parsley-required="true"><option value="">Field Type</option><option value="select">Option Selection</option><option value="text">Text Input</option><option value="number">Number Input</option><option value="email">Email Input</option><option value="url">Website Link</option><option value="textarea">Textarea</option></select></div>' +
											'<label class="control-label lab memberships-questions-options-width">Required:</label><div class="col-md-2 col-sm-2" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><select class="form-control" name="qRequired[' + countQuestionnaire + ']"><option value="yes">Yes</option><option value="no">No</option></select></div>' +
											'<label class="control-label lab memberships-questions-options-width-2">Order:</label><div class="col-md-1 col-sm-2" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><input type="number" name="qOrder[' + countQuestionnaire + ']"  data-parsley-required="true" class="form-control" value="0"/></div>' +
											'<div class="col-md-11 col-sm-11 options" style="padding-left:2px;padding-right:2px;margin-bottom:5px;display:none"><input type="text" name="qOptions[' + countQuestionnaire + ']" value="" class="form-control" data-parsley-required="false" placeholder="Comma Separated Option Values" /></div>' +
											'<div class="col-md-1 col-sm-1"><a class="delete-questionnaire btn btn-md text-white btn-danger" type="button" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"><i class="fa fa-times"></i></a></div>' +
										'</div>'
									);
									$('.fieldTypes-' + countQuestionnaire + '').on('change',function(){
										var opt = $(this).val();
										if (opt == 'select'){
											$(this).closest('.questContainer').find('.options').show();
											$(this).closest('.questContainer').find('.options :input').attr('data-parsley-required','true');
										}else{
											$(this).closest('.questContainer').find('.options').hide();
											$(this).closest('.questContainer').find('.options :input').attr('data-parsley-required','false');
										}
									});
									countQuestionnaire++;
								} else {
									$('.questContainer').remove();
									$('.qClone').hide();
								}
							});
							$('.qClone').click(function(){
								$('.questOn').append(
									'<div class="questContainer controls controls-row input-group form-membershipquestions-box">' +
											'<div class="col-md-12 col-sm-12" style="padding-left:2px;padding-right:2px;margin-bottom:10px"><input type="text" name="qName[' + countQuestionnaire + ']" value="" class="form-control" data-parsley-required="true" placeholder="Question" /></div>' +
											'<label class="control-label lab memberships-questions-options-width">Answer:</label><div class="col-md-3 col-sm-3" style="padding:0px;"><select class="form-control fieldTypes-' + countQuestionnaire + '" name="qType[' + countQuestionnaire + ']"><option value="">Field Type</option><option value="select">Option Selection</option><option value="text">Text Input</option><option value="number">Number Input</option><option value="email">Email Input</option><option value="url">Website Link</option><option value="textarea">Textarea</option></select></div>' +
											'<label class="control-label lab memberships-questions-options-width">Required:</label><div class="col-md-2 col-sm-2" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><select class="form-control" name="qRequired[' + countQuestionnaire + ']" data-parsley-required="true"><option value="yes">Yes</option><option value="no">No</option></select></div>' +
											'<label class="control-label lab memberships-questions-options-width-2">Order:</label><div class="col-md-1 col-sm-2" style="padding-left:2px;padding-right:2px;margin-bottom:5px;"><input type="number" name="qOrder[' + countQuestionnaire + ']"  data-parsley-required="true" class="form-control" value="0"/></div>' +
											'<div class="col-md-11 col-sm-11 options" style="padding-left:2px;padding-right:2px;margin-bottom:5px;display:none"><input type="text" name="qOptions[' + countQuestionnaire + ']" value="" class="form-control" data-parsley-required="false" placeholder="Comma Separated Option Values" /></div>' +
										'<div class="col-md-1 col-sm-1"><a class="delete-questionnaire btn btn-md text-white btn-danger" type="button" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"><i class="fa fa-times"></i></a></div>' +
									'</div>'
								);
								$('.fieldTypes-' + countQuestionnaire + '').on('change',function(){
									var opt = $(this).val();
									if (opt == 'select'){
										$(this).closest('.questContainer').find('.options').show();
										$(this).closest('.questContainer').find('.options :input').attr('data-parsley-required','true');
									}else{
										$(this).closest('.questContainer').find('.options').hide();
										$(this).closest('.questContainer').find('.options :input').attr('data-parsley-required','false');
									}
								});
								countQuestionnaire++;
							});
						</script>
					</div>
				</div>
			</div>
		</div>--}}
        <input type="hidden" name="questionnaire" value="no" />
		<div class="panel panel-default">
			<div class="panel-heading">
				<h4 class="panel-title">
					Membership Plan Options
				</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">Appearance Order</label>
					<div class="col-md-3 lg-fixed-1 lg-fixed-1-max">
						<input type="number" name="order_by" value="{{$page === 'Edit' && $membership->order_by}}" min="0" step="1" class="form-control" data-parsley-required="true" />
					</div>
				</div>
				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.admin_approval')}} before Payment</label>
					<div class="col-md-3 lg-fixed-1 lg-fixed-1-max">
						<select class="form-control form-dropdown-dark" name="approval" data-parsley-required="true">
							<option value="no" @if($page === 'Edit' && $membership->approval == 'no') selected @endif>Not Required</option>
							<option value="yes" @if($page === 'Edit' && $membership->approval == 'yes') selected @endif>Required</option>
						</select>
					</div>
				</div>--}}
				<div class="form-group row">
					<label class="col-md-3 col-form-label">Display Plan for Public View or set to Private</label>
					<div class="col-md-3 lg-fixed-1 lg-fixed-1-max">
						<select class="form-control form-dropdown-dark" name="status" data-parsley-required="true">
							<option value="public" @if($page === 'Edit' && $membership->status == 'public') selected @endif>Public</option>
							<option value="private" @if($page === 'Edit' && $membership->status == 'private') selected @endif>Private</option>
						</select>
					</div>
				</div>
{{--				<div class="form-group row">
					<label class="col-md-3 col-form-label">{{__('memberships::memberships.show_vat')}} Price on Plans</label>
					<div class="col-md-3 lg-fixed-1 lg-fixed-1-max">
						<select class="form-control form-dropdown-dark" name="show_vat">
							<option value="yes" @if($page === 'Edit' && $membership->show_vat === 'yes') selected @endif>Yes</option>
							<option value="no" @if($page === 'Edit' && $membership->show_vat === 'no') selected @endif>No</option>
						</select>
					</div>
				</div>
				<div class="form-group row">
					<label class="col-md-3 col-form-label">Featured Plan</label>
					<div class="col-md-3 lg-fixed-1 lg-fixed-1-max">
						<select class="form-control form-dropdown-dark" name="featured" data-parsley-required="true">
							<option value="no" @if($page === 'Edit' && $membership->featured == 'no') selected @endif>No</option>
							<option value="yes" @if($page === 'Edit' && $membership->featured == 'yes') selected @endif>Yes</option>
						</select>
					</div>
				</div>
				<div class="form-group row">
					<label class="col-md-3 col-form-label">Desk View Design</label>
					<div class="col-md-3 lg-fixed-1 lg-fixed-1-max">
						<select class="form-control form-dropdown-dark" name="view" data-parsley-required="true">
							<option value="module" @if($page === 'Edit' && $membership->view === 'module') selected @endif>Module Default</option>
							<option value="design" @if($page === 'Edit' && $membership->view === 'design') selected @endif>Default</option>
							<option value="design2" @if($page === 'Edit' && $membership->view === 'design2') selected @endif>Design 2</option>
							<option value="design3" @if($page === 'Edit' && $membership->view === 'design3') selected @endif>Design 3</option>
							<option value="design4" @if($page === 'Edit' && $membership->view === 'design4') selected @endif>Design 4</option>
							<option value="design5" @if($page === 'Edit' && $membership->view === 'design5') selected @endif>Design 5</option>
						</select>
					</div>
				</div>--}}
				<div class="form-group row">
					<label class="col-md-3 col-form-label">Membership Plan Status</label>
					<div class="col-md-3 lg-fixed-1 lg-fixed-1-max">
						<select class="form-control form-dropdown-dark" name="active" data-parsley-required="true">
							<option value="no" @if($page === 'Edit' && $membership->active == 'no') selected @endif>Inactive</option>
							<option value="yes" @if($page === 'Edit' && $membership->active == 'yes') selected @endif>Active</option>
						</select>
					</div>
				</div>
                @php $company = \App\Models\Company::where('type','main')->first(); @endphp
                <input type="hidden" name="user_id" value="{{ auth()->user()->id }}" />
                <input type="hidden" name="order_by" value="1" />
                <input type="hidden" name="approval" value="no" />
                <input type="hidden" name="show_vat" value="yes" />
                <input type="hidden" name="featured" value="no" />
                <input type="hidden" name="view" value="module" />
                <input type="hidden" name="image" value="/assets/modules/takenplace/assets/images/tp.png" />
                <input type="hidden" name="company_id" value="{{$company->id}}" />
                <input type="hidden" name="company_name" value="{{$company->name}}" />
				<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">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
						<button type="submit" class="btn btn-success form-button-save">Save Membership Plan</button>
					</div>
				</div>
			</div>
		</div>
	</form>
</div>
	<script>
		var cats = $("#categories");
		var usergroups = $("#usergroup_association");
		$("form").on("submit", function () {
/*
			var error = false;
			if (usergroups.find("li").length <= 1) {
				$('#u-groups').show().fadeOut(10000);
				error = true;
			}
			if (cats.find("li").length <= 1) {
				$('#categs').show().fadeOut(10000);
				error = true;
			}

			if (error) {
				return false;
			}*/
		});

	</script>
	<script src="{{asset('assets/modules/memberships/assets/js/admin-memberships.js')}}" type="text/javascript"></script>
	@push('custom-js')
		<script type="text/javascript">
		$(document).ready(function(){

			$('.endDate').datepicker({
				format: 'dd/mm/yyyy'
			});

			let installmentOptions = ['monthly','quarterly','6months','yearly'];
			// Prevent Recurring Payments for daily and weekly bookings
			if($('#period').val() === 'day' || $('#period').val() === '7day')
				$('.installments-group, .installments-opts-group').slideUp();
			if($('#period').val() === '1month' || $('#period').val() === 'month')
				$('.installments-group, .installments-opts-group').slideUp();

			if($('#installments :selected').val() !== 'optional')
				$('.installments-opts-group').slideUp();

			$('#installment-opts').tagit({
				fieldName:'installment_options',
				singleField: true,
				showAutocompleteOnFocus: true,
				allowDuplicates: false,
				availableTags: installmentOptions,
				afterTagAdded: function(event, ui) {
					if ($.inArray(ui.tagLabel, installmentOptions) === -1) {
						$('#installment-opts').tagit("removeTagByLabel", ui.tagLabel);
					}
				},
			});

			$('#installments').on('change', function(){
				let val = $(this).val();
				let period = $('#period').val();
				if(val === 'optional'){
					$('.installments-opts-group').slideDown();
				}else{
					$('.installments-opts-group').slideUp();
				}
			});

			$('#period').on('change', function(){
				let val = $(this).val();
				getInstallments();
/*				if(val === 'day' || val === '7day')
					$('.recurring-group').slideUp(function(){});
				else
					$('.recurring-group').slideDown(function() {});*/

				if(val === 'day' || val === '7day' || val === 'month' || val === '1month')
					$('.installments-group').slideUp(function(){
						$('.installments-opts-group').slideUp();
					});
				else
					$('.installments-group').slideDown(function() {});
			});
            @php $groups = \Spatie\Permission\Models\Role::get(); @endphp
			@if(setting('multihub') && auth()->user()->isHubAdmin())
				var catTags = [@foreach (\Modules\Memberships\Models\Category::whereIn('company_id', $hub_categories)->get() as $category)"{{$category->name}}", @endforeach];
			@else
				var catTags = [ @foreach (\Modules\Memberships\Models\Category::get() as $category)"{{$category->name}}", @endforeach];
			@endif
			$('#categories').tagit({
				fieldName: "categories",
				singleField: true,
				showAutocompleteOnFocus: true,
				allowDuplicates: false,
				@if(setting('multihub') && auth()->user()->isHubAdmin())
				availableTags: [ @foreach (\Modules\Memberships\Models\Category::whereIn('company_id',$hub_categories)->get() as $category)"{{$category->name}}", @endforeach],
				@else
				availableTags: [ @foreach (\Modules\Memberships\Models\Category::get() as $category)"{{$category->name}}", @endforeach],
				@endif
				afterTagAdded: function(event, ui) {
					if ($.inArray(ui.tagLabel, catTags) == -1) {
						$('#categories').tagit("removeTagByLabel", ui.tagLabel);
					}
				},
			});

			@if(auth()->user()->isHubAdmin())
			var groupTags = [
				@foreach($groups as $group)
{{--					@if($group->membership_plans)--}}
					"{{$group->name}}",
        {{--					@endif--}}
                        @endforeach
                    ];
                    @else
                    var groupTags = [ @foreach($groups as $group) "{{$group->name}}", @endforeach ];
                    @endif
{{--                    $('#usergroup_association').tagit({
                        fieldName: "usergroups",
                        singleField: true,
                        showAutocompleteOnFocus: true,
                        allowDuplicates: false,
                        @if(auth()->user()->isHubAdmin())
                            availableTags: [ @foreach($groups as $group) @if($group->membership_plans) "{{$group->name}}", @endif @endforeach ],
                        @else
                            availableTags: [ @foreach($groups as $group) "{{$group->name}}", @endforeach ],
                        @endif
                        afterTagAdded: function(event, ui) {
                            if ($.inArray(ui.tagLabel, groupTags) == -1) {
                                $('#usergroup_association').tagit("removeTagByLabel", ui.tagLabel);
                            }
                        },
                    });--}}
                });

                function getInstallments() {
                    let sub = $('#period :selected').val();
                    let inst = $('#installments');
                    inst.empty();
                    if(sub === 'day' || sub === '7day' || sub === 'month' || sub === '1month')
                        inst.append('<option value="none">{{__('memberships::memberships.in_full')}}</option>');
                    if(sub === '3month' || sub === 'quarter')
                        inst.append('<option value="none">{{__('memberships::memberships.in_full')}}</option><option value="optional">{{__('memberships::memberships.optional')}}</option><option value="monthly">{{__('memberships::memberships.per_month')}}</option>');
                    if(sub === '6month')
                        inst.append('<option value="none">{{__('memberships::memberships.in_full')}}</option><option value="optional">{{__('memberships::memberships.optional')}}</option><option value="monthly">{{__('memberships::memberships.per_month')}}</option><option value="quarterly">Quarterly</option>');
                    if(sub === 'year' || sub === '12month')
                        inst.append('<option value="none">{{__('memberships::memberships.in_full')}}</option><option value="optional">{{__('memberships::memberships.optional')}}</option><option value="monthly">{{__('memberships::memberships.per_month')}}</option><option value="quarterly">Quarterly</option><option value="6month">Every 6 Months</option>');
                    if(sub === '24month')
                        inst.append('<option value="none">{{__('memberships::memberships.in_full')}}</option><option value="optional">{{__('memberships::memberships.optional')}}</option><option value="monthly">{{__('memberships::memberships.per_month')}}</option><option value="quarterly">Quarterly</option><option value="6month">Every 6 Months</option><option value="yearly">Yearly</option>');
                }
            </script>
                <!-- end panel -->
            @endpush
        @endsection