classify admin
This commit is contained in:
Husanjonazamov
617
resources/views/packages/create.blade.php
Normal file
617
resources/views/packages/create.blade.php
Normal file
@@ -0,0 +1,617 @@
|
||||
@extends('layouts.main')
|
||||
|
||||
@section('title')
|
||||
{{ __('Create Package') }}
|
||||
@endsection
|
||||
|
||||
@section('page-title')
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 order-md-1 order-last">
|
||||
<h4>@yield('title')</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<section class="section">
|
||||
<div class="buttons">
|
||||
<a class="btn btn-primary" href="{{ route('package.index') }}">
|
||||
< {{ __('Back to Packages') }} </a>
|
||||
</div>
|
||||
<form action="{{ route('package.store') }}" method="POST" class="create-form"
|
||||
data-success-function="afterPackageCreationSuccess" data-parsley-validate enctype="multipart/form-data">
|
||||
@csrf
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-header">{{ __('Create Package') }}</div>
|
||||
<div class="card-body mt-2">
|
||||
|
||||
<ul class="nav nav-tabs" id="langTabs" role="tablist">
|
||||
@foreach ($languages as $key => $lang)
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link @if ($key == 0) active @endif"
|
||||
id="tab-{{ $lang->id }}" data-bs-toggle="tab"
|
||||
data-bs-target="#lang-{{ $lang->id }}" type="button" role="tab">
|
||||
{{ $lang->name }}
|
||||
</button>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
|
||||
<div class="tab-content mt-3">
|
||||
@foreach ($languages as $key => $lang)
|
||||
<div class="tab-pane fade @if ($key == 0) show active @endif"
|
||||
id="lang-{{ $lang->id }}" role="tabpanel">
|
||||
<input type="hidden" name="languages[]" value="{{ $lang->id }}">
|
||||
@if ($lang->id == 1)
|
||||
<div class="row">
|
||||
<div class="col-md-6 form-group">
|
||||
<label>{{ __('Package Name') }} ({{ $lang->name }}) <span
|
||||
class="text-danger">*</span></label>
|
||||
<input type="text" name="name[{{ $lang->id }}]"
|
||||
class="form-control" data-parsley-required="true">
|
||||
</div>
|
||||
{{-- Row 1: IOS Product ID (Name already shown above) --}}
|
||||
<div class="col-md-6 form-group">
|
||||
<label>{{ __('IOS Product ID') }}</label>
|
||||
<input type="text" name="ios_product_id" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="form-group">
|
||||
<label>{{ __('Package Name') }} ({{ $lang->name }}) <span
|
||||
class="text-danger">*</span></label>
|
||||
<input type="text" name="name[{{ $lang->id }}]"
|
||||
class="form-control">
|
||||
</div>
|
||||
@endif
|
||||
@if ($lang->id == 1)
|
||||
{{-- Row 2: Price and Discount Percentage --}}
|
||||
<div class="row">
|
||||
<div class="col-md-6 form-group">
|
||||
<label>{{ __('Price') }} ({{ $currency_symbol }}) <span
|
||||
class="text-danger">*</span></label>
|
||||
<input type="number" name="price" class="form-control"
|
||||
data-parsley-required="true" min="0" step="0.01">
|
||||
</div>
|
||||
<div class="col-md-6 form-group">
|
||||
<label>{{ __('Discount') }} (%) <span
|
||||
class="text-danger">*</span></label>
|
||||
<input type="number" name="discount_in_percentage" class="form-control"
|
||||
data-parsley-required="true" min="0" max="100"
|
||||
step="0.01">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Row 3: Final Price --}}
|
||||
<div class="row">
|
||||
<div class="col-md-12 form-group">
|
||||
<label>{{ __('Final Price') }} ({{ $currency_symbol }}) <span
|
||||
class="text-danger">*</span></label>
|
||||
<input type="number" name="final_price" class="form-control"
|
||||
data-parsley-required="true" min="0" step="0.01">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Package Duration Type --}}
|
||||
<div class="row">
|
||||
<div class="col-md-6 form-group">
|
||||
<label>{{ __('Package Duration Type') }} <span
|
||||
class="text-danger">*</span></label>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input package-duration-type" type="radio"
|
||||
name="package_duration_type" id="package_duration_limited"
|
||||
value="limited">
|
||||
<label class="form-check-label"
|
||||
for="package_duration_limited">{{ __('Limited') }}</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input package-duration-type" type="radio"
|
||||
name="package_duration_type" id="package_duration_unlimited"
|
||||
value="unlimited" checked>
|
||||
<label class="form-check-label"
|
||||
for="package_duration_unlimited">{{ __('Unlimited') }}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 form-group">
|
||||
<div id="package_duration_input" style="display: none;" class="mt-2">
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<div class="input-group-text myDivClass"
|
||||
style="height: 42px;">
|
||||
<span class="mySpanClass">{{ __('Days') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<input type="number" name="duration" class="form-control"
|
||||
min="1"
|
||||
placeholder="{{ __('Enter duration in days') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{{-- Package Type Radio Buttons --}}
|
||||
<div class="row form-group">
|
||||
<label>{{ __('Package Type') }} <span class="text-danger">*</span></label>
|
||||
<div class="col-md-6">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input package-type-radio"
|
||||
type="radio" name="type" id="type_item_listing"
|
||||
value="item_listing" checked>
|
||||
<label class="form-check-label" for="type_item_listing">
|
||||
{{ __('Ad Listing Package') }}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input package-type-radio"
|
||||
type="radio" name="type"
|
||||
id="type_advertisement" value="advertisement">
|
||||
<label class="form-check-label" for="type_advertisement">
|
||||
{{ __('Featured Ads Package') }}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Ad Listing Package Section --}}
|
||||
<div id="ad_listing_section" style="display: none;"
|
||||
class="border rounded p-3 mb-3">
|
||||
<h6 class="mb-3">{{ __('Ad Listing Package Settings') }}</h6>
|
||||
|
||||
{{-- Item Limit --}}
|
||||
<div class="form-group mb-3">
|
||||
<label>{{ __('Item Limit') }}</label>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input ads-item-limit-type" type="radio"
|
||||
name="ads_item_limit_type" id="ads_limit_limited"
|
||||
value="limited">
|
||||
<label class="form-check-label"
|
||||
for="ads_limit_limited">{{ __('Limited') }}</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input ads-item-limit-type" type="radio"
|
||||
name="ads_item_limit_type" id="ads_limit_unlimited"
|
||||
value="unlimited" checked>
|
||||
<label class="form-check-label"
|
||||
for="ads_limit_unlimited">{{ __('Unlimited') }}</label>
|
||||
</div>
|
||||
<div id="ads_item_limit_input" style="display: none;" class="mt-2">
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<div class="input-group-text myDivClass"
|
||||
style="height: 42px;">
|
||||
<span class="mySpanClass">{{ __('Number') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<input type="number" name="ads_item_limit"
|
||||
class="form-control" min="1"
|
||||
placeholder="{{ __('Enter item limit') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Listing Duration Type --}}
|
||||
<div class="form-group mb-3">
|
||||
<label>{{ __('Listing Duration Type') }}</label>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input ads-listing-duration-type"
|
||||
type="radio" name="ads_listing_duration_type"
|
||||
id="ads_listing_standard" value="standard" checked>
|
||||
<label class="form-check-label"
|
||||
for="ads_listing_standard">{{ __('Standard (30 days)') }}</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input ads-listing-duration-type"
|
||||
type="radio" name="ads_listing_duration_type"
|
||||
id="ads_listing_package" value="package">
|
||||
<label class="form-check-label"
|
||||
for="ads_listing_package">{{ __('Package') }}</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input ads-listing-duration-type"
|
||||
type="radio" name="ads_listing_duration_type"
|
||||
id="ads_listing_custom" value="custom">
|
||||
<label class="form-check-label"
|
||||
for="ads_listing_custom">{{ __('Custom') }}</label>
|
||||
</div>
|
||||
<div id="ads_listing_duration_days_input" style="display: none;"
|
||||
class="mt-2">
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<div class="input-group-text myDivClass"
|
||||
style="height: 42px;">
|
||||
<span class="mySpanClass">{{ __('Days') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<input type="number" name="ads_listing_duration_days"
|
||||
class="form-control" min="1"
|
||||
placeholder="{{ __('Enter days') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Featured Ads Package Section --}}
|
||||
<div id="featured_ads_section" style="display: none;"
|
||||
class="border rounded p-3 mb-3">
|
||||
<h6 class="mb-3">{{ __('Featured Ads Package Settings') }}</h6>
|
||||
|
||||
{{-- Item Limit --}}
|
||||
<div class="form-group mb-3">
|
||||
<label>{{ __('Item Limit') }}</label>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input featured-item-limit-type"
|
||||
type="radio" name="featured_item_limit_type"
|
||||
id="featured_limit_limited" value="limited">
|
||||
<label class="form-check-label"
|
||||
for="featured_limit_limited">{{ __('Limited') }}</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input featured-item-limit-type"
|
||||
type="radio" name="featured_item_limit_type"
|
||||
id="featured_limit_unlimited" value="unlimited" checked>
|
||||
<label class="form-check-label"
|
||||
for="featured_limit_unlimited">{{ __('Unlimited') }}</label>
|
||||
</div>
|
||||
<div id="featured_item_limit_input" style="display: none;"
|
||||
class="mt-2">
|
||||
<input type="number" name="featured_item_limit"
|
||||
class="form-control" min="1"
|
||||
placeholder="{{ __('Enter item limit') }}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Featured Ads Duration Type --}}
|
||||
<div class="form-group mb-3">
|
||||
<label>{{ __('Featured Ads Duration Type') }}</label>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input featured-ads-duration-type"
|
||||
type="radio" name="featured_ads_duration_type"
|
||||
id="featured_ads_standard" value="standard" checked>
|
||||
<label class="form-check-label"
|
||||
for="featured_ads_standard">{{ __('Standard (30 days)') }}</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input featured-ads-duration-type"
|
||||
type="radio" name="featured_ads_duration_type"
|
||||
id="featured_ads_package" value="package">
|
||||
<label class="form-check-label"
|
||||
for="featured_ads_package">{{ __('Package') }}</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input featured-ads-duration-type"
|
||||
type="radio" name="featured_ads_duration_type"
|
||||
id="featured_ads_custom" value="custom">
|
||||
<label class="form-check-label"
|
||||
for="featured_ads_custom">{{ __('Custom') }}</label>
|
||||
</div>
|
||||
<div id="featured_ads_duration_days_input" style="display: none;"
|
||||
class="mt-2">
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<div class="input-group-text myDivClass"
|
||||
style="height: 42px;">
|
||||
<span class="mySpanClass">{{ __('Days') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<input type="number" name="featured_ads_duration_days"
|
||||
class="form-control" min="1"
|
||||
placeholder="{{ __('Enter days') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Key Points --}}
|
||||
<div class="form-group">
|
||||
<label>{{ __('Key Points') }} ({{ $lang->name }})</label>
|
||||
<div id="key_points_container_{{ $lang->id }}">
|
||||
<div class="form-group key-point-item">
|
||||
<div class="input-group">
|
||||
<input type="text"
|
||||
name="key_points[{{ $lang->id }}][]"
|
||||
class="form-control"
|
||||
placeholder="{{ __('Enter key point') }}">
|
||||
<button type="button" class="btn btn-danger remove-key-point"
|
||||
style="display: none;">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-sm btn-primary mt-2 add-key-point"
|
||||
data-lang-id="{{ $lang->id }}">
|
||||
<i class="fas fa-plus me-1"></i> {{ __('Add Key Point') }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{{-- Image --}}
|
||||
<div class="form-group">
|
||||
<label for="icon" class="form-label">{{ __('Icon') }} <span
|
||||
class="text-danger">*</span></label>
|
||||
<input type="file" name="icon" id="icon" class="form-control"
|
||||
data-parsley-required="true" accept=".jpg, .jpeg, .png">
|
||||
{{ __('(use 256 x 256 size for better view)') }}
|
||||
<div class="img_error" style="color:#DC3545;"></div>
|
||||
</div>
|
||||
@else
|
||||
{{-- Key Points for other languages --}}
|
||||
<div class="form-group">
|
||||
<label>{{ __('Key Points') }} ({{ $lang->name }})</label>
|
||||
<div id="key_points_container_{{ $lang->id }}">
|
||||
<div class="form-group key-point-item">
|
||||
<div class="input-group">
|
||||
<input type="text"
|
||||
name="key_points[{{ $lang->id }}][]"
|
||||
class="form-control"
|
||||
placeholder="{{ __('Enter key point') }}">
|
||||
<button type="button" class="btn btn-danger remove-key-point"
|
||||
style="display: none;">
|
||||
<i class="fas fa-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-sm btn-primary mt-2 add-key-point"
|
||||
data-lang-id="{{ $lang->id }}">
|
||||
<i class="fas fa-plus me-1"></i> {{ __('Add Key Point') }}
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-header">{{ __('Category Selection') }}</div>
|
||||
<div class="card-body mt-2">
|
||||
{{-- Global Package Option --}}
|
||||
<div class="form-check mb-3">
|
||||
<input class="form-check-input" type="checkbox" name="is_global" id="is_global"
|
||||
value="1">
|
||||
<label class="form-check-label" for="is_global">
|
||||
<strong>{{ __('Global Package (Apply to All Categories)') }}</strong>
|
||||
</label>
|
||||
<small
|
||||
class="form-text text-muted d-block">{{ __('If checked, this package will be available for all categories.') }}</small>
|
||||
</div>
|
||||
|
||||
<div id="category_selection" class="sub_category_lit">
|
||||
@foreach ($categories as $category)
|
||||
<div class="category">
|
||||
<div class="category-header">
|
||||
<label>
|
||||
<input type="checkbox" name="selected_categories[]"
|
||||
value="{{ $category->id }}" class="category-checkbox">
|
||||
{{ $category->name }}
|
||||
</label>
|
||||
@if (!empty($category->subcategories))
|
||||
@php
|
||||
$currentLang = Session::get('language');
|
||||
$isRtl = false;
|
||||
if (!empty($currentLang)) {
|
||||
try {
|
||||
$rtlRaw = method_exists($currentLang, 'getRawOriginal')
|
||||
? $currentLang->getRawOriginal('rtl')
|
||||
: null;
|
||||
if ($rtlRaw !== null) {
|
||||
$isRtl = $rtlRaw == 1 || $rtlRaw === true;
|
||||
} else {
|
||||
$isRtl =
|
||||
$currentLang->rtl == true ||
|
||||
$currentLang->rtl === 1;
|
||||
}
|
||||
} catch (\Exception $e) {
|
||||
$isRtl =
|
||||
$currentLang->rtl == true || $currentLang->rtl === 1;
|
||||
}
|
||||
}
|
||||
$arrowIcon = $isRtl ? '' : '';
|
||||
@endphp
|
||||
<i style='font-size:24px'
|
||||
class='fas toggle-button'>{!! $arrowIcon !!}</i>
|
||||
@endif
|
||||
</div>
|
||||
<div class="subcategories" style="display: none;">
|
||||
@if (!empty($category->subcategories))
|
||||
@include('category.treeview', [
|
||||
'categories' => $category->subcategories,
|
||||
'selected_categories' => $selected_categories,
|
||||
'selected_all_categories' => $selected_all_categories,
|
||||
])
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 text-end">
|
||||
<input type="submit" class="btn btn-primary" value="{{ __('Save and Back') }}">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
@endsection
|
||||
|
||||
@section('js')
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Package type radio buttons - only one can be selected
|
||||
$('.package-type-radio').on('change', function() {
|
||||
const selectedType = $(this).val();
|
||||
|
||||
if (selectedType === 'item_listing') {
|
||||
$('#ad_listing_section').show();
|
||||
$('#featured_ads_section').hide();
|
||||
// Enable category selection for item_listing
|
||||
// Uncheck and enable global package checkbox
|
||||
$('#is_global').prop('checked', false).prop('disabled', false);
|
||||
$('.category-checkbox').prop('disabled', false);
|
||||
$('#category_selection').show();
|
||||
} else if (selectedType === 'advertisement') {
|
||||
$('#ad_listing_section').hide();
|
||||
$('#featured_ads_section').show();
|
||||
// Disable category selection for advertisement (featured ads)
|
||||
// Set as global package for featured ads
|
||||
$('#is_global').prop('checked', true).prop('disabled', true);
|
||||
$('.category-checkbox').prop('checked', false).prop('disabled', true);
|
||||
$('#category_selection').hide();
|
||||
}
|
||||
});
|
||||
|
||||
// Initialize on page load
|
||||
const initialType = $('.package-type-radio:checked').val();
|
||||
if (initialType) {
|
||||
$('.package-type-radio[value="' + initialType + '"]').trigger('change');
|
||||
}
|
||||
|
||||
// Ad listing item limit toggle
|
||||
$('.ads-item-limit-type').on('change', function() {
|
||||
if ($(this).val() === 'limited') {
|
||||
$('#ads_item_limit_input').show();
|
||||
} else {
|
||||
$('#ads_item_limit_input').hide();
|
||||
}
|
||||
});
|
||||
|
||||
// Ad listing duration type toggle
|
||||
$('.ads-listing-duration-type').on('change', function() {
|
||||
if ($(this).val() === 'custom') {
|
||||
$('#ads_listing_duration_days_input').show();
|
||||
} else {
|
||||
$('#ads_listing_duration_days_input').hide();
|
||||
}
|
||||
});
|
||||
|
||||
// Featured item limit toggle
|
||||
$('.featured-item-limit-type').on('change', function() {
|
||||
if ($(this).val() === 'limited') {
|
||||
$('#featured_item_limit_input').show();
|
||||
} else {
|
||||
$('#featured_item_limit_input').hide();
|
||||
}
|
||||
});
|
||||
|
||||
// Featured ads duration type toggle
|
||||
$('.featured-ads-duration-type').on('change', function() {
|
||||
if ($(this).val() === 'custom') {
|
||||
$('#featured_ads_duration_days_input').show();
|
||||
} else {
|
||||
$('#featured_ads_duration_days_input').hide();
|
||||
}
|
||||
});
|
||||
|
||||
// Package duration type toggle
|
||||
$('.package-duration-type').on('change', function() {
|
||||
if ($(this).val() === 'limited') {
|
||||
$('#package_duration_input').show();
|
||||
$('#package_duration_input input[name="duration"]').attr('data-parsley-required',
|
||||
'true');
|
||||
} else {
|
||||
$('#package_duration_input').hide();
|
||||
$('#package_duration_input input[name="duration"]').removeAttr('data-parsley-required');
|
||||
}
|
||||
});
|
||||
|
||||
// Add key point
|
||||
$(document).on('click', '.add-key-point', function() {
|
||||
const langId = $(this).data('lang-id');
|
||||
const container = $('#key_points_container_' + langId);
|
||||
const newPoint = container.find('.key-point-item').first().clone();
|
||||
newPoint.find('input').val('');
|
||||
newPoint.find('.remove-key-point').show();
|
||||
container.append(newPoint);
|
||||
updateRemoveButtons();
|
||||
});
|
||||
|
||||
// Remove key point
|
||||
$(document).on('click', '.remove-key-point', function() {
|
||||
const container = $(this).closest('#key_points_container_' + $(this).closest('.tab-pane')
|
||||
.find('input[name="languages[]"]').val());
|
||||
if ($(this).closest('.key-point-item').siblings('.key-point-item').length > 0) {
|
||||
$(this).closest('.key-point-item').remove();
|
||||
updateRemoveButtons();
|
||||
}
|
||||
});
|
||||
|
||||
function updateRemoveButtons() {
|
||||
$('.key-point-item').each(function() {
|
||||
const container = $(this).closest('#key_points_container_' + $(this).closest(
|
||||
'.tab-pane').find('input[name="languages[]"]').val());
|
||||
const count = container.find('.key-point-item').length;
|
||||
container.find('.remove-key-point').toggle(count > 1);
|
||||
});
|
||||
}
|
||||
|
||||
// Global package toggle
|
||||
$('#is_global').on('change', function() {
|
||||
if ($(this).is(':checked')) {
|
||||
$('#category_selection').hide();
|
||||
$('.category-checkbox').prop('checked', false);
|
||||
} else {
|
||||
$('#category_selection').show();
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.category-checkbox', function(e) {
|
||||
e.stopPropagation();
|
||||
e.stopImmediatePropagation();
|
||||
});
|
||||
|
||||
$(document).on('click', '.category-header label', function(e) {
|
||||
|
||||
if ($(e.target).is('input[type="checkbox"]')) {
|
||||
e.stopPropagation();
|
||||
}
|
||||
});
|
||||
|
||||
// Prevent category header from triggering toggle except when clicking the toggle button
|
||||
$(document).on('click', '.category-header', function(e) {
|
||||
// If clicking on toggle button, let it handle
|
||||
if ($(e.target).hasClass('toggle-button') || $(e.target).closest('.toggle-button').length) {
|
||||
return;
|
||||
}
|
||||
// If clicking on checkbox or label, let it handle
|
||||
if ($(e.target).is('input[type="checkbox"]') || $(e.target).is('label') || $(e.target).closest('label').length) {
|
||||
return;
|
||||
}
|
||||
// Otherwise, prevent any action
|
||||
e.stopPropagation();
|
||||
});
|
||||
});
|
||||
|
||||
function afterPackageCreationSuccess() {
|
||||
setTimeout(function() {
|
||||
window.location.href = "{{ route('package.index') }}";
|
||||
}, 1000)
|
||||
}
|
||||
|
||||
// Auto-calculate final price based on price and discount
|
||||
function calculateFinalPrice() {
|
||||
const price = parseFloat($('input[name="price"]').val()) || 0;
|
||||
const discount = parseFloat($('input[name="discount_in_percentage"]').val()) || 0;
|
||||
|
||||
if (price > 0 && discount >= 0 && discount <= 100) {
|
||||
const discountAmount = (price * discount) / 100;
|
||||
const finalPrice = price - discountAmount;
|
||||
$('input[name="final_price"]').val(finalPrice.toFixed(2));
|
||||
}
|
||||
}
|
||||
|
||||
$('input[name="price"], input[name="discount_in_percentage"]').on('input', calculateFinalPrice);
|
||||
</script>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user