<script lang="ts">
    import type { PageData } from './$types'
    export let data: PageData;
	const exams = data.exams
</script>


<h1 class="p-5">การสอบแข่งขัน</h1>

<div class="p-5">
	<table class="table table-compact w-full">
	  <thead>
		<tr>
		  <th>วันที่</th> 
		  <th>การสอบ</th> 
		  <th>หน่วยงาน</th> 
		</tr>
	  </thead> 
	  <tbody>
		{#each exams as exam}
		<tr>
		  <th><a href={"/exams/"+exam.id}>{exam.date}</a></th> 
		  <td>{exam.detail}</td> 
		  <td>{exam.institute}</td> 
		{/each}
	  </tbody> 
	</table>
</div>
