<template>
	<div class="form-group" :class="{'has-error': form.errors.has(input_name)}">
        <label v-if="label" for="name">{{ label }}</label>
		<textarea 
			:name="input_name" 
        	class="form-control" 
        	:placeholder="placeholder" 
        	v-model="form[input_name]"
        	@keydown="form.errors.clear(input_name)"
            :readonly="readonly"
		>
		</textarea>
        <div class="text-danger text-left" v-if="form.errors.has(input_name)" v-text="form.errors.get(input_name)"></div>
    </div>
</template>

<script type="text/javascript">
	export default {
		props: {
            input_name: String,
            form: Object,
            placeholder: String,
            label: String,
            readonly: Boolean
        }
	}
</script>