<template>

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

		<section v-if='gstore.professors.length <= 0'>Aucun enseignant trouvé</section>

		<section v-for='prof in gstore.professors'>
			<span class='category'>{{ prof.abreviation }}</span>
			<h1>{{ prof.firstName }} {{ prof.lastName }}</h1>

			<div class='table'>
				<div>
					<span>{{prof.hoursToDo}}</span>
					<span>heures à faire</span>
				</div>
				<div>
					<span>?</span>
					<span>heures prévues</span>
				</div>
			</div>

			<div class='footer'>
				<span class='course active'>13</span><hr>
				<span class='td active'>9</span><hr>
				<span class='tp active'>32</span>
			</div>
		</section>

	</div>

</template>




<script>

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

</script>