.shadow-sm.rounded-lg.bg-white.p-4.w-full.mb-5(v-if="warnings.length")
h2.text-xl.font-bold(v-if="me && me.is_staff") Reports
h2.text-xl.font-bold(v-else) My reports
ul.divide-y.divide-gray-200.rounded-md.border.border-gray-200.mt-3(role="list" v-if="me && !me.is_staff")
li.py-3.pl-3.pr-4.text-sm(v-for="warning in warnings" :key="warning.id")
h3.flex.leading-6.mb-2.float-right
| {{ warning.created|moment("DD/MM/YYYY HH:mm") }}
p {{ warning.note }}
ul.divide-y.divide-gray-200.rounded-md.border.border-gray-200.mt-3(role="list" v-else-if="me && me.is_staff")
li.py-3.pl-3.pr-4.text-sm(v-for="warning in warnings" :key="warning.id")
h3.flex.leading-6.mb-2.float-right
| {{ warning.created|moment("DD/MM/YYYY HH:mm") }}
p {{ warning.note }}