<template lang="html">
  <div class="">
    <b-row v-for="reply in thread.replies" :key="reply.id">
      <b-col sm="3" class="text-center">
        <img src="https://goo.gl/31wa63" class="rounded-circle mb-3" alt="" style="width:60px; heigth:60px">
        <br>
        <h4>{{reply.user.name}}</h4>
        <div class="d-flex justify-content-center">
          <div class="chip">
            <i class="material-icons">star</i> Sayajin
          </div>
        </div>
      </b-col>
      <b-col sm="9">
        <i>{{reply.created_at}} atualizado {{reply.updated_at}}</i>
        <p><span v-html="reply.body"></span></p>
      </b-col>
    </b-row>
    <Pagination />
  </div>

</template>

<script>
import { forum as htpp } from '@/http'
import Pagination from 'components/Navigation/Pagination/Pagination'
export default {
  props: [
    'replied',
    'reply',
    'yourAnswer',
    'send'
  ],
  data () {
    return {
      replies: []
    }
  },
  methods: {
    getReplies (evt) {
      evt.preventDefault()
      http.get('replies')
      .then((response) => {
        this.replies = response.data
      })
    }
  }
}
</script>

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