<script setup lang="ts">
import type { ModelOperationItem } from '../schema'

defineProps<{ operations: ModelOperationItem[] }>()
</script>

<template>
  <section aria-labelledby="operation-plan-title">
    <h2 id="operation-plan-title">지속 평가·개선 작업 계획</h2>
    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th>Job</th>
            <th>작업</th>
            <th>주기</th>
            <th>자동화 모드</th>
            <th>Queue</th>
            <th>Gate</th>
            <th>Owner</th>
            <th>산출물</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="operation in operations" :key="operation.operationCode">
            <td>{{ operation.operationCode }}</td>
            <td>{{ operation.name }}</td>
            <td>{{ operation.cadence }}</td>
            <td>{{ operation.automationMode }}</td>
            <td>{{ operation.queue }}</td>
            <td>{{ operation.gate }}</td>
            <td>{{ operation.primaryOwner }} / {{ operation.secondaryOwner }}</td>
            <td>{{ operation.output }}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </section>
</template>
