@if (isset($packages) and isset($paymentMethods) and $packages->count() > 0 and $paymentMethods->count() > 0)
<div class="content-subheading">
	<i class="icon-tag"></i>
	<strong>{{ t('Packages') }}</strong>
</div>

<div class="col-md-12 page-content mb-4">
	<div class="inner-box">
		
		<div class="row">
			<div class="col-sm-12">
				<fieldset>
					
						<div class="well pb-0">
							<h3><i class="icon-certificate icon-color-1"></i> {{ t('Premium Ad') }} </h3>
							<p>
								{{ t('premium_plans_hint') }}
							</p>
														<div class="form-group mb-0">
								<table id="packagesTable" class="table table-hover checkboxtable mb-0">
																		@foreach ($packages as $package)
										<br />
<b>Notice</b>:  Undefined variable: package in <b>/var/www/html/resources/views/post/createOrEdit/singleStep/inc/packages.blade.php</b> on line <b>67</b><br />
<br />
<b>Notice</b>:  Trying to get property 'price' of non-object in <b>/var/www/html/resources/views/post/createOrEdit/singleStep/inc/packages.blade.php</b> on line <b>67</b><br />
										<tr>
											<td class="text-left align-middle p-3">
												<div class="form-check">
													<input class="form-check-input package-selection{{ $packageIdError }}"
														   type="radio"
														   name="package_id"
														   id="packageId-{{ $package->tid }}"
														   value="{{ $package->tid }}"
														   data-name="{{ $package->name }}"
														   data-currencysymbol="{{ $package->currency->symbol }}"
														   data-currencyinleft="{{ $package->currency->in_left }}"
															{{ (old('package_id', $currentPackageId)==$package->tid) ? ' checked' : (($package->price==0) ? ' checked' : '') }} {{ $packageStatus }}
													>
													<label class="form-check-label mb-0{{ $packageIdError }}">
														<strong class="tooltipHere"
																title=""
																data-placement="right"
																data-toggle="tooltip"
																data-original-title="{!! $package->description !!}"
														>{!! $package->name . $badge !!} </strong>
													</label>
												</div>
											</td>
											<td class="text-right align-middle p-3">
												<p id="price-{{ $package->tid }}" class="mb-0">
													@if ($package->currency->in_left == 1)
														<span class="price-currency">{!! $package->currency->symbol !!}</span>
													@endif
													<span class="price-int">{{ $package->price }}</span>
													@if ($package->currency->in_left == 0)
														<span class="price-currency">{!! $package->currency->symbol !!}</span>
													@endif
												</p>
											</td>
										</tr>
									@endforeach
									
									<tr>
										<td class="text-left align-middle p-3">
																						<div class="form-group mb-0">
												<div class="col-md-10 col-sm-12 p-0">
													<select class="form-control selecter{{ $paymentMethodIdError }}" name="payment_method_id" id="paymentMethodId">
														@foreach ($paymentMethods as $paymentMethod)
															@if (view()->exists('payment::' . $paymentMethod->name))
																<option value="{{ $paymentMethod->id }}" data-name="{{ $paymentMethod->name }}" {{ (old('payment_method_id', $currentPaymentMethodId)==$paymentMethod->id) ? 'selected="selected"' : '' }}>
																	@if ($paymentMethod->name == 'offlinepayment')
																		{{ trans('offlinepayment::messages.Offline Payment') }}
																	@else
																		{{ $paymentMethod->display_name }}
																	@endif
																</option>
															@endif
														@endforeach
													</select>
												</div>
											</div>
										</td>
										<td class="text-right align-middle p-3">
											<p class="mb-0">
												<strong>
													{{ t('Payable Amount') }}:
													<span class="price-currency amount-currency currency-in-left" style="display: none;"></span>
													<span class="payable-amount">0</span>
													<span class="price-currency amount-currency currency-in-right" style="display: none;"></span>
												</strong>
											</p>
										</td>
									</tr>
								
								</table>
							</div>
						</div>
					
						@if (isset($paymentMethods) and $paymentMethods->count() > 0)
							<!-- Payment Plugins -->
														@foreach($paymentMethods as $paymentMethod)
								@if (view()->exists('payment::' . $paymentMethod->name))
									@include('payment::' . $paymentMethod->name, [$paymentMethod->name . 'PaymentMethod' => $paymentMethod])
								@endif
								<br />
<b>Notice</b>:  Undefined variable: paymentMethod in <b>/var/www/html/resources/views/post/createOrEdit/singleStep/inc/packages.blade.php</b> on line <b>153</b><br />
<br />
<b>Notice</b>:  Trying to get property 'has_ccbox' of non-object in <b>/var/www/html/resources/views/post/createOrEdit/singleStep/inc/packages.blade.php</b> on line <b>153</b><br />
							@endforeach
						@endif
				
				</fieldset>
				
			</div>
		</div>
	</div>
</div>
@endif

@section('after_styles')
	@parent
@endsection

@section('after_scripts')
	@parent
	<script>
		@if (isset($packages) and isset($paymentMethods) and $packages->count() > 0 and $paymentMethods->count() > 0)
		
			var currentPackagePrice = {{ $currentPackagePrice }};
			var currentPaymentActive = {{ $currentPaymentActive }};
			$(document).ready(function ()
			{
				/* Show price & Payment Methods */
				var selectedPackage = $('input[name=package_id]:checked').val();
				var packagePrice = getPackagePrice(selectedPackage);
				var packageCurrencySymbol = $('input[name=package_id]:checked').data('currencysymbol');
				var packageCurrencyInLeft = $('input[name=package_id]:checked').data('currencyinleft');
				var paymentMethod = $('#paymentMethodId').find('option:selected').data('name');
				showAmount(packagePrice, packageCurrencySymbol, packageCurrencyInLeft);
				showPaymentSubmitButton(currentPackagePrice, packagePrice, currentPaymentActive, paymentMethod);
				
				/* Select a Package */
				$('.package-selection').click(function () {
					selectedPackage = $(this).val();
					packagePrice = getPackagePrice(selectedPackage);
					packageCurrencySymbol = $(this).data('currencysymbol');
					packageCurrencyInLeft = $(this).data('currencyinleft');
					showAmount(packagePrice, packageCurrencySymbol, packageCurrencyInLeft);
					showPaymentSubmitButton(currentPackagePrice, packagePrice, currentPaymentActive, paymentMethod);
				});
				
				/* Select a Payment Method */
				$('#paymentMethodId').on('change', function () {
					paymentMethod = $(this).find('option:selected').data('name');
					showPaymentSubmitButton(currentPackagePrice, packagePrice, currentPaymentActive, paymentMethod);
				});
				
				/* Form Default Submission */
				$('#submitPostForm').on('click', function (e) {
					e.preventDefault();
					
					if (packagePrice <= 0) {
						$('#postForm').submit();
					}
					
					return false;
				});
			});
		
		@endif
		
		/* Show or Hide the Payment Submit Button */
		/* NOTE: Prevent Package's Downgrading */
		/* Hide the 'Skip' button if Package price > 0 */
		function showPaymentSubmitButton(currentPackagePrice, packagePrice, currentPaymentActive, paymentMethod)
		{
			return false;
			
			if (packagePrice > 0) {
				$('#submitPostForm').show();
				$('#skipBtn').hide();
				
				if (currentPackagePrice > packagePrice) {
					$('#submitPostForm').hide();
				}
				if (currentPackagePrice == packagePrice) {
					if (paymentMethod == 'offlinepayment' && currentPaymentActive != 1) {
						$('#submitPostForm').hide();
						$('#skipBtn').show();
					}
				}
			} else {
				$('#skipBtn').show();
			}
		}
	</script>
@endsection