<template lang="pug">
  .ban.list-item
    .stamps
      .noactive.stamp(title='Expired', v-if='expired')
        i.fa.fa-fw.fa-ban
    .info
      .row
        .col-3 User
        .col {{ user.display_name }}
      .row
        .col-3 Admin
        .col {{ admin.display_name }}
      .row
        .col-3 Reason
        .col {{ reason }}
      .row
        .col-3 Placed
        .col {{ new Date(created_at).toString() }}
      .row
        .col-3 Expires
        .col(v-if='expires_at') {{ new Date(expires_at).toString() }}
        .col(v-else='v-else')
          b This ban is permanent.
      .btn.btn-success.remove.mt-3(@click='$parent.$emit("pardon", id)') 
        i.fa.fa-fw.fa-check
        |&nbsp;Pardon
</template>

<script type="text/javascript">
  export default {
    props: ['expired', 'user', 'admin', 'reason', 'created_at', 'expires_at', 'email', 'id']
  }
</script>
