<template>
    <div v-show="visible" class="block">
        <div class="field">
            <label class="label has-text-white">Contraseña de administración del barrio</label>
            <p class="control">
                <input required class="input" type="password" name="password" placeholder="Contraseña de admin del barrio">
            </p>
            <p class="help has-text-white">Si no la sabés, consultá a la comisión informática.</p>
        </div>
        <div class="field">
            <div class="control">
                <input type="submit" class="button is-warning" value="Ingresar"/>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "LoginAdmin.vue",
        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>
