<script lang="ts" setup>
import { inject } from "vue";
import { Module } from "../model/module.ts";

// eslint-disable-next-line @typescript-eslint/no-explicit-any
const dialogRef = inject("dialogRef") as any;
const module = dialogRef.value.data.module as Module;
</script>

<template>
  <div>
    <h2>{{ module.name }}</h2>
    <table>
      <tr>
        <td>Course: {{ module.course }}</td>
      </tr>
      <tr>
        <td>Person: {{ module.prof }}</td>
      </tr>
      <tr>
        <td>Semester: {{ module.semester }}</td>
      </tr>
      <tr>
        <td>
          <div class="card">
            <DataTable :value="module.events" table-style="min-width: 50rem">
              <Column field="day" header="Day"></Column>
              <Column field="start" header="Start"></Column>
              <Column field="end" header="End"></Column>
              <Column field="rooms" header="Room"></Column>
              <Column field="eventType" header="Type"></Column>
              <Column field="week" header="Week"></Column>
            </DataTable>
          </div>
        </td>
      </tr>
    </table>
  </div>
</template>
