$(document).ready(function() {
    if (typeof HOLDING_USER_FORM === 'undefined') {
        return;
    }

    var deptMap = HOLDING_USER_FORM.departmentToOrgUnit || {};
    var orgUnitLabel = HOLDING_USER_FORM.org_unit_label || 'واحد سازمانی';
    var pendingLabel = HOLDING_USER_FORM.pending_label || '';

    function updateHoldingPreview() {
        var deptId = $('select[name="essentials_department_id"]').val();
        var $preview = $('#holding_user_sync_preview');
        var $pending = $('#holding_user_sync_pending');
        var $orgUnit = $('#holding_user_sync_org_unit');

        if (!deptId) {
            $preview.hide();
            $pending.hide();
            return;
        }

        var unit = deptMap[deptId] || deptMap[String(deptId)];
        if (unit && unit.name) {
            $orgUnit.html(orgUnitLabel + ': <span>' + unit.name + '</span>');
            $preview.show();
            $pending.hide();
        } else {
            $preview.hide();
            $pending.text(pendingLabel).show();
        }
    }

    $(document).on('change', 'select[name="essentials_department_id"]', updateHoldingPreview);
    updateHoldingPreview();
});