How do I display all the products attribute inside the user object - laravel

Question

Pardon me, cause I was just using this StackOverflow account...
So for this one what I want is 2 list all the product brands for a specific user, so for this one I had it like
So the user object would look like {name:'Andy','last_name':'Lee' .... brands : {} }
<div class="w-full flex">
<label for="name" class="block uppercase tracking-wide text-black-v2 text-xs font-bold mb-2">List all the Attributes
</label>
<span>
<i class="fas fa-plus-circle h-4 w-4 text-grey-darker" #click="add(k)" v-show="k == inputs.length-1">
</i>
</span>
</div>
<div class="w-full flex inline-block" v-for="(input,k) in inputs" :key="k">
<!-- if there's no products for this person -->
<div v-if="user.products.length === 0" class="flex inline-block w-full">
<select v-model="inputs.crime_id" class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal">
<option v-for="products in products">{{ products.brand }} </option>
</select>
<div id="input-group" class="ml-4 w-3/5">
<input type="text" v-model="inputs.name" class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal" id="pin" name="pin" autocomplete="name" placeholder="Attribute Details" required>
</div>
<span>
<i class="fas fa-minus-circle" #click="remove(k)" v-show="k || ( !k && inputs.length > 1)">
</i>
<i class="fas fa-plus-circle" #click="add(k)" v-show="k == inputs.length-1">
</i>
</span>
</div>
<div class="w-full inline-block" v-else>
<div v-for="products in user.products">
<!-- <p>{{ products.brand }} </p> -->
<div class="flex inline-block">
<select class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal">
<option v-for="products in products">{{ products.brand }} </option>
</select>
<div class="flex inline-block">
<div id="input-group" class="ml-4 w-3/5">
<input type="text" :value="user.profile.weight_in_kilos" class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal" id="pin" name="pin" autocomplete="name" placeholder="Crime Details" required>
</div>
<span class="mr-2">
<i class="fas fa-minus-circle" #click="remove(k)" v-show="k || ( !k && inputs.length > 1)">
</i>
<i class="fas fa-plus-circle" #click="add(k)" v-show="k == inputs.length-1">
</i>
</span>
</div>
</div>
</div>
</div>
</div>
So looking at the code that I have, I want to display all the brands / attributes in case of this one into something that's working since it's not working on my end. You can send me a chat thru Skype or Discord, whatever you say I'll use it.. Cause I need some help