\n {/* Basic Search Row */}\n

\n \n Make\n \n \n

\n\n

\n \n Model\n \n \n

\n\n

\n \n Color\n \n \n

\n\n

\n \n License Plate\n \n \n

\n\n {/* Advanced Filters (Collapsible) */}\n {isExpanded && (\n

\n \n Report Type\n \n \n \n \n \n \n

\n\n

\n \n Date From\n \n \n

\n\n

\n \n Date To\n \n \n

\n\n

\n \n Location\n \n \n

\n )}\n\n {/* Action Buttons */}\n

\n \n 🔍 Search\n \n\n setIsExpanded(!isExpanded)}\n className=\"bg-gray-100 hover:bg-gray-200 text-gray-700 px-6 py-2 rounded-md font-medium transition-colors\"\n >\n {isExpanded ? '▲ Less Filters' : '▼ More Filters'}\n \n\n {hasFilters && (\n \n ✕ Clear All\n \n )}\n

\n\n {/* Active Filters Display */}\n {hasFilters && (\n

Active filters:

\n {Object.entries(filters).map(([key, value]) => {\n if (!value) return null;\n return (\n \n {key.replace('_', ' ')}: {value}\n onFiltersChange({ ...filters, [key]: undefined })}\n className=\"ml-2 text-blue-600 hover:text-blue-800\"\n >\n ×\n \n \n );\n })}\n

\n )}\n

\n );\n}","deleted","label",[168,169,150],"frontend","components","permalink","https://www.val.town/x/Sarax201/FindMyCar/code/frontend/components/SearchBar.tsx","extension","actionData","errors"]