<script lang="ts">

export default {
  props: {
    users: {
      type: Array<any>,
      required: true,
    },
    spieltage: {
      type: null,
      required: true,
    },
  },
  computed: {
    
  },
  methods: {
  }
};
</script>
<template>
  <section class="buli-table" id="buli-table">
    <br /><br />

    <h2>Punktetabelle</h2>
    <!--<div id="load-table-btn-container">
      <button id="load-table-btn">Punkte ausrechnen</button>
    </div>-->
    <table>
      <tbody>
        <tr>
          <td>Tag</td>
          <td v-for="spieltag in spieltage[0]">{{ spieltag.user.name }}</td>
        </tr>
        <tr v-for="spieltag, i in spieltage">
          <td>{{ i+1 }}</td>

          <!-- Modal -->

          <!-- Open BTN -->
          <td class="as-link" v-for="userpoints in spieltag">{{ userpoints.points }}</td>
        </tr>

        <tr>
          <td>Summe</td>

          <td v-for="user in users">{{ user.points }}</td>
        </tr>
      </tbody>
    </table>
  </section>
</template>
<style scoped>
@import "../../assets/css/bulitipp2.css";
</style>
