@php
    $typeHints = [];
    foreach (\App\Support\Asset\AssetType::all() as $t) {
        $typeHints[$t] = \App\Support\Asset\AssetType::description($t);
    }
@endphp
<script>
    window.assetTypeHints = @json($typeHints);

    function assetInitSelect2(scope) {
        if (typeof window.appInitSelect2 === 'function') {
            window.appInitSelect2(scope || '.asset-admin-page');
            return;
        }
        var $scope = scope ? $(scope) : $(document);
        $scope.find('.select2').each(function () {
            var $el = $(this);
            if ($el.hasClass('select2-hidden-accessible')) {
                $el.select2('destroy');
            }
            $el.select2({
                width: '100%',
                dropdownParent: $el.closest('.modal').length ? $el.closest('.modal') : $(document.body),
                minimumResultsForSearch: $el.find('option').length > 10 ? 0 : Infinity,
            });
        });
    }

    function assetSyncTypeFields(prefix) {
        var type = $('#' + prefix + '_asset_type').val() || 'fixed';
        var hint = window.assetTypeHints[type] || '';
        $('#' + prefix + '_type_hint').text(hint);

        $('.asset-type-fields[data-prefix="' + prefix + '"]').each(function () {
            var types = ($(this).data('types') || '').split(',');
            $(this).toggleClass('is-visible', types.indexOf(type) !== -1);
        });

        var $qty = $('.asset-qty-wrap[data-prefix="' + prefix + '"]');
        var $qtyUnit = $('.asset-qty-unit-wrap[data-prefix="' + prefix + '"]');
        var $bulkSerials = $('.asset-field-bulk-serials[data-prefix="' + prefix + '"]');
        if (type === 'consumable' || type === 'serialized_bulk') {
            $qty.find('.asset-qty-label').text(@json(__('Stock quantity')));
            $qty.find('.asset-qty-help').text(@json(__('Bulk stock — changes on edit are logged in Inventory log.')));
            $qty.find('.asset-qty-input').attr('min', 0).attr('step', '0.01');
            $qtyUnit.show();
            $bulkSerials.toggle(type === 'serialized_bulk');
        } else if (type === 'fixed' || type === 'fleet') {
            $qty.find('.asset-qty-label').text(@json(__('Quantity (if no serial list)')));
            $qty.find('.asset-qty-help').text(@json(__('Or paste serial numbers below — one asset per line (recommended for Ceiling Fan, Laptop, etc.).')));
            $qty.find('.asset-qty-input').attr('min', 1).removeAttr('step');
            $qtyUnit.hide();
            $bulkSerials.show();
        } else {
            $qty.find('.asset-qty-label').text(@json(__('Quantity to register')));
            $qty.find('.asset-qty-help').text(@json(__('Creates separate records for trackable assets (not bulk stock).')));
            $qty.find('.asset-qty-input').attr('min', 1).removeAttr('step');
            $qtyUnit.hide();
            $bulkSerials.hide();
        }
    }

    function assetReadCategoryDepreciationAttr($option, attrName) {
        if (!$option || !$option.length) {
            return '';
        }
        var val = $option.attr(attrName);
        if (val === undefined || val === null || val === '') {
            val = $option.data(attrName.replace(/^data-/, '').replace(/-/g, '-'));
            // jQuery data keys: data-depreciation-method -> depreciationMethod
            if (attrName === 'data-depreciation-method') {
                val = $option.data('depreciation-method');
            } else if (attrName === 'data-depreciation-rate') {
                val = $option.data('depreciation-rate');
            }
        }
        return (val === undefined || val === null) ? '' : val;
    }

    function assetApplyCategoryDepreciationDefaults(prefix) {
        var $rate = $('#' + prefix + '_depreciation_rate');
        var $method = $('#' + prefix + '_depreciation_method');
        var $sub = $('#' + prefix + '_sub_id option:selected');
        var $parent = $('#' + prefix + '_parent_id option:selected');

        var rate = '';
        var method = '';

        if ($sub.length && $sub.val()) {
            rate = assetReadCategoryDepreciationAttr($sub, 'data-depreciation-rate');
            method = assetReadCategoryDepreciationAttr($sub, 'data-depreciation-method');
        }
        if ((rate === '' || rate === undefined || rate === null) && $parent.length) {
            rate = assetReadCategoryDepreciationAttr($parent, 'data-depreciation-rate');
        }
        if ((method === '' || method === undefined || method === null) && $parent.length) {
            method = assetReadCategoryDepreciationAttr($parent, 'data-depreciation-method');
        }

        if ($rate.length) {
            if (rate !== '' && rate !== undefined && rate !== null) {
                $rate.val(rate);
                $('#' + prefix + '_depreciation_rate_hint').text(
                    @json(__('Filled from category default — you can override.'))
                );
            } else {
                $('#' + prefix + '_depreciation_rate_hint').text('');
            }
        }

        if ($method.length) {
            if (method !== '' && method !== undefined && method !== null) {
                $method.val(method).trigger('change');
                $('#' + prefix + '_depreciation_method_hint').text(
                    @json(__('Filled from category default — you can override.'))
                );
            } else {
                $('#' + prefix + '_depreciation_method_hint').text('');
            }
        }
    }

    function assetLoadSubcategories(prefix) {
        var categoryId = $('#' + prefix + '_parent_id').val();
        var $sub = $('#' + prefix + '_sub_id');
        var parentType = $('#' + prefix + '_parent_id option:selected').data('asset-type');
        if (parentType) {
            $('#' + prefix + '_asset_type').val(parentType).trigger('change');
        }

        if (!categoryId) {
            $sub.html('<option value="">{{ __('Select sub-category') }}</option>').trigger('change');
            assetApplyCategoryDepreciationDefaults(prefix);
            return;
        }
        $.get('{{ route('get.asset.sub.categories') }}', { category_id: categoryId }, function (html) {
            $sub.html(html).trigger('change');
            assetApplyCategoryDepreciationDefaults(prefix);
        });
    }

    $(function () {
        assetInitSelect2('.asset-admin-page');
        $('.asset-type-select').on('change', function () {
            assetSyncTypeFields($(this).data('prefix'));
        });
        $('[id$="_asset_type"]').each(function () {
            assetSyncTypeFields($(this).data('prefix'));
        });

        $(document).on('change', '[id$="_sub_id"]', function () {
            var id = $(this).attr('id') || '';
            var prefix = id.replace(/_sub_id$/, '');
            if (prefix) {
                assetApplyCategoryDepreciationDefaults(prefix);
            }
        });

        $(document).on('input', '.asset-depreciation-rate', function () {
            var id = $(this).attr('id') || '';
            var prefix = id.replace(/_depreciation_rate$/, '');
            if (prefix) {
                $('#' + prefix + '_depreciation_rate_hint').text(@json(__('Custom value — override of category default.')));
            }
        });

        $(document).on('change', '.asset-depreciation-method', function () {
            var id = $(this).attr('id') || '';
            var prefix = id.replace(/_depreciation_method$/, '');
            if (prefix) {
                $('#' + prefix + '_depreciation_method_hint').text(@json(__('Custom value — override of category default.')));
            }
        });

        window.assetReceiveStockUrl = @json(route('asset.receive.stock', ['id' => 0]));

        window.openReceiveStockModal = function (id, name, currentQty, unit) {
            var $modal = $('#receive_stock_modal');
            if (!$modal.length) {
                return;
            }
            var action = window.assetReceiveStockUrl.replace(/\/0\/receive-stock$/, '/' + id + '/receive-stock');
            $('#receive_stock_form').attr('action', action);
            $('#receive_stock_item_name').text(name || '—');
            $('#receive_stock_current_qty').text(currentQty || '—');
            $('#receive_stock_unit').text(unit || '');
            $('#receive_stock_quantity').val('');
            $('#receive_stock_note').val('');
            if (!$modal.parent().is('body')) {
                $modal.appendTo('body');
            }
            $modal.modal('show');
        };

        $(document).on('click', '.btn-receive-stock', function (e) {
            e.preventDefault();
            var $btn = $(this);
            openReceiveStockModal($btn.data('id'), $btn.data('name'), $btn.data('qty'), $btn.data('unit'));
        });
    });
</script>