<template>
  <div class="panel panel-default" v-show="show">
    <div class="panel-heading"><div class="team-name">{{ tweet.team_name }}</div></div>

    <div class="panel-body scorecard">
      <div class="profile">
          <img :src="tweet.player_photo" :style="'border-color: #'+tweet.team_color"> 
          <span><a :href="'https://twitter.com/'+tweet.player_username">@{{ tweet.player_username }}</a></span>
      </div>

      <div class="tweet">
        {{ tweet.text }}
        <div v-for="img in tweet.photos">
          <img :src="img">
        </div>
      </div>

      <div>{{ tweet.mission }}</div>

    </div>
  </div>
</template>
<script>
module.exports = {
  props: ['show', 'tweet'],
  data () {
    return {
    }
  },
  created() {
    console.log(this.tweet);
  }
}
</script>