<script lang="js">
import RitzenbergenLib from "../../ritzenbergenlib.ts";
    export default {
        props: {
            ergebnisse: {
                type: Object,
                required: true
            },
            maxspieltag: {
                type: Number,
                required: true
            }
        },
        data(){
          return {
            RitzenbergenLib
          }
        }
    }
</script>
<template>
<section class="buli-results scroll-x" id="buliresults-section">
    <br /><br />
    <h2>Paarungsergebnisse {{ maxspieltag }}. Spieltag</h2>
    <table>
      <tbody>
        <tr>
          <td>Paarung</td>
          <td>Ergebnis</td>
        </tr>
        <tr v-for="ergebnis in ergebnisse">
          <td>
            <!-- Modal -->
            <!-- 
                  <iframe frameborder="0"></iframe> -->
            <span class="as-link">
              <span class="teams">
                <span class="team">
                  <img :src='RitzenbergenLib.RitzenbergenLib.api("/bulitipp/get-image.php?team="+ergebnis.paarung.heim)' alt="" />
                  <p>{{ ergebnis.paarung.heim }}</p>
                </span>
                <span class="vs"></span>
                <span class="team">
                  <p>{{ ergebnis.paarung.gast }}</p>
                  <img :src='RitzenbergenLib.RitzenbergenLib.api("/bulitipp/get-image.php?team="+ergebnis.paarung.gast)' alt="" />
                </span>
              </span>
            </span>
          </td>
          <td>
            <p>{{ ergebnis.heim }} - {{ ergebnis.gast }}</p>
          </td>
        </tr>
      </tbody>
    </table>
  </section>
</template>
<style scoped>

@import "../../assets/css/bulitipp2.css";
</style>