<script setup>
defineProps({
	report_id: Number,
	title: String,
	description: String,
	date: String,
});
</script>
<template>
	<div class="report" @click="goToReport(report_id)">
		<div class="report-header">
			<div class="report-title">
				<h3><font-awesome-icon :icon="['fas', 'bug']" /> {{ title }}</h3>
			</div>
		</div>
		<div class="report-description">
			<p>
				{{ description }}
			</p>
		</div>
		<div class="report-date"><font-awesome-icon :icon="['fas', 'calendar-days']" /> {{ date }}</div>
	</div>
</template>
<script>
export default {
	name: "ReportBox",
	methods: {
		goToReport(report_id) {
			this.$router.push("/report/" + report_id);
		},
	},
};
</script>