<template>
    <theme-dailog :modalId="'assetForm'" :title="'Assets'" :loading="form.busy" @submitData="$emit('submitData')">
        <div slot="modal-body">
            <div class="row">
                <div class="col-sm-12 mb-3">
                    <label class="form-label">{{ $t('Name') }}<sup class="text-danger">*</sup></label>
                    <input type="text" class="form-control" v-model="form.name" :placeholder="$t('Name')"
                        :class="{ 'is-invalid': form.errors.has('name') }">
                    <div class="valid text-danger" v-if="form.errors.has('name')"
                        v-html="form.errors.get('name')">
                    </div>
                </div>
                <div class="col-sm-12 mb-3">
                    <label class="form-label">{{ $t('Description') }}</label>
                    <textarea :placeholder="$t('Description')" class="form-control" v-model="form.desc" rows="4"></textarea>
                    <div class="valid text-danger" v-if="form.errors.has('desc')" v-html="form.errors.get('desc')"></div>
                </div>
            </div>
        </div>
    </theme-dailog>
</template>
<script>
import ThemeDailog from "../../../components/model-dialog/ThemeDailog.vue";
export default {
    props: {
        form: {},
    },
    components: {
        ThemeDailog,
    },
    data() {
       
    },
    created() {
        
    },
    methods: {
        
    },
}
</script>
