<template>
  <section class="ui vertical stripe segment">
    <div class="ui text container">
      <h2>
        <translate
          v-if="canEdit"
          key="1"
          translate-context="Content/*/Title"
        >
          Edit this artist
        </translate>
        <translate
          v-else
          key="2"
          translate-context="Content/*/Title"
        >
          Suggest an edit on this artist
        </translate>
      </h2>
      <div
        v-if="!object.is_local"
        class="ui message"
      >
        <translate translate-context="Content/*/Message">
          This object is managed by another server, you cannot edit it.
        </translate>
      </div>
      <edit-form
        v-else
        :object-type="objectType"
        :object="object"
        :can-edit="canEdit"
      />
    </div>
  </section>
</template>

<script>
import EditForm from '@/components/library/EditForm.vue'
export default {
  components: {
    EditForm
  },
  props: {
    objectType: { type: String, required: true },
    object: { type: Object, required: true },
    libraries: { type: Array, required: true }
  },
  data () {
    return {
      id: this.object.id
    }
  },
  computed: {
    canEdit () {
      return true
    }
  }
}
</script>
