.ui.grid
.three.wide.column
.ui.left.icon.input
i.search.icon
input(type="text", :placeholder="$t('search')")
h3(v-once) {{ $t('filter') }}
.ui.form
.field
.ui.checkbox
input(type="checkbox")
label.label-primary(v-once) {{ $t('pets') }}
.field.nested-field
.ui.checkbox
input(type="checkbox")
label(v-once) {{ $t('hatchingPotions') }}
.field.nested-field
.ui.checkbox
input(type="checkbox")
label(v-once) {{ $t('quest') }}
.field.nested-field
.ui.checkbox
input(type="checkbox")
label(v-once) {{ $t('special') }}
.field
.ui.checkbox
input(type="checkbox")
label.label-primary(v-once) {{ $t('mounts') }}
.field.nested-field
.ui.checkbox
input(type="checkbox")
label(v-once) {{ $t('hatchingPotions') }}
.field.nested-field
.ui.checkbox
input(type="checkbox")
label(v-once) {{ $t('quest') }}
.field.nested-field
.ui.checkbox
input(type="checkbox")
label(v-once) {{ $t('special') }}
.thirteen.wide.column
h2 Pets
.inventory-item-container(v-for="pet in listAnimals('pet', content.dropEggs, content.dropHatchingPotions)")
.PixelPaw
h2 Magic Potions Pets
ul
li(v-for="pet in listAnimals('pet', content.dropEggs, content.premiumHatchingPotions)") {{pet}}
h2 Quest Pets
ul
li(v-for="pet in listAnimals('pet', content.questEggs, content.dropHatchingPotions)") {{pet}}
h2 Rare Pets
ul
li(v-for="pet in listAnimals('pet', content.dropEggs, content.dropHatchingPotions)") {{pet}}
h2 Mounts
h2 Quest Mounts
h2 Rare Mounts