(function(){
function afInit(){
var filters={brand:[],body:[],fuel:[],seats:[],drive:[],price:[]};

function getAttr(el,a){return el.getAttribute(a)||'';}

function apply(){
var cards=document.querySelectorAll('.af-card[data-af-brand]');
var visible=0;
for(var i=0;i<cards.length;i++){
var c=cards[i];
var ok=
(filters.brand.length===0||filters.brand.indexOf(getAttr(c,'data-af-brand'))>-1)&&
(filters.body.length===0||filters.body.indexOf(getAttr(c,'data-af-body'))>-1)&&
(filters.fuel.length===0||filters.fuel.indexOf(getAttr(c,'data-af-fuel'))>-1)&&
(filters.seats.length===0||filters.seats.indexOf(getAttr(c,'data-af-seats'))>-1)&&
(filters.drive.length===0||filters.drive.indexOf(getAttr(c,'data-af-drive'))>-1)&&
(filters.price.length===0||filters.price.indexOf(getAttr(c,'data-af-bucket'))>-1);
c.classList[ok?'remove':'add']('af-hidden');
if(ok) visible++;
}
var el=document.getElementById('afCount');
if(el) el.textContent=visible;
var em=document.getElementById('afEmpty');
if(em) em.classList[visible===0?'add':'remove']('af-visible');
}

function renderTags(){
var container=document.getElementById('afTags');
if(!container) return;
container.innerHTML='';
var keys=Object.keys(filters);
for(var k=0;k<keys.length;k++){
var key=keys[k];
var vals=filters[key];
for(var v=0;v<vals.length;v++){
(function(key,val){
var tag=document.createElement('span');
tag.className='af-tag';
var cb=document.querySelector('[data-af-filter="'+key+'"][value="'+val+'"]');
var labelEl=cb?cb.parentNode.querySelector('.af-opt-label'):null;
var labelText=labelEl?labelEl.textContent:val;
tag.innerHTML=labelText+' <span class="af-tag-x">x</span>';
tag.addEventListener('click',function(){removeFilter(key,val);});
container.appendChild(tag);
})(key,vals[v]);
}
}
}

function removeFilter(key,val){
filters[key]=filters[key].filter(function(v){return v!==val;});
var cbs=document.querySelectorAll('[data-af-filter="'+key+'"][value="'+val+'"]');
for(var i=0;i<cbs.length;i++) cbs[i].checked=false;
apply(); renderTags();
}

function closeSidebar(){
var sb=document.getElementById('afSidebar');
var ov=document.getElementById('afOverlay');
if(sb) sb.classList.remove('af-open');
if(ov) ov.classList.remove('af-visible');
}

function openSidebar(){
var sb=document.getElementById('afSidebar');
var ov=document.getElementById('afOverlay');
if(sb) sb.classList.add('af-open');
if(ov) ov.classList.add('af-visible');
}

var cbs=document.querySelectorAll('[data-af-filter]');
for(var i=0;i<cbs.length;i++){
(function(cb){
cb.addEventListener('change',function(){
var key=cb.getAttribute('data-af-filter');
var val=cb.value;
if(cb.checked){
if(filters[key].indexOf(val)===-1) filters[key].push(val);
}else{
filters[key]=filters[key].filter(function(v){return v!==val;});
}
apply(); renderTags();
});
})(cbs[i]);
}

var clearBtn=document.getElementById('afClearBtn');
if(clearBtn){
clearBtn.addEventListener('click',function(){
var keys=Object.keys(filters);
for(var k=0;k<keys.length;k++) filters[keys[k]]=[];
var allCbs=document.querySelectorAll('[data-af-filter]');
for(var i=0;i<allCbs.length;i++) allCbs[i].checked=false;
apply(); renderTags();
});
}

var groupBtns=document.querySelectorAll('[data-af-toggle="group"]');
for(var g=0;g<groupBtns.length;g++){
(function(btn){
btn.addEventListener('click',function(){
var grp=btn.closest('.af-group');
if(grp) grp.classList.toggle('open');
});
})(groupBtns[g]);
}

var sortSel=document.getElementById('afSortSelect');
if(sortSel){
sortSel.addEventListener('change',function(){
var val=this.value;
var grid=document.getElementById('afGrid');
if(!grid) return;
var cards=Array.prototype.slice.call(grid.querySelectorAll('.af-card[data-af-brand]'));
cards.sort(function(a,b){
if(val==='price-asc') return +a.getAttribute('data-af-price') - +b.getAttribute('data-af-price');
if(val==='price-desc') return +b.getAttribute('data-af-price') - +a.getAttribute('data-af-price');
if(val==='name-asc') return a.getAttribute('data-af-name').localeCompare(b.getAttribute('data-af-name'));
return 0;
});
var empty=grid.querySelector('.af-empty');
for(var i=0;i<cards.length;i++) grid.insertBefore(cards[i],empty);
});
}

var openBtn=document.getElementById('afOpenBtn');
if(openBtn){
openBtn.addEventListener('click',function(e){
e.stopPropagation();
openSidebar();
});
}

var overlay=document.getElementById('afOverlay');
if(overlay){
overlay.addEventListener('click',function(){closeSidebar();});
}

document.addEventListener('click',function(e){
var sidebar=document.getElementById('afSidebar');
var ob=document.getElementById('afOpenBtn');
if(!sidebar||!sidebar.classList.contains('af-open')) return;
if(!sidebar.contains(e.target)&&ob&&e.target!==ob&&!ob.contains(e.target)){
closeSidebar();
}
});
}

if(document.readyState==='loading'){
document.addEventListener('DOMContentLoaded',afInit);
}else{
afInit();
}
})();