# Contact Forms - Asset Location Quick Reference

## CSS Files
| Purpose | Location | Old Location |
|---------|----------|--------------|
| Admin styles | `/assets/css/admin.css` | `accua-forms-admin.css` |
| Dashboard styles | `/assets/css/dashboard.css` | `accua.css` |
| Frontend/Form styles | `/assets/css/frontend.css` | `accua-form-api.css` |

## JavaScript Files

### Admin Scripts
| Purpose | Location | Old Location |
|---------|----------|--------------|
| Form field management | `/assets/js/admin/form-fields.js` | `form-fields.js` |
| Form settings | `/assets/js/admin/form-settings.js` | `form-settings.js` |
| Admin tabs | `/assets/js/admin/tabs.js` | `accua_tabs.js` |
| TinyMCE button | `/assets/js/admin/shortcode-button.js` | `accua-shortcode-button.js` |
| Google Ads verification | `/assets/js/admin/verify-gads-conversion.js` | `/js/accua_verify_gads_conversion_code.js` |
| Lead status selector | `/assets/js/admin/set-lead-status.js` | `/js/accua-forms-set-lead-status.js` |

### Frontend Scripts
| Purpose | Location | Old Location |
|---------|----------|--------------|
| reCAPTCHA v1 | `/assets/js/frontend/recaptcha.js` | `accua-recaptcha.js` |
| reCAPTCHA v2 | `/assets/js/frontend/recaptcha2.js` | `accua-recaptcha2.js` |

## Vendor Libraries
| Library | Location | Old Location |
|---------|----------|--------------|
| Chart.js | `/assets/vendor/chartjs/chart.umd.min.js` | `/chartjs/Chart.min.js` |
| jqColorPicker | `/assets/vendor/jqColorPicker.min.js` | `/js/jqColorPicker.min.js` |
| jQuery DragTable | `/assets/vendor/dragtable/jquery.dragtable.js` | `/dragtable/jquery.dragtable.js` |

## Images
| Type | Location | Old Location |
|------|----------|--------------|
| All images | `/assets/img/` | `/img/` |

## Key Changes

### In PHP Code
```php
// OLD
plugins_url('accua-forms-admin.css', ACCUA_FORMS_FILE)
plugins_url('/js/jqColorPicker.min.js', ACCUA_FORMS_FILE)
plugins_url('accua_tabs.js', ACCUA_FORMS_FILE)

// NEW
plugins_url('assets/css/admin.css', ACCUA_FORMS_FILE)
plugins_url('assets/vendor/jqColorPicker.min.js', ACCUA_FORMS_FILE)
plugins_url('assets/js/admin/tabs.js', ACCUA_FORMS_FILE)
```

### In CSS Code
```css
/* OLD */
background: url("img/wpspin_light.gif");

/* NEW */
background: url("../img/wpspin_light.gif");
```

## WordPress Best Practices Followed

✅ **Assets Organization**: All assets in `/assets/` directory  
✅ **Separation of Concerns**: Admin/Frontend/Vendor clearly separated  
✅ **Naming Convention**: Kebab-case, descriptive names  
✅ **Vendor Isolation**: Third-party libraries in `/assets/vendor/`  
✅ **Relative Paths**: CSS uses proper relative paths to images  
✅ **Cache Busting**: Version constants preserved and functional  

## Notes

- **No root-level CSS/JS files**: All organized in `/assets/`
- **Deprecated code removed**: Flot library removed (was commented out)
- **Backward compatibility**: Old paths no longer work
- **Testing required**: Verify all forms, admin pages, and frontend features

## Support

For issues related to the reorganization, check:
1. Browser console for 404 errors
2. WordPress debug log for PHP errors
3. Network tab for failed asset loads
4. This reference guide for correct paths