<template>
    <div class="flex flex-row gap-16 items-center w-full">
    <div
        v-for="type in bovineType"
        :key="type.id"
        class="mt-8 flex flex-row mb-2 gap-6">
        <UiNumberInput
            :label="type.label"
            :code="type.code"
        />
    </div>
    <div
        class="mt-8 flex flex-row mb-2 gap-6">
        <UiNumberInput
            label="Autres"
        />
    </div>
    </div>
</template>
<script setup lang="ts">

import {getTruckList} from "~/services/truck";
import type {BovineTypeData} from "~/services/dto/bovine-type-data";
import {getBovineTypeList} from "~/services/bovine-type";


const isLoadingBovineType = ref(false)
const bovineType = ref<BovineTypeData[]>([])

const loadBovineType = async () => {
    isLoadingBovineType.value = true
    try {
        bovineType.value = await getBovineTypeList()
    } finally {
        isLoadingBovineType.value = false
    }
}
onMounted(async () => {
    await loadBovineType()
})
</script>
