<template>
  <b-modal ref="modalNote" title="Editing a note" size="lg">
    <b-container fluid>
      <p>This is the note for the timeslot on {{ prettyDate(note.start) }}.)</p>
      <b-row>
        <b-col cols="2">Title:</b-col>
        <b-col cols="10"><b-form-input v-model="note.title" type="text" placeholder="Enter a title"></b-form-input></b-col>
      </b-row>
      <b-row>
        <b-col cols="2">Summary:</b-col>
        <b-col cols="10"><b-form-textarea v-model="note.summary" :rows="4" placeholder="Enter a summary"></b-form-textarea></b-col>
      </b-row>
      <b-row>
        <b-col cols="2">Content:</b-col>
        <b-col cols="10"><b-form-textarea v-model="note.content" :rows="8" placeholder="Enter a text describing this timeslot"></b-form-textarea></b-col>
      </b-row>
    </b-container>
  </b-modal>
</template>

<script>
import prettyDate from '../mixins/prettyDate'
// import axios from 'axios'

export default {
  props: {
    note: { type: Object, required: true }
  },
  mixins: [ prettyDate ],
  data () {
    return {

    }
  },
  methods: {
    save: function () {
    }
  }
}
</script>

<style scoped>

</style>