<template>
  <section class="app-guide-tables">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <div class="tableBox vehicles">
            <table>
              <thead>
              <tr>
                <th colspan="4" class="center">{{ staticData.table1.title }}</th>
                <th class="middle">{{ staticData.table1.load }}</th>
                <th>{{ staticData.table1.imprint }}</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>{{ staticData.table1.class1.t1 }}</td>
                <td>{{ staticData.table1.class1.t2 }}</td>
                <td>{{ staticData.table1.class1.t3 }}</td>
                <td>{{ staticData.table1.danSqm }}</td>
                <td>600</td>
                <td>1000 x 1000</td>
              </tr>
              <tr class="odd">
                <td>{{ staticData.table1.class2.t1 }}</td>
                <td>{{ staticData.table1.class2.t2 }}</td>
                <td>{{ staticData.table1.class2.t3 }}</td>
                <td>{{ staticData.table1.danImprint }}</td>
                <td>1.000</td>
                <td>200 x 200</td>
              </tr>
              <tr>
                <td>{{ staticData.table1.class3.t1 }}</td>
                <td>{{ staticData.table1.class3.t2 }}</td>
                <td>{{ staticData.table1.class3.t3 }}</td>
                <td>{{ staticData.table1.danImprint }}</td>
                <td>3.000</td>
                <td>200 x 400</td>
              </tr>
              <tr class="odd">
                <td>{{ staticData.table1.class4.t1 }}</td>
                <td>{{ staticData.table1.class4.t2 }}</td>
                <td>{{ staticData.table1.class4.t3 }}</td>
                <td>{{ staticData.table1.danImprint }}</td>
                <td>9.000</td>
                <td>250 x 600</td>
              </tr>
              </tbody>
            </table>
          </div>
          <p class="notice">{{ staticData.scrollToSee }}</p>
          <div class="tableBox forklifts">
            <table>
              <thead>
              <tr>
                <th colspan="6" class="center">{{ staticData.table2.title }}</th>
                <th class="middle">{{ staticData.table2.load }}</th>
                <th>{{ staticData.table2.imprint }}</th>
              </tr>
              </thead>
              <tbody>

              <tr>
                <td></td>
                <td>{{ staticData.table2.t1 }}</td>
                <td>{{ staticData.table2.t2 }}</td>
                <td>{{ staticData.table2.t3 }}</td>
                <td>{{ staticData.table2.t4 }}</td>
                <td></td>
                <td></td>
                <td></td>
              </tr>
              <tr class="odd">
                <td>{{ staticData.table2.fl1.t1 }}</td>
                <td>{{ staticData.table2.fl1.t2 }}</td>
                <td>21</td>
                <td>10</td>
                <td>31</td>
                <td>{{ staticData.table2.danImprint }}</td>
                <td>2600</td>
                <td>130 x 130</td>
              </tr>
              <tr>
                <td>{{ staticData.table2.fl2.t1 }}</td>
                <td>{{ staticData.table2.fl2.t2 }}</td>
                <td>31</td>
                <td>15</td>
                <td>46</td>
                <td>{{ staticData.table2.danImprint }}</td>
                <td>4000</td>
                <td>175 x 150</td>
              </tr>
              <tr class="odd">
                <td>{{ staticData.table2.fl3.t1 }}</td>
                <td>{{ staticData.table2.fl3.t2 }}</td>
                <td>44</td>
                <td>25</td>
                <td>69</td>
                <td>{{ staticData.table2.danImprint }}</td>
                <td>6300</td>
                <td>200 x 200</td>
              </tr>
              <tr>
                <td>{{ staticData.table2.fl4.t1 }}</td>
                <td>{{ staticData.table2.fl4.t2 }}</td>
                <td>60</td>
                <td>40</td>
                <td>100</td>
                <td>{{ staticData.table2.danImprint }}</td>
                <td>9000</td>
                <td>300 x 200</td>
              </tr>
              <tr class="odd">
                <td>{{ staticData.table2.fl5.t1 }}</td>
                <td>{{ staticData.table2.fl5.t2 }}</td>
                <td>90</td>
                <td>60</td>
                <td>150</td>
                <td>{{ staticData.table2.danImprint }}</td>
                <td>14000</td>
                <td>375 x 200</td>
              </tr>
              <tr>
                <td>{{ staticData.table2.fl6.t1 }}</td>
                <td>{{ staticData.table2.fl6.t2 }}</td>
                <td>110</td>
                <td>80</td>
                <td>190</td>
                <td>{{ staticData.table2.danImprint }}</td>
                <td>17000</td>
                <td>450 x 200</td>
              </tr>
              </tbody>
            </table>
          </div>
          <p class="notice">{{ staticData.scrollToSee }}</p>
        </div>
      </div>
    </div>
  </section>
</template>

<script>
export default {
  computed: {
    staticData() {
      return this.$store.state.staticData.calculation[this.$route.params.lang]
    }
  }
}
</script>
