@extends('layouts.landing')

@section('title')
    Edit Subscription Package
@endsection

@section('content')
    <div class="row mb-4">
        <div class="col">
            <a href="{{ url('/subscription') }}" class="text-color"><i mdi class="mdi mdi-arrow-left"></i> Back to
                subscriptions</a>
        </div>
    </div>
    <div class="row ">
        <div class="col">
            <h4>Edit Subscription Package</h4>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="card w-100 shadow-xss rounded-xxl border-0 ps-4 pt-4 pe-4 pb-3 mb-3 mt-3">
                <div class="row justify-content-center">
                    <div class="col-12">
                        <form class="" action="{{ route('sub.update-package', $package->id) }}" method="POST">
                            @csrf
                            <div class="tab-pane fade show active" id="wizardStepOne" role="tabpanel"
                                aria-labelledby="wizardTabOne">
                                <div class="form-group">
                                    <label class="form-label mb-1">
                                        <div class="row">
                                            <div class="col">
                                                <label>
                                                    Package Category
                                                </label>
                                            </div>
                                            <div class="col-auto">
                                                <small class="text-muted">
                                                    <a href="" data-toggle="modal" data-target="#addPackageCategory"
                                                        class="custom-button cursor text-color"> <i
                                                            class="mdi mdi-plus"></i> Add Category</a>
                                                </small>
                                            </div>
                                        </div>
                                    </label>
                                    <select name="package_category_id" class="form-select">
                                        @forelse($package_categories as $package_category)
                                            <option value="{{ $package_category->id }}"
                                                {{ $package->package_category_id == $package_category->id ? 'selected' : '' }}>
                                                {{ $package_category->name }}</option>
                                        @empty
                                            <option value="">No category found</option>
                                        @endforelse
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label class="form-label mb-1">
                                        Name of Package
                                    </label>
                                    <input type="text" name="name" id="package-name" class="form-control"
                                        value="{{ $package->name }}">
                                </div>
                                <div class="form-group">
                                    <label class="form-label mb-1">
                                        Description
                                    </label>
                                    <textarea name="description" rows="5" id="description" class="form-control" placeholder="Enter description">{{ $package->description }}</textarea>
                                </div>
                                <div class="form-group priceamount">
                                    <label class="form-label mb-1">
                                        Price <span class="text-red">* If this is a free plan, leave as 0</span>
                                    </label>
                                    <input type="number" name="price" id="price" class="form-control"
                                        value="{{ $package->price }}">
                                    <span class="curr">₦</span>
                                </div>
                                <div class="row">
                                    <div class="col-12 col-lg-6 col-xl-6">
                                        <div class="form-group">
                                            <label class="form-label mb-1">
                                                Validity
                                            </label>
                                            <select name="validity" id="validity" class="form-select">
                                                <option value="{{ $package->validity }}">{{ $package->validity }}</option>
                                                <option value="Days">Days</option>
                                                <option value="Months">Months</option>
                                                <option value="Years">Years</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-lg-6 col-xl-6">
                                        <div class="form-group">
                                            <label class="form-label mb-1">
                                                Duration
                                            </label>
                                            <input type="number" id="duration" name="duration" placeholder="e.g 30"
                                                class="form-control" value="{{ $package->duration }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label mb-1">
                                            Package Type
                                        </label>
                                    </div>
                                    <div>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Feeds
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="feed_feature" id="feed_feature"
                                                                value="{{ $package->feed_feature }}">
                                                            <input type="checkbox" name="feed_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('feed_feature', 'feed_label', this)"
                                                                {{ $package->feed_feature == 1 ? 'checked' : '' }}>
                                                            <label for="feed_feature" id="feed_label"
                                                                class="form-check-label">{{ $package->feed_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Network
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="network_feature"
                                                                id="network_feature"
                                                                value="{{ $package->network_feature }}">
                                                            <input type="checkbox" name="feed_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('network_feature', 'network_label', this)"
                                                                {{ $package->network_feature == 1 ? 'checked' : '' }}>
                                                            <label for="network_feature" id="network_label"
                                                                class="form-check-label">{{ $package->network_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Profile
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="profile_feature"
                                                                id="profile_feature"
                                                                value="{{ $package->profile_feature }}">
                                                            <input type="checkbox" name="profile_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('profile_feature', 'profile_label', this)"
                                                                {{ $package->profile_feature == 1 ? 'checked' : '' }}>
                                                            <label for="profile_feature" id="profile_label"
                                                                class="form-check-label">{{ $package->profile_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Search
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="search_feature"
                                                                id="search_feature"
                                                                value="{{ $package->search_feature }}">
                                                            <input type="checkbox" name="search_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('search_feature', 'search_label', this)"
                                                                {{ $package->search_feature == 1 ? 'checked' : '' }}>
                                                            <label for="search_feature" id="search_label"
                                                                class="form-check-label">{{ $package->search_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Chat
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="chat_feature" id="chat_feature"
                                                                value="{{ $package->chat_feature }}">
                                                            <input type="checkbox" name="chat_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('chat_feature', 'chat_label', this)"
                                                                {{ $package->chat_feature == 1 ? 'checked' : '' }}>
                                                            <label for="chat_feature" id="chat_label"
                                                                class="form-check-label">{{ $package->chat_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Mentorship
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="mentorship_feature"
                                                                id="mentorship_feature"
                                                                value="{{ $package->mentorship_feature }}">
                                                            <input type="checkbox" name="mentorship_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('mentorship_feature', 'mentorship_label', this)"
                                                                {{ $package->mentorship_feature == 1 ? 'checked' : '' }}>
                                                            <label for="mentorship_feature" id="mentorship_label"
                                                                class="form-check-label">{{ $package->mentorship_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Forum
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="forum_feature" id="forum_feature"
                                                                value="{{ $package->forum_feature }}">
                                                            <input type="checkbox" name="forum_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('forum_feature', 'forum_label', this)"
                                                                {{ $package->forum_feature == 1 ? 'checked' : '' }}>
                                                            <label for="forum_feature" id="forum_label"
                                                                class="form-check-label">{{ $package->forum_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Elearning
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="elearning_feature"
                                                                id="elearning_feature"
                                                                value="{{ $package->elearning_feature }}">
                                                            <input type="checkbox" name="elearning_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('elearning_feature', 'elearning_label', this)"
                                                                {{ $package->elearning_feature == 1 ? 'checked' : '' }}>
                                                            <label for="elearning_feature" id="elearning_label"
                                                                class="form-check-label">{{ $package->elearning_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Announcement
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="announcement_feature"
                                                                id="announcement_feature"
                                                                value="{{ $package->announcement_feature }}">
                                                            <input type="checkbox" name="announcement_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('announcement_feature', 'announcement_label', this)"
                                                                {{ $package->announcement_feature == 1 ? 'checked' : '' }}>
                                                            <label for="announcement_feature" id="announcement_label"
                                                                class="form-check-label">{{ $package->announcement_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Job Post
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="job_feature" id="job_feature"
                                                                value="{{ $package->job_feature }}">
                                                            <input type="checkbox" name="job_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('job_feature', 'job_label', this)"
                                                                {{ $package->job_feature == 1 ? 'checked' : '' }}>
                                                            <label for="job_feature" id="job_label"
                                                                class="form-check-label">{{ $package->job_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Donation
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="donation_feature"
                                                                id="donation_feature"
                                                                value="{{ $package->referral_feature }}">
                                                            <input type="checkbox" name="donation_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('donation_feature', 'donation_label', this)"
                                                                {{ $package->donation_feature == 1 ? 'checked' : '' }}>
                                                            <label for="donation_feature" id="donation_label"
                                                                class="form-check-label">{{ $package->donation_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Referral
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="referral_feature"
                                                                id="referral_feature"
                                                                value="{{ $package->referral_feature }}">
                                                            <input type="checkbox" name="referral_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('referral_feature', 'referral_label', this)"
                                                                {{ $package->referral_feature == 1 ? 'checked' : '' }}>
                                                            <label for="referral_feature" id="referral_label"
                                                                class="form-check-label">{{ $package->referral_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Subscription
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="subscription_feature"
                                                                id="subscription_feature"
                                                                value="{{ $package->subscription_feature }}">
                                                            <input type="checkbox" name="subscription_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('subscription_feature', 'subscription_label', this)"
                                                                {{ $package->subscription_feature == 1 ? 'checked' : '' }}>
                                                            <label for="subscription_feature" id="subscription_label"
                                                                class="form-check-label">{{ $package->subscription_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Verification
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="verify_feature"
                                                                id="verify_feature"
                                                                value="{{ $package->verify_feature }}">
                                                            <input type="checkbox" name="verify_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('verify_feature', 'verify_label', this)"
                                                                {{ $package->verify_feature == 1 ? 'checked' : '' }}>
                                                            <label for="verify_feature" id="verify_label"
                                                                class="form-check-label">{{ $package->verify_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Saving
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="saving_feature"
                                                                id="saving_feature"
                                                                value="{{ $package->saving_feature }}">
                                                            <input type="checkbox" name="saving_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('saving_feature', 'saving_label', this)"
                                                                {{ $package->saving_feature == 1 ? 'checked' : '' }}>
                                                            <label for="saving_feature" id="saving_label"
                                                                class="form-check-label">{{ $package->saving_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Poll
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="poll_feature" id="poll_feature"
                                                                value="{{ $package->poll_feature }}">
                                                            <input type="checkbox" name="poll_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('poll_feature', 'poll_label', this)"
                                                                {{ $package->poll_feature == 1 ? 'checked' : '' }}>
                                                            <label for="poll_feature" id="poll_label"
                                                                class="form-check-label">{{ $package->poll_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                           

                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Investment
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="investment_feature"
                                                                id="investment_feature"
                                                                value="{{ $package->investment_feature }}">
                                                            <input type="checkbox" name="investment_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('investment_feature', 'investment_label', this)"
                                                                {{ $package->investment_feature == 1 ? 'checked' : '' }}>
                                                            <label for="investment_feature" id="investment_label"
                                                                class="form-check-label">{{ $package->investment_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Goal
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="goal_feature" id="goal_feature"
                                                                value="{{ $package->goal_feature }}">
                                                            <input type="checkbox" name="goal_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('goal_feature', 'goal_label', this)"
                                                                {{ $package->goal_feature == 1 ? 'checked' : '' }}>
                                                            <label for="goal_feature" id="goal_label"
                                                                class="form-check-label">{{ $package->goal_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                           
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Resource
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="resource_feature"
                                                                id="resource_feature"
                                                                value="{{ $package->resource_feature }}">
                                                            <input type="checkbox" name="resoruce_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('resource_feature', 'resource_label', this)"
                                                                {{ $package->resource_feature == 1 ? 'checked' : '' }}>
                                                            <label for="resource_feature" id="resource_label"
                                                                class="form-check-label">{{ $package->resource_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- @dd($package); --}}
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Build Visibility
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="visibility_feature"
                                                                id="visibility_feature">
                                                            <input type="checkbox" name="visibility_check"
                                                                class="form-check-input"
                                                                onclick="enableFeature('visibility_feature', 'visibility_label', this)" {{ $package->visibility_feature == 1 ? 'checked' : '' }} >
                                                            <label for="visibility_feature" id="poll_label"
                                                                class="form-check-label">{{ $package->visibility_feature == 1 ? 'On' : 'Off' }}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                              

                                        {{-- @if (Auth::user()->isSuperAdmin())
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Goal
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="goal_feature" id="goal_feature" value="{{$package->goal_feature}}">
                                                            <input type="checkbox" name="goal_check" class="form-check-input" onclick="enableFeature('goal_feature', 'goal_label', this)" {{$package->goal_feature == 1 ? 'checked' : ''}}>
                                                            <label for="goal_feature" id="goal_label" class="form-check-label">{{$package->goal_feature == 1 ? 'On' : 'Off'}}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Build Visibility
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="visibility_feature" id="visibility_feature" value="{{$package->visibility_feature}}">
                                                            <input type="checkbox" name="visibility_check" class="form-check-input" onclick="enableFeature('visibility_feature', 'visibility_label', this)" {{$package->visibility_feature == 1 ? 'checked' : ''}}>
                                                            <label for="visibility_feature" id="visibility_label" class="form-check-label">{{$package->visibility_feature == 1 ? 'On' : 'Off'}}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="form-label mb-1 mr-4">
                                                            Resource
                                                        </label>
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="resource_feature" id="resource_feature" value="{{$package->resource_feature}}">
                                                            <input type="checkbox" name="resoruce_check" class="form-check-input" onclick="enableFeature('resource_feature', 'resource_label', this)" {{$package->resource_feature == 1 ? 'checked' : ''}}>
                                                            <label for="resource_feature" id="resource_label" class="form-check-label">{{$package->resource_feature == 1 ? 'On' : 'Off'}}</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif --}}
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label mb-3">
                                            Package Features
                                        </label><br>
                                        @php
                                            $features = '';
                                            $feature_count = 1;
                                            if (isset($package->features) && !empty($package->features)) {
                                                $features = json_decode($package->features);
                                                $feature_count = count($features);
                                            }
                                        @endphp
                                        @if (isset($features) && !empty($features))
                                            @php
                                                $feature_no = 1;
                                            @endphp
                                            @foreach (json_decode($package->features) as $feature)
                                                <label class="form-label mb-1">
                                                    {{ $feature_no++ }}. Feature
                                                </label>
                                                <input type="text" name="features[]" class="form-control"
                                                    value="{{ $feature }}">
                                                <div class="form-roup mb-4">
                                                    <div class="justify-content-end mt-4">
                                                        <input type="hidden" name="package_id"
                                                            value="{{ $package->id }}">
                                                        <button type="submit" name="remove_feature"
                                                            class="text-color custom-button"><i class="mdi mdi-close"></i>
                                                            Remove</button>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @else
                                            <label class="form-label mb-1">
                                                1. Feature
                                            </label>
                                            <input type="text" name="features[]" class="form-control">
                                        @endif
                                    </div>
                                    <div id="add_field"></div>
                                    <div class="justify-content-end mb-3">
                                        <a type="button" id="more_fields" class="text-color" onclick="addFields()"><i
                                                class="mdi mdi-plus"></i> Add Feature</a>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label mb-1">
                                            Make this package active
                                        </label>
                                        <select name="is_active" id="is_active" class="form-select">
                                            <option value="{{ $package->is_active }}">
                                                {{ $package->is_active == 1 ? 'Active' : 'Not active' }}</option>
                                            <option value="1">Active</option>
                                            <option value="0">Not active</option>
                                        </select>
                                    </div>
                                </div>
                                <hr class="my-5">
                                <div class="nav row align-items-center">
                                    <input type="hidden" name="package_id" id="package-id"
                                        value="{{ $package->id }}">
                                    <button type="submit" onclick="this.classList.toggle('button--loading')"
                                        class="button_load custom-btn">
                                        <span class="button__text">Save Package</span>
                                    </button>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('elements.package')
    @include('elements.add-package-category')
    <script>
        var feature_no = {{ $feature_count }};

        function addFields() {
            feature_no++;
            var objTo = document.getElementById('add_field')
            var divcreate = document.createElement("div");
            divcreate.innerHTML = '<label class="form-label mb-1">' + feature_no +
                '. Feature</label><input type="text" name="features[]" class="form-control mb-4">';
            objTo.appendChild(divcreate);
            initMCEall();
        }

        function enableFeature(divId, label, event) {
            if (event.checked == true) {
                $("#" + divId).val(1);
                $("#" + label).html('On');
            } else {
                $("#" + divId).val(0);
                $("#" + label).html('Off');
            }
        }
    </script>
@endsection