@extends('admin.layouts.app')
@section('title', __('admin.products.edit_product') . ': ' . $product->name)
@section('content')
<div class="page-header" style="display:flex;align-items:center;justify-content:space-between;">
    <h1>{{ __('admin.products.edit_product') }}: {{ $product->name }}</h1>
    <div style="display:flex;gap:6px;">
        <a href="{{ route('admin.products.index') }}" class="btn btn-default btn-sm">&larr; {{ __('admin.products.back') }}</a>
        <form method="POST" action="{{ route('admin.products.destroy', $product) }}" onsubmit="return pnConfirm(event, @js(__('admin.products.confirm_delete')))">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-danger btn-sm">{{ __('admin.products.delete_product') }}</button>
        </form>
    </div>
</div>

<form method="POST" action="{{ route('admin.products.update', $product) }}">
    @csrf @method('PUT')

    <div class="card" style="margin-bottom:15px;">
        <div class="card-header"><strong>{{ __('admin.products.product_details') }}</strong></div>
        <div class="card-body">
            <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;" x-data="{ type: '{{ $product->type }}' }">
                <div class="form-group"><label class="form-label">{{ __('admin.products.product_name') }} <span style="color:#d9534f;">*</span></label><input type="text" name="name" value="{{ $product->name }}" required class="form-control"></div>
                <div class="form-group"><label class="form-label">{{ __('admin.products.product_group') }}</label><select name="group_id" class="form-control">@foreach($groups as $g)<option value="{{ $g->id }}" {{ $product->group_id == $g->id ? 'selected' : '' }}>{{ $g->name }}</option>@endforeach</select></div>
                <div class="form-group"><label class="form-label">{{ __('common.form.type') }}</label><select name="type" x-model="type" class="form-control"><option value="hosting" {{ $product->type=='hosting'?'selected':'' }}>{{ __('admin.products.type_hosting') }}</option><option value="reseller" {{ $product->type=='reseller'?'selected':'' }}>{{ __('admin.products.type_reseller_label') }}</option><option value="vps" {{ $product->type=='vps'?'selected':'' }}>{{ __('admin.products.type_vps') }}</option><option value="ssl" {{ $product->type=='ssl'?'selected':'' }}>{{ __('admin.products.type_ssl') }}</option><option value="other" {{ $product->type=='other'?'selected':'' }}>{{ __('admin.products.type_other') }}</option></select></div>
                <div class="form-group"><label class="form-label">{{ __('admin.products.payment') }}</label><select name="pay_type" class="form-control"><option value="recurring" {{ $product->pay_type=='recurring'?'selected':'' }}>{{ __('admin.products.pay_recurring') }}</option><option value="onetime" {{ $product->pay_type=='onetime'?'selected':'' }}>{{ __('admin.products.pay_onetime') }}</option><option value="free" {{ $product->pay_type=='free'?'selected':'' }}>{{ __('admin.products.pay_free') }}</option></select></div>
                <div class="form-group"><label class="form-label">{{ __('admin.products.auto_setup') }}</label><select name="auto_setup" class="form-control"><option value="order" {{ $product->auto_setup=='order'?'selected':'' }}>{{ __('admin.products.auto_setup_order') }}</option><option value="payment" {{ $product->auto_setup=='payment'?'selected':'' }}>{{ __('admin.products.auto_setup_payment') }}</option><option value="manual" {{ $product->auto_setup=='manual'?'selected':'' }}>{{ __('admin.products.auto_setup_manual') }}</option></select></div>
                <div class="form-group" x-show="type !== 'ssl'"><label class="form-label">{{ __('admin.products.server_module') }}</label>
                    <select name="server_type" class="form-control">
                        <option value="">{{ __('admin.products.server_module_none') }}</option>
                        @foreach($serverModules as $key => $label)
                        <option value="{{ $key }}" @selected(strtolower((string) $product->server_type) === $key)>{{ $label }}</option>
                        @endforeach
                    </select>
                    <div style="color:#777;font-size:12px;margin-top:4px;">{{ __('admin.products.server_module_hint') }}</div>
                </div>
                <div class="form-group"><label class="form-label">{{ __('admin.products.server_group') }}</label>
                    <select name="server_group_id" class="form-control">
                        <option value="">{{ __('admin.products.server_group_any') }}</option>
                        @foreach($serverGroups as $sg)
                        <option value="{{ $sg->id }}" @selected((int) $product->server_group_id === (int) $sg->id)>{{ $sg->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group" id="package-group">
                    <label class="form-label">{{ __('admin.products.package') }}</label>
                    <select name="package_name" id="package-select" class="form-control">
                        <option value="">{{ __('admin.products.package_default') }}</option>
                        @foreach(($packageList['packages'] ?? []) as $pkg)
                        <option value="{{ $pkg['id'] }}" @selected(($selectedPackage ?? '') === $pkg['id'])>{{ $pkg['name'] }}</option>
                        @endforeach
                    </select>
                    <div id="package-note" style="color:#777;font-size:12px;margin-top:4px;">
                        {{ $packageList['error'] ?? __('admin.products.package_hint') }}
                    </div>
                </div>
                <div class="form-group"><label class="form-label">{{ __('admin.products.stock_control') }}</label><div style="display:flex;gap:12px;align-items:center;"><label style="font-size:12px;"><input type="checkbox" name="stock_control" value="1" {{ $product->stock_control ? 'checked' : '' }}> {{ __('admin.products.stock_control_hint') }}</label><input type="number" min="0" name="stock_qty" value="{{ $product->stock_qty ?? 0 }}" class="form-control" style="max-width:120px;"></div></div>
                <div class="form-group" x-show="type === 'ssl'" x-cloak><label class="form-label">{{ __('admin.products.ssl_module') }}</label><select name="ssl_module" class="form-control"><option value="">{{ __('admin.products.ssl_none') }}</option>@foreach($sslModules + array_filter([(string) $product->ssl_module => (string) $product->ssl_module]) as $sslKey => $sslLabel)<option value="{{ $sslKey }}" @selected($product->ssl_module === $sslKey)>{{ $sslLabel }}</option>@endforeach</select></div>
                <div class="form-group" style="grid-column:span 2;"><label class="form-label">{{ __('common.form.description') }}</label><textarea name="description" rows="3" class="form-control">{{ $product->description }}</textarea></div>
                <div class="form-group" style="grid-column:span 2;display:flex;gap:20px;">
                    <label style="font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;"><input type="checkbox" name="hidden" value="1" {{ $product->hidden?'checked':'' }}> {{ __('admin.products.hidden') }}</label>
                    <label style="font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;"><input type="checkbox" name="retired" value="1" {{ $product->retired?'checked':'' }}> {{ __('admin.products.retired') }}</label>
                    <label style="font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;"><input type="checkbox" name="is_featured" value="1" {{ $product->is_featured?'checked':'' }}> {{ __('admin.products.featured') }}</label>
                </div>
            </div>
        </div>
    </div>

    <div class="card" style="margin-bottom:15px;">
        <div class="card-header"><strong>{{ __('admin.products.pricing') }}</strong></div>
        <div class="card-body">
            @foreach($currencies as $currency)
            @php $p = $pricing[$currency->id] ?? null; @endphp
            <div style="background:#f9f9f9;border:1px solid #eee;border-radius:4px;padding:15px;margin-bottom:12px;">
                <p style="font-weight:600;font-size:13px;margin:0 0 10px;">{{ $currency->code }} ({{ $currency->prefix }})</p>
                <div style="display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:8px;">
                    @foreach(['monthly','quarterly','semiannually','annually','biennially','triennially'] as $cycle)
                    <div>
                        <label class="form-label" style="text-transform:capitalize;font-size:11px;">{{ $cycle }}</label>
                        <input type="number" step="0.01" name="pricing[{{ $currency->id }}][{{ $cycle }}]" value="{{ $p ? $p->$cycle : -1 }}" class="form-control" style="font-size:12px;">
                    </div>
                    @endforeach
                </div>
                <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:10px;">
                    @foreach(['monthly_setup','quarterly_setup','semiannually_setup','annually_setup'] as $setup)
                    <div>
                        <label class="form-label" style="font-size:11px;">{{ str_replace('_', ' ', ucfirst($setup)) }}</label>
                        <input type="number" step="0.01" name="pricing[{{ $currency->id }}][{{ $setup }}]" value="{{ $p ? $p->$setup : 0 }}" class="form-control" style="font-size:12px;">
                    </div>
                    @endforeach
                </div>
            </div>
            @endforeach
        </div>
    </div>

    {{-- Which packages this one can move to. Empty: any package of the same module. --}}
    <div class="card" style="margin-bottom:15px;">
        <div class="card-header"><strong>{{ __('admin.products.upgrade_paths') }}</strong></div>
        <div class="card-body">
            <input type="hidden" name="upgrade_paths_section" value="1">
            @if(($upgradeCandidates ?? collect())->isEmpty())
            <div style="font-size:12px;color:#777;">{{ __('admin.products.upgrade_paths_none') }}</div>
            @else
            <select name="upgrade_paths[]" multiple size="{{ min(8, max(3, $upgradeCandidates->count())) }}" class="form-control" style="max-width:520px;">
                @foreach($upgradeCandidates as $candidate)
                <option value="{{ $candidate->id }}" @selected(in_array($candidate->id, $selectedUpgrades ?? [], true))>{{ $candidate->name }}@if($candidate->retired) ({{ __('admin.products.retired') }})@endif</option>
                @endforeach
            </select>
            <div style="font-size:12px;color:#777;margin-top:6px;">{{ __('admin.products.upgrade_paths_hint') }}</div>
            @endif
        </div>
    </div>

    @php $cfg = is_string($product->config_options) ? (json_decode($product->config_options, true) ?: []) : ($product->config_options ?? []); @endphp
    @include('admin.products.partials.proxmox')
    <div class="card" data-module-card="panelica" style="margin-bottom:15px;">
        <div class="card-header"><strong>{{ __('admin.products.panelica_resources') }}</strong> <span style="font-size:11px;color:#888;">&mdash; {{ __('admin.products.panelica_resources_hint') }}</span></div>
        <div class="card-body">
            <input type="hidden" name="res_section" value="1">
            <label style="display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:12px;">
                <input type="checkbox" name="res_managed" value="1" {{ !empty($cfg['res_managed']) ? 'checked' : '' }}>
                <strong>{{ __('admin.products.managed_mode') }}</strong> &mdash; {{ __('admin.products.managed_mode_hint') }}
            </label>
            <div class="form-group" style="margin-bottom:14px;">
                <label class="form-label" style="font-size:12px;">{{ __('admin.products.existing_plan') }}</label>
                @if(!empty($panelicaPlans))
                <select name="panelica_plan_id" class="form-control" style="font-size:12px;">
                    <option value="">&mdash; {{ __('admin.products.no_plan') }} &mdash;</option>
                    @foreach($panelicaPlans as $pl)
                    <option value="{{ $pl['id'] ?? '' }}" {{ (string)($cfg['panelica_plan_id'] ?? '') === (string)($pl['id'] ?? '') ? 'selected' : '' }}>{{ $pl['name'] ?? ($pl['id'] ?? 'plan') }}</option>
                    @endforeach
                </select>
                @else
                <input type="text" name="panelica_plan_id" value="{{ $cfg['panelica_plan_id'] ?? '' }}" class="form-control" style="font-size:12px;" placeholder="d6875821-...">
                @endif
            </div>
            <div class="form-group" style="margin-bottom:14px;">
                <label class="form-label" style="font-size:12px;">{{ __('admin.products.app_hosting') }} &mdash; {{ __('admin.products.app_hosting_hint') }}</label>
                @if(!empty($panelicaTemplates))
                <select name="panelica_app_template" class="form-control" style="font-size:12px;">
                    <option value="">&mdash; {{ __('admin.products.no_app') }} &mdash;</option>
                    @foreach($panelicaTemplates as $tpl)
                    <option value="{{ $tpl['slug'] }}" {{ (string)($cfg['panelica_app_template'] ?? '') === $tpl['slug'] ? 'selected' : '' }}>{{ $tpl['name'] }}</option>
                    @endforeach
                </select>
                @else
                <input type="text" name="panelica_app_template" value="{{ $cfg['panelica_app_template'] ?? '' }}" class="form-control" style="font-size:12px;" placeholder="wordpress">
                @endif
                <div style="font-size:11px;color:#888;margin-top:4px;">{{ __('admin.products.app_needs_containers') }}</div>
            </div>
            {{-- Selling ninety-eight apps as ninety-eight products does not
                 scale, so one product can let the customer pick instead. --}}
            <label style="display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:12px;">
                <input type="checkbox" name="panelica_app_choose" value="1" {{ !empty($cfg['panelica_app_choose']) ? 'checked' : '' }}>
                <strong>{{ __('admin.products.customer_picks_app') }}</strong> &mdash; {{ __('admin.products.customer_picks_app_hint') }}
            </label>
            <label style="display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:12px;">
                <input type="checkbox" name="panelica_container_plan" value="1" {{ !empty($cfg['panelica_container_plan']) ? 'checked' : '' }}>
                <strong>{{ __('admin.products.container_plan') }}</strong> &mdash; {{ __('admin.products.container_plan_hint') }}
            </label>
            @php $numFields = [
                'res_cpu_percent'=>['CPU Limit (%) &mdash; 100 = 1 core',100],'res_memory_mb'=>['RAM (MB)',1024],
                'res_inode_quota'=>['Inode Quota (-1 = unlimited)',-1],'res_iops'=>['IOPS (0 = unlimited)',0],
                'res_io_mbs'=>['Disk I/O (MB/s)',0],'res_disk_mb'=>['Disk (MB)',5120],
                'res_bandwidth_mb'=>['Bandwidth (MB)',51200],'res_process_limit'=>['Max Processes',100],
                'res_max_domains'=>['Max Websites',1],'res_max_subdomains'=>['Max Subdomains',10],
                'res_max_email'=>['Max Email',10],'res_max_db'=>['Max Databases',5],
                'res_max_ftp'=>['Max FTP',5],'res_max_cron'=>['Max Cron',5],
                'res_max_containers'=>['Max Containers',0],'res_network_mbit'=>['Network (Mbit/s)',0],
                'res_php_memory_mb'=>['PHP Memory (MB)',256],'res_php_exec'=>['PHP Exec (s)',30],
                'res_php_upload'=>['PHP Upload (MB)',64],
            ];
            // The panel's defaults are filled in only for a Panelica product. On
            // a product without a module they were saved with every edit nobody
            // made, and the price list then offered "1 GB RAM, 1 vCPU, 5 GB" for
            // a product that has none of it. Left empty, Panelica applies the
            // same defaults itself.
            $resDefaults = strtolower((string) $product->server_type) === 'panelica'; @endphp
            <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:10px;">
                @foreach($numFields as $k => $meta)
                <div>
                    <label class="form-label" style="font-size:11px;">{!! $meta[0] !!}</label>
                    <input type="number" name="{{ $k }}" value="{{ $cfg[$k] ?? ($resDefaults ? $meta[1] : '') }}" placeholder="{{ $meta[1] }}" class="form-control" style="font-size:12px;">
                </div>
                @endforeach
                <div>
                    <label class="form-label" style="font-size:11px;">{{ __('admin.products.ssh_access') }}</label>
                    <select name="res_ssh_level" class="form-control" style="font-size:12px;">
                        @foreach(['none','jailed','full'] as $o)<option value="{{ $o }}" {{ ($cfg['res_ssh_level'] ?? 'none')===$o?'selected':'' }}>{{ ucfirst($o) }}</option>@endforeach
                    </select>
                </div>
                <div>
                    <label class="form-label" style="font-size:11px;">{{ __('admin.products.quota_mode') }}</label>
                    <select name="res_quota_mode" class="form-control" style="font-size:12px;">
                        @foreach(['strict','monitor','oversell'] as $o)<option value="{{ $o }}" {{ ($cfg['res_quota_mode'] ?? 'strict')===$o?'selected':'' }}>{{ ucfirst($o) }}</option>@endforeach
                    </select>
                </div>
                <div>
                    <label class="form-label" style="font-size:11px;">ModSecurity</label>
                    <select name="res_modsec" class="form-control" style="font-size:12px;">
                        <option value="on" {{ ($cfg['res_modsec'] ?? 'on')!=='off'?'selected':'' }}>{{ __('admin.products.on') }}</option>
                        <option value="off" {{ ($cfg['res_modsec'] ?? 'on')==='off'?'selected':'' }}>{{ __('admin.products.off') }}</option>
                    </select>
                </div>
                <div>
                    <label class="form-label" style="font-size:11px;">{{ __('admin.products.backups') }}</label>
                    <select name="res_backup" class="form-control" style="font-size:12px;">
                        <option value="on" {{ ($cfg['res_backup'] ?? 'on')!=='off'?'selected':'' }}>{{ __('admin.products.on') }}</option>
                        <option value="off" {{ ($cfg['res_backup'] ?? 'on')==='off'?'selected':'' }}>{{ __('admin.products.off') }}</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

    {{-- The domain on the order form, and a free first year with it. --}}
    <input type="hidden" name="domain_section" value="1">
    <div class="card" style="margin-bottom:20px;">
        <div class="card-header"><strong>{{ __('admin.products.domain_title') }}</strong></div>
        <div class="card-body" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;">
            <label style="font-weight:400;display:flex;gap:6px;align-items:center;"><input type="checkbox" name="show_domain_options" value="1" @checked(old('show_domain_options', $product->show_domain_options))> {{ __('admin.products.show_domain_options') }}</label>
            <label style="font-weight:400;display:flex;gap:6px;align-items:center;"><input type="checkbox" name="free_domain" value="1" @checked(old('free_domain', $product->free_domain))> {{ __('admin.products.free_domain') }}</label>
            <div class="form-group" style="margin:0;"><label class="form-label" for="fd-tlds">{{ __('admin.products.free_domain_tlds') }}</label><input type="text" id="fd-tlds" name="free_domain_tlds" value="{{ old('free_domain_tlds', implode(', ', $product->freeDomainTlds())) }}" class="form-control"></div>
            <div class="form-group" style="margin:0;"><label class="form-label">{{ __('admin.products.free_domain_cycles') }}</label>
                @php($fdChosen = (array) old('free_domain_cycles', $product->freeDomainCycles()))
                <div style="display:flex;flex-wrap:wrap;gap:8px;">
                    @foreach(['monthly', 'quarterly', 'semiannually', 'annually', 'biennially', 'triennially'] as $fdc)
                    <label style="font-weight:400;display:flex;gap:4px;align-items:center;font-size:12px;"><input type="checkbox" name="free_domain_cycles[]" value="{{ $fdc }}" @checked(in_array($fdc, $fdChosen, true))> {{ __('common.billing.'.str_replace('semiannually', 'semi_annually', $fdc)) }}</label>
                    @endforeach
                </div>
            </div>
        </div>
        <p style="font-size:12px;color:#777;margin:0 15px 12px;">{{ __('admin.products.free_domain_hint') }}</p>
    </div>

    <div style="display:flex;gap:8px;">
        <button type="submit" class="btn btn-primary">{{ __('common.actions.save_changes') }}</button>
        <a href="{{ route('admin.products.index') }}" class="btn btn-default">{{ __('common.actions.cancel') }}</a>
    </div>
</form>

{{-- The product's own questions, asked on its order form. Their own forms,
     outside the product form above. --}}
@php($productFields = \App\Models\CustomField::productFields($product->id)->get())
<div class="card" id="product-fields" style="margin-top:20px;">
    <div class="card-header"><strong>{{ __('admin.products.fields_title') }}</strong></div>
    <div class="card-body">
        <p style="font-size:12px;color:#777;margin-top:0;">{{ __('admin.products.fields_hint') }}</p>
        @if($productFields->isNotEmpty())
        <table class="data-table" style="margin-bottom:15px;">
            <thead><tr><th>{{ __('common.form.name') }}</th><th>{{ __('common.table.type') }}</th><th></th></tr></thead>
            <tbody>
            @foreach($productFields as $field)
            <tr>
                <td>{{ $field->field_name }}@if($field->required) *@endif @if($field->admin_only)<span style="color:#999;font-size:12px;">({{ __('admin.products.fields_admin_only') }})</span>@endif</td>
                <td>{{ $field->field_type }}</td>
                <td style="text-align:right;">
                    <form method="POST" action="{{ route('admin.products.fields.destroy', [$product, $field]) }}" onsubmit="return pnConfirm(event, @js(__('admin.products.fields_confirm_delete')))">
                        @csrf @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-xs">{{ __('common.actions.delete') }}</button>
                    </form>
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>
        @endif
        <form method="POST" action="{{ route('admin.products.fields.store', $product) }}" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:end;">
            @csrf
            <div class="form-group" style="margin:0;"><label class="form-label" for="pf-name">{{ __('common.form.name') }}</label><input type="text" id="pf-name" name="field_name" required maxlength="255" class="form-control"></div>
            <div class="form-group" style="margin:0;"><label class="form-label" for="pf-type">{{ __('common.table.type') }}</label>
                <select id="pf-type" name="field_type" class="form-control">
                    @foreach(['text', 'textarea', 'select', 'checkbox', 'number', 'date'] as $t)<option value="{{ $t }}">{{ $t }}</option>@endforeach
                </select></div>
            <div class="form-group" style="margin:0;"><label class="form-label" for="pf-options">{{ __('admin.products.fields_options') }}</label><textarea id="pf-options" name="field_options" rows="1" class="form-control"></textarea></div>
            <div class="form-group" style="margin:0;display:flex;gap:12px;flex-wrap:wrap;">
                <label style="font-weight:400;display:flex;gap:6px;align-items:center;"><input type="checkbox" name="required" value="1"> {{ __('admin.products.fields_required') }}</label>
                <label style="font-weight:400;display:flex;gap:6px;align-items:center;"><input type="checkbox" name="admin_only" value="1"> {{ __('admin.products.fields_admin_only') }}</label>
            </div>
            <div><button type="submit" class="btn btn-primary btn-sm">{{ __('admin.products.fields_add') }}</button></div>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
// Each module's settings card shows only for that module. The Panelica card
// used to be on every product, so a Proxmox product was asked for PHP limits
// and mailbox counts it would never use.
(function () {
    var moduleSelect = document.querySelector('select[name="server_type"]');
    var panelica = document.querySelector('[data-module-card="panelica"]');
    function showCards() {
        var m = moduleSelect ? moduleSelect.value : '';
        if (panelica) {
            var on = m === '' || m === 'panelica';
            panelica.style.display = on ? '' : 'none';
            panelica.querySelectorAll('input,select,textarea').forEach(function (f) { f.disabled = !on; });
        }
        if (window.pnlcsProxmoxCard) { window.pnlcsProxmoxCard.show(m === 'proxmox'); }
        // Proxmox has no plans on the server: its resources are set in its own card.
        var pkg = document.getElementById('package-group');
        if (pkg) { pkg.style.display = m === 'proxmox' ? 'none' : ''; }
    }
    if (moduleSelect) { moduleSelect.addEventListener('change', showCards); }
    document.addEventListener('DOMContentLoaded', showCards);
})();
(function () {
    var moduleSelect = document.querySelector('select[name="server_type"]');
    var packageSelect = document.getElementById('package-select');
    var note = document.getElementById('package-note');
    if (! moduleSelect || ! packageSelect) { return; }

    moduleSelect.addEventListener('change', function () {
        var chosen = packageSelect.value;
        packageSelect.innerHTML = '<option value="">@lang('admin.products.package_loading')</option>';

        fetch('{{ route('admin.products.packages') }}?module=' + encodeURIComponent(moduleSelect.value), {
            headers: { 'Accept': 'application/json' }
        })
        .then(function (r) { return r.json(); })
        .then(function (data) {
            packageSelect.innerHTML = '<option value="">@lang('admin.products.package_default')</option>';
            (data.packages || []).forEach(function (p) {
                var o = document.createElement('option');
                o.value = p.id;
                o.textContent = p.name;
                if (p.id === chosen) { o.selected = true; }
                packageSelect.appendChild(o);
            });
            note.textContent = data.error || '@lang('admin.products.package_hint')';
        })
        .catch(function () {
            packageSelect.innerHTML = '<option value="">@lang('admin.products.package_default')</option>';
            note.textContent = '@lang('admin.products.package_list_unreachable')';
        });
    });
})();
</script>
@endpush