<template>

	<div id='CONTAINER' class='card'>

		<div class='card container'>


			<section class='valid' data-create='' v-show='gstore.create_card'>

				<select class='category' v-model='gstore.create_cat'>
					<option selected='selected' disabled='disabled' value='-'>Catégorie d'enseignant</option>
					<option v-for='cat in gstore.categories' :value='cat.idCategorie'>{{ cat.labelCategorie }}</option>
				</select>
				<h1>
					<input type='text' placeholder='Prénom Nom' v-model='gstore.create_name'>
					<span data-visible='1'>(<input type='text' placeholder='identifiant' v-model='gstore.create_cas'>)</span>
				</h1>

				<div class='table'>
					<div>
						<span><input type='text' placeholder='???' v-model='gstore.create_h'></span>
						<span>heures à faire</span>
					</div>
				</div>

				<div :class="gstore.create_err.length > 0 ? 'sub warning' : 'sub'" :data-valid='gstore.create_err_valid?1:0'>{{ gstore.create_err }}</div>

				<div class='footer'>
					<button class='valid' @click='gstore.ic_handler()'>Créer l'enseignant</button>
				</div>
			</section>

			<section>




				<h1 >{{ $route.params.code }}</h1>


				<div class='footer'>
					<button class='neutral' @click='$router.push(`/ue/view`)'>Retour</button>
				</div>
			</section>

		</div>


	</div>

</template>




<script>

	export default {
		name: 'CONTAINER_VIEW',
		data(){
			return { gstore: gstore.get }
		}
	}

</script>