<div>

	<ul v-show="!readOnly" class="tags-wrapper list-unstyled">
		<li class="tag-item" v-for="(tag, index) in tags" :ref="tag.id">
			<i class="fa fa-tag"></i> <strong><span v-text="tag.tag_label"></span></strong>

			Fiabilité: 	<select @change="updateAccuracy($event, tag)">
							<option v-for="(no, index) in [1,2,3,4,5]" v-bind:selected="tag.accuracy == no" v-bind:value="no">{{ no }}</option>
						</select>

			Pertinence: <select @change="updatePertinence($event, tag)">
							<option v-for="(no, index) in [1,2,3,4,5]" v-bind:selected="tag.relevancy == no" v-bind:value="no">{{ no }}</option>
						</select>
						<a @click="removeTag(tag)"><i class="fa fa-trash"></i> </a>
		</li>
	</ul>

	<ul class="list-inline" v-show="readOnly">
		<li v-for="(tag, index) in tags">
			<i class="fa fa-tag"></i> <span class="label label-info">{{ tag.tag_label }}</span>
			 | fiabilité <span class="badge">{{ tag.accuracy }}</span>
			 | pertinence <span class="badge">{{ tag.relevancy }}</span>
		</li>
	</ul>
</div>
