<template>
    <div>
        <p class="title is-6 m-0 py-4" v-if="fieldList && fieldList.length > 0">{{ $t('text.additional_informations') }}</p>

        <table class="table is-narrow is-fullwidth is-striped">
            <tbody>
                <leanisp-table-field-view-item v-for="(field, index) in fieldList" 
                            :key="index" 
                            :label="field.name" 
                            :value="field.value"/>

                <tr v-if="!fieldList || fieldList.length === 0">
                    <td class="has-text-centered has-text-grey"><small>{{$t('message.empty_additional_informations')}}</small></td>
                </tr>
            </tbody>
        </table>

    </div>
</template>

<script>
export default {
  name: "LeanispDetailCustomField",
  props: ["fieldList"]
}
</script>
