s !== 'bouw' && ![].includes(s));
} else {
sectors.push('bouw');
}
"
:class="[
'flex items-center gap-2 py-4 px-5 border rounded-full transition-color duration-300 backdrop-blur-md',
sectors.includes('bouw')
? 'border-primary/10 bg-white text-primary'
: 'border-white/10 bg-white/10 hover:bg-white/20 hover:border-white'
]"
>
Bouw, productie en techniek
s !== 'diensten' && !["garage"].includes(s));
} else {
sectors.push('diensten');
}
"
:class="[
'flex items-center gap-2 py-4 px-5 border rounded-full transition-color duration-300 backdrop-blur-md',
sectors.includes('diensten')
? 'border-primary/10 bg-white text-primary'
: 'border-white/10 bg-white/10 hover:bg-white/20 hover:border-white'
]"
>
Diensten
s !== 'garage');
} else {
if (!sectors.includes('diensten')) {
sectors.push('diensten');
}
sectors.push('garage');
}
"
class="flex items-center gap-2 py-2 px-4 border rounded-full transition-color duration-300"
:class="sectors.includes('garage') ? 'border-primary/10 bg-primary text-white' : 'border-primary/10 hover:bg-primary/10 hover:border-primary'"
>
Garage
s !== 'industrie' && ![].includes(s));
} else {
sectors.push('industrie');
}
"
:class="[
'flex items-center gap-2 py-4 px-5 border rounded-full transition-color duration-300 backdrop-blur-md',
sectors.includes('industrie')
? 'border-primary/10 bg-white text-primary'
: 'border-white/10 bg-white/10 hover:bg-white/20 hover:border-white'
]"
>
Industrie
s !== 'horeca' && !["hotels","restaurant","cafe","frituur"].includes(s));
} else {
sectors.push('horeca');
}
"
:class="[
'flex items-center gap-2 py-4 px-5 border rounded-full transition-color duration-300 backdrop-blur-md',
sectors.includes('horeca')
? 'border-primary/10 bg-white text-primary'
: 'border-white/10 bg-white/10 hover:bg-white/20 hover:border-white'
]"
>
Horeca
s !== 'hotels');
} else {
if (!sectors.includes('horeca')) {
sectors.push('horeca');
}
sectors.push('hotels');
}
"
class="flex items-center gap-2 py-2 px-4 border rounded-full transition-color duration-300"
:class="sectors.includes('hotels') ? 'border-primary/10 bg-primary text-white' : 'border-primary/10 hover:bg-primary/10 hover:border-primary'"
>
Hotel
s !== 'restaurant');
} else {
if (!sectors.includes('horeca')) {
sectors.push('horeca');
}
sectors.push('restaurant');
}
"
class="flex items-center gap-2 py-2 px-4 border rounded-full transition-color duration-300"
:class="sectors.includes('restaurant') ? 'border-primary/10 bg-primary text-white' : 'border-primary/10 hover:bg-primary/10 hover:border-primary'"
>
Restaurant
s !== 'cafe');
} else {
if (!sectors.includes('horeca')) {
sectors.push('horeca');
}
sectors.push('cafe');
}
"
class="flex items-center gap-2 py-2 px-4 border rounded-full transition-color duration-300"
:class="sectors.includes('cafe') ? 'border-primary/10 bg-primary text-white' : 'border-primary/10 hover:bg-primary/10 hover:border-primary'"
>
Cafés en overige horeca
s !== 'frituur');
} else {
if (!sectors.includes('horeca')) {
sectors.push('horeca');
}
sectors.push('frituur');
}
"
class="flex items-center gap-2 py-2 px-4 border rounded-full transition-color duration-300"
:class="sectors.includes('frituur') ? 'border-primary/10 bg-primary text-white' : 'border-primary/10 hover:bg-primary/10 hover:border-primary'"
>
Frituur
s !== 'detailhandel' && !["apotheek","supermarkt","slagerij","bakkerij","detailhandels-en-winkels"].includes(s));
} else {
sectors.push('detailhandel');
}
"
:class="[
'flex items-center gap-2 py-4 px-5 border rounded-full transition-color duration-300 backdrop-blur-md',
sectors.includes('detailhandel')
? 'border-primary/10 bg-white text-primary'
: 'border-white/10 bg-white/10 hover:bg-white/20 hover:border-white'
]"
>
Handel
s !== 'apotheek');
} else {
if (!sectors.includes('detailhandel')) {
sectors.push('detailhandel');
}
sectors.push('apotheek');
}
"
class="flex items-center gap-2 py-2 px-4 border rounded-full transition-color duration-300"
:class="sectors.includes('apotheek') ? 'border-primary/10 bg-primary text-white' : 'border-primary/10 hover:bg-primary/10 hover:border-primary'"
>
Apotheek
s !== 'supermarkt');
} else {
if (!sectors.includes('detailhandel')) {
sectors.push('detailhandel');
}
sectors.push('supermarkt');
}
"
class="flex items-center gap-2 py-2 px-4 border rounded-full transition-color duration-300"
:class="sectors.includes('supermarkt') ? 'border-primary/10 bg-primary text-white' : 'border-primary/10 hover:bg-primary/10 hover:border-primary'"
>
Supermarkt
s !== 'slagerij');
} else {
if (!sectors.includes('detailhandel')) {
sectors.push('detailhandel');
}
sectors.push('slagerij');
}
"
class="flex items-center gap-2 py-2 px-4 border rounded-full transition-color duration-300"
:class="sectors.includes('slagerij') ? 'border-primary/10 bg-primary text-white' : 'border-primary/10 hover:bg-primary/10 hover:border-primary'"
>
Slagerij
s !== 'bakkerij');
} else {
if (!sectors.includes('detailhandel')) {
sectors.push('detailhandel');
}
sectors.push('bakkerij');
}
"
class="flex items-center gap-2 py-2 px-4 border rounded-full transition-color duration-300"
:class="sectors.includes('bakkerij') ? 'border-primary/10 bg-primary text-white' : 'border-primary/10 hover:bg-primary/10 hover:border-primary'"
>
Bakkerij
s !== 'detailhandels-en-winkels');
} else {
if (!sectors.includes('detailhandel')) {
sectors.push('detailhandel');
}
sectors.push('detailhandels-en-winkels');
}
"
class="flex items-center gap-2 py-2 px-4 border rounded-full transition-color duration-300"
:class="sectors.includes('detailhandels-en-winkels') ? 'border-primary/10 bg-primary text-white' : 'border-primary/10 hover:bg-primary/10 hover:border-primary'"
>
Detailhandels en winkels
s !== 'landbouw' && ![].includes(s));
} else {
sectors.push('landbouw');
}
"
:class="[
'flex items-center gap-2 py-4 px-5 border rounded-full transition-color duration-300 backdrop-blur-md',
sectors.includes('landbouw')
? 'border-primary/10 bg-white text-primary'
: 'border-white/10 bg-white/10 hover:bg-white/20 hover:border-white'
]"
>
Landbouw, natuur en visserij
s !== 'distributie' && ![].includes(s));
} else {
sectors.push('distributie');
}
"
:class="[
'flex items-center gap-2 py-4 px-5 border rounded-full transition-color duration-300 backdrop-blur-md',
sectors.includes('distributie')
? 'border-primary/10 bg-white text-primary'
: 'border-white/10 bg-white/10 hover:bg-white/20 hover:border-white'
]"
>
Transport en logistiek
s !== 'vrije-beroepen' && ![].includes(s));
} else {
sectors.push('vrije-beroepen');
}
"
:class="[
'flex items-center gap-2 py-4 px-5 border rounded-full transition-color duration-300 backdrop-blur-md',
sectors.includes('vrije-beroepen')
? 'border-primary/10 bg-white text-primary'
: 'border-white/10 bg-white/10 hover:bg-white/20 hover:border-white'
]"
>
Vrije beroepen
s !== 'andere' && ![].includes(s));
} else {
sectors.push('andere');
}
"
:class="[
'flex items-center gap-2 py-4 px-5 border rounded-full transition-color duration-300 backdrop-blur-md',
sectors.includes('andere')
? 'border-primary/10 bg-white text-primary'
: 'border-white/10 bg-white/10 hover:bg-white/20 hover:border-white'
]"
>
Andere