<template>
    <theme-dailog 
        :modalId="'RejectedLoanForm'" 
        :title="$t('Rejected Loan')" 
        :loading="form.busy"
        @submitData="$emit('submitData')"
    >
        <template #modal-body>
            <div class="row">
                <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>
        </template>
    </theme-dailog>
</template>

<script>
import ThemeDailog from "../../components/model-dialog/ThemeDailog.vue";

export default { 
    props: {
        form: {
            type: Object,
            required: true
        },
    },

    components: {
        ThemeDailog,
    },

    data() {
        return {};
    }
};
</script>
