<template>
  <ContentPage heading="The Contact Page Heading">

    <b-field label="Name">
      <b-input placeholder="Your name ...">
      </b-input>
    </b-field>

    <b-field label="Email">
      <b-input placeholder="Your email ...">
      </b-input>
    </b-field>

    <b-field label="Subject">
      <b-input placeholder="Your subject ...">
      </b-input>
    </b-field>

    <b-field label="Message">
      <b-input placeholder="Your message ..."
               type="textarea">
      </b-input>
    </b-field>

    <button class="button is-success is-outlined"
            @click.prevent="onSubmit"
            :disabled="isDisabled">
      Send
    </button>
  </ContentPage>
</template>

<script>
import ContentPage from '@/components/ContentPage'

export default {
  name: 'HomePage',

  components: {
    ContentPage
  },

  data() {
    return {
      isDisabled: false,
    }
  },

  methods: {
    onSubmit () {
      console.log('Submitting ...')
    },
  },
}
</script>

<style scoped lang="scss">
</style>

