<!DOCTYPE html>
<html lang="en" data-baseurl="/hwtools/">



<!-- _includes/partials/head.html -->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0">

    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/hwtools/assets/sass/main.css?1594138456">
</head>

<!-- / _includes/partials/head.html -->



<body>
  <main class="wrapper">
    
    <div id="calculator" class="calculator">
      <h1>Silver League Calculator</h1>

      <table>
        <thead>
          <tr>
            <td></td>
            <td>Monday</td>
            <td>Tuesday</td>
            <td>Wednesday</td>
            <td>Thursday</td>
            <td>Friday</td>
          </tr>
        </thead>

        <tbody>
          <tr v-for="(guild, index) in guilds" v-if="index > 0">
            <td>
              <input type="text" v-model="guilds[index]" />
            </td>

            <!-- Odd guilds -->
            <template v-if="index % 2">
              <td>{{ guilds[(index + 3) % 10 || 10] }}</td>
              <td>{{ guilds[(index + 5) % 10 || 10] }}</td>
              <td>{{ guilds[(index + 7) % 10 || 10] }}</td>
              <td>{{ guilds[(index + 9) % 10 || 10] }}</td>
              <td>{{ guilds[(index + 11) % 10 || 10] }}</td>
            </template>

            <!-- Even guilds -->
            <template v-else>
              <td>{{ guilds[(index + 10 - 3) % 10] }}</td>
              <td>{{ guilds[(index + 10 - 5) % 10] }}</td>
              <td>{{ guilds[(index + 10 - 7) % 10] }}</td>
              <td>{{ guilds[(index + 10 - 9) % 10] }}</td>
              <td>{{ guilds[(index + 10 - 11) % 10] }}</td>
            </template>
          </tr>
        </tbody>
      </table>
    </div>
    
  </main>

  <!-- _includes/partials/footer.html -->

<footer>
    
</footer>

<!-- / _includes/partials/footer.html -->


  <!-- _includes/partials/scripts.html -->


  <script src="/hwtools/assets/js/main.min.js?1594138456"></script>


<!-- / _includes/partials/scripts.html -->

</body>

</html>