<template>
	<div v-show="visible" class="block">
		<div class="field">
			<label class="label">Contraseña del barrio</label>
			<p class="control">
			    <input required class="input" type="password" name="password" placeholder="Contraseña del barrio">
			</p>
			<p class="help">Si no la sabés, consultá a tus compañerxs.</p>
		</div>
		<div class="field">
			<div class="control">
			    <input type="submit" class="button is-success" value="Ingresar">
			    </input>
		    </div>
	    </div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				visible: false,
				gdc: null
			}
		},
		mounted() {
			Event.$on('gdc-seleccionado', (gdc) =>  {
				this.gdc = gdc;
				this.visible = true;
			});
		}
	}
</script>

<style>
	.help {
		font-size: 1rem;
	}
</style>