{% load static %}
{% load bootstrap3 %}
{% load main_tags %}

{% block content %}
<style>

.abs {
    border: 2px solid #00334d;
    vertical-align: center;
    display: inline-block;
    font-size: 95%;
}

.abs tr{
    border-bottom: 0px solid #00334d;
}

.abs td{
    border-right: 0px solid #00334d;
    text-align: center;
    padding: 4px;
}

.pattern {
  border: 2px solid #00334d;
  vertical-align: center;
  font-weight: bold;
  text-align: center;
}
.pattern tr{
    border: 1px solid #ffffff;
    background-color: #ecf0f1;
}
.pattern td{
    border: 2px solid #e2e2e7;
    text-align: center;
}

.north_quarter{
  border: 2px solid #00334d;
  vertical-align: center;
  font-weight: bold;
}
.north_quarter tr{
    border: 1px solid #ffffff;
    background-color: #ecf0f1;
}
.north_quarter td{
    border: 2px solid #e2e2e7;
    text-align: center;
}

.east_quarter{
  border: 2px solid #00334d;
  vertical-align: center;
  font-weight: bold;
}
.east_quarter tr{
    border: 1px solid #ffffff;
    background-color: #ecf0f1;
}
.east_quarter td{
    border: 2px solid #e2e2e7;
    text-align: center;
}

.west_quarter{
  border: 2px solid #00334d;
  vertical-align: center;
  font-weight: bold;
}
.west_quarter tr{
    border: 1px solid #ffffff;
    background-color: #ecf0f1;
}
.west_quarter td{
    border: 2px solid #e2e2e7;
    text-align: center;
}

.south_quarter{
  border: 2px solid #00334d;
  vertical-align: center;
  font-weight: bold;
}
.south_quarter tr{
    border: 1px solid #ffffff;
    background-color: #ecf0f1;
}
.south_quarter td{
    border: 2px solid #e2e2e7;
    text-align: center;
}

.abs_tx {
    border: 2px solid #00334d;
    vertical-align: center;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    vertical-align: top;
    font-size: 95%;
}


}
.abs_tx tr:nth-last-child(1){
    border-bottom: 0px solid #00334d;
}
.abs_tx td {
    text-align: center;
    padding: 4px;
}

.abs_rx {
    border: 2px solid #00334d;
    vertical-align: center;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    font-size: 95%;
}


}
.abs_rx tr:nth-last-child(1){
    border-bottom: 0px solid #00334d;
}
.abs_rx td {
    text-align: center;
    padding: 4px;
}

.tx {
  border: 2px solid #00334d;
  vertical-align: center;
  font-weight: bold;
}
.tx tr{
    border: 1px solid #ffffff;
    background-color: #ecf0f1;
}
.tx td{
    border: 2px solid #e2e2e7;
    text-align: center;
}


.rx {
  border: 2px solid #00334d;
  vertical-align: center;
  font-weight: bold;
}
.rx tr{
    border: 1px solid #ffffff;
    background-color: #ecf0f1;
}
.rx td{
    border: 2px solid #e2e2e7;
    text-align: center;
}

.pattern_image{
  display: inline-block;
}

</style>

<script>
$(document).ready(function() {

  {% for beam in abs_beams %}
    $( "#button-{{ forloop.counter }}" ).click(function() {

      var antenna_upvalues     = {{beam.antenna_upvalues}};
      var antenna_downvalues     = {{beam.antenna_downvalues}};

      var table_up = document.getElementById('antenna_up');
      var cells_up = table_up.getElementsByTagName('td');

      var table_down = document.getElementById('antenna_down');
      var cells_down = table_down.getElementsByTagName('td');

      //TX Tables
      var tx_upvalues   = {{beam.get_tx.up}};
      var tx_downvalues = {{beam.get_tx.down}};

      var tabletx_up = document.getElementById('tx_up');
      var cellstx_up = tabletx_up.getElementsByTagName('td');
      var tabletx_down = document.getElementById('tx_down');
      var cellstx_down = tabletx_down.getElementsByTagName('td');

      //RX Tables
      var rx_upvalues   = {{beam.get_rx.up}};
      var rx_downvalues = {{beam.get_rx.down}};

      var tablerx_up = document.getElementById('rx_up');
      var cellsrx_up = tablerx_up.getElementsByTagName('td');
      var tablerx_down = document.getElementById('rx_down');
      var cellsrx_down = tablerx_down.getElementsByTagName('td');

      //alert(cells_down[51].textContent);
      //alert(cells_up[51].textContent);

      for (var i = 1, len = 17; i < len; i++) {
          if ((i > 12) && (i<17)){
            cells_up[i].innerHTML   = antenna_upvalues[3][i-13].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[3][i-13].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[3][i-13];
            cellstx_down[i].innerHTML = tx_downvalues[3][i-13];
            cellsrx_up[i].innerHTML   = rx_upvalues[3][i-13];
            cellsrx_down[i].innerHTML = rx_downvalues[3][i-13];
          }
          else if ((i > 8) && (i<13)){
            cells_up[i].innerHTML   = antenna_upvalues[2][i-9].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[2][i-9].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[2][i-9];
            cellstx_down[i].innerHTML = tx_downvalues[2][i-9];
            cellsrx_up[i].innerHTML   = rx_upvalues[2][i-9];
            cellsrx_down[i].innerHTML = rx_downvalues[2][i-9];
          }
          else if ((i > 4) && (i<9)){
            cells_up[i].innerHTML   = antenna_upvalues[1][i-5].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[1][i-5].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[1][i-5];
            cellstx_down[i].innerHTML = tx_downvalues[1][i-5];
            cellsrx_up[i].innerHTML   = rx_upvalues[1][i-5];
            cellsrx_down[i].innerHTML = rx_downvalues[1][i-5];
          }
          else if (i < 5) {
            cells_up[i].innerHTML   = antenna_upvalues[0][i-1].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[0][i-1].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[0][i-1];
            cellstx_down[i].innerHTML = tx_downvalues[0][i-1];
            cellsrx_up[i].innerHTML   = rx_upvalues[0][i-1];
            cellsrx_down[i].innerHTML = rx_downvalues[0][i-1];
            }
        }

        for (var i = 18, len = 34; i < len; i++) {
          if ((i > 29) && (i<34)) {
            cells_up[i].innerHTML   = antenna_upvalues[3][i-26].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[3][i-26].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[3][i-26];
            cellstx_down[i].innerHTML = tx_downvalues[3][i-26];
            cellsrx_up[i].innerHTML   = rx_upvalues[3][i-26];
            cellsrx_down[i].innerHTML = rx_downvalues[3][i-26];
          }
          if ((i > 25) && (i<30)) {
            cells_up[i].innerHTML   = antenna_upvalues[2][i-22].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[2][i-22].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[2][i-22];
            cellstx_down[i].innerHTML = tx_downvalues[2][i-22];
            cellsrx_up[i].innerHTML   = rx_upvalues[2][i-22];
            cellsrx_down[i].innerHTML = rx_downvalues[2][i-22];
          }
          else if ((i > 21) && (i<26)) {
            cells_up[i].innerHTML   = antenna_upvalues[1][i-18].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[1][i-18].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[1][i-18];
            cellstx_down[i].innerHTML = tx_downvalues[1][i-18];
            cellsrx_up[i].innerHTML   = rx_upvalues[1][i-18];
            cellsrx_down[i].innerHTML = rx_downvalues[1][i-18];
          }
          else if (i < 22) {
            cells_up[i].innerHTML = antenna_upvalues[0][i-14].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[0][i-14].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[0][i-14];
            cellstx_down[i].innerHTML = tx_downvalues[0][i-14];
            cellsrx_up[i].innerHTML   = rx_upvalues[0][i-14];
            cellsrx_down[i].innerHTML = rx_downvalues[0][i-14];
          }
        }

        for (var i = 35, len = 51; i < len; i++) {
          if ((i > 46) && (i<51)) {
            cells_up[i].innerHTML   = antenna_upvalues[7][i-47].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[7][i-47].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[7][i-47];
            cellstx_down[i].innerHTML = tx_downvalues[7][i-47];
            cellsrx_up[i].innerHTML   = rx_upvalues[7][i-47];
            cellsrx_down[i].innerHTML = rx_downvalues[7][i-47];
          }
          else if ((i > 42) && (i<47)) {
            cells_up[i].innerHTML   = antenna_upvalues[6][i-43].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[6][i-43].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[6][i-43];
            cellstx_down[i].innerHTML = tx_downvalues[6][i-43];
            cellsrx_up[i].innerHTML   = rx_upvalues[6][i-43];
            cellsrx_down[i].innerHTML = rx_downvalues[6][i-43];
          }
          else if ((i > 38) && (i<43)) {
            cells_up[i].innerHTML   = antenna_upvalues[5][i-39].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[5][i-39].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[5][i-39];
            cellstx_down[i].innerHTML = tx_downvalues[5][i-39];
            cellsrx_up[i].innerHTML = rx_upvalues[5][i-39];
            cellsrx_down[i].innerHTML = rx_downvalues[5][i-39];
          }
          else if (i < 39) {
            cells_up[i].innerHTML   = antenna_upvalues[4][i-35].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[4][i-35].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[4][i-35];
            cellstx_down[i].innerHTML = tx_downvalues[4][i-35];
            cellsrx_up[i].innerHTML = rx_upvalues[4][i-35];
            cellsrx_down[i].innerHTML = rx_downvalues[4][i-35];
            }
        }

        for (var i = 52, len = 68; i < len; i++) {
          if ((i > 63) && (i<68)) {
            cells_up[i].innerHTML   = antenna_upvalues[7][i-60].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[7][i-60].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[7][i-60];
            cellstx_down[i].innerHTML = tx_downvalues[7][i-60];
            cellsrx_up[i].innerHTML   = rx_upvalues[7][i-60];
            cellsrx_down[i].innerHTML = rx_downvalues[7][i-60];
            }
          else if ((i > 59) && (i<64)) {
            cells_up[i].innerHTML   = antenna_upvalues[6][i-56].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[6][i-56].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[6][i-56];
            cellstx_down[i].innerHTML = tx_downvalues[6][i-56];
            cellsrx_up[i].innerHTML   = rx_upvalues[6][i-56];
            cellsrx_down[i].innerHTML = rx_downvalues[6][i-56];
            }
          else if ((i > 55) && (i<60)) {
            cells_up[i].innerHTML   = antenna_upvalues[5][i-52].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[5][i-52].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[5][i-52];
            cellstx_down[i].innerHTML = tx_downvalues[5][i-52];
            cellsrx_up[i].innerHTML   = rx_upvalues[5][i-52];
            cellsrx_down[i].innerHTML = rx_downvalues[5][i-52];
            }
          else if (i < 56) {
            cells_up[i].innerHTML   = antenna_upvalues[4][i-48].toFixed(1);
            cells_down[i].innerHTML = antenna_downvalues[4][i-48].toFixed(1);
            cellstx_up[i].innerHTML   = tx_upvalues[4][i-48];
            cellstx_down[i].innerHTML = tx_downvalues[4][i-48];
            cellsrx_up[i].innerHTML   = rx_upvalues[4][i-48];
            cellsrx_down[i].innerHTML = rx_downvalues[4][i-48];
            }
        }

        var up_ues = document.getElementById('up_ues');
        up_ues.innerHTML = "{{beam.get_up_ues}}";
        var down_ues = document.getElementById('down_ues');
        down_ues.innerHTML = "{{beam.get_down_ues}}";

      });

  {% endfor %}

});
</script>


<div id="UP" class="panel-group">
  <div class="panel panel-default">
    <div class="panel-heading">UP</div>
    <div class="panel-body">
      <table class="abs">
        <tr>
          <td> <b>Antenna</b>
            <table id="antenna_up" class="pattern">
              <tr>
                <td> North Quarter
                  <table class="north_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.0}}</td> <td>{{abs_beams.0.get_upvalues.1}}</td> <td>{{abs_beams.0.get_upvalues.2}}</td> <td>{{abs_beams.0.get_upvalues.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.8}}</td> <td>{{abs_beams.0.get_upvalues.9}}</td> <td>{{abs_beams.0.get_upvalues.10}}</td> <td>{{abs_beams.0.get_upvalues.11}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.16}}</td> <td>{{abs_beams.0.get_upvalues.17}}</td> <td>{{abs_beams.0.get_upvalues.18}}</td> <td>{{abs_beams.0.get_upvalues.19}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.24}}</td> <td>{{abs_beams.0.get_upvalues.25}}</td> <td>{{abs_beams.0.get_upvalues.26}}</td> <td>{{abs_beams.0.get_upvalues.27}}</td>
                    </tr>
                  </table>
                </td>
                <td> East Quarter
                  <table class="east_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.4}}</td> <td>{{abs_beams.0.get_upvalues.5}}</td> <td>{{abs_beams.0.get_upvalues.6}}</td> <td>{{abs_beams.0.get_upvalues.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.12}}</td> <td>{{abs_beams.0.get_upvalues.13}}</td> <td>{{abs_beams.0.get_upvalues.14}}</td> <td>{{abs_beams.0.get_upvalues.15}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.20}}</td> <td>{{abs_beams.0.get_upvalues.21}}</td> <td>{{abs_beams.0.get_upvalues.22}}</td> <td>{{abs_beams.0.get_upvalues.23}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.28}}</td> <td>{{abs_beams.0.get_upvalues.29}}</td> <td>{{abs_beams.0.get_upvalues.30}}</td> <td>{{abs_beams.0.get_upvalues.31}}</td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td> West Quarter
                  <table class="west_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.32}}</td> <td>{{abs_beams.0.get_upvalues.33}}</td> <td>{{abs_beams.0.get_upvalues.34}}</td> <td>{{abs_beams.0.get_upvalues.35}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.40}}</td> <td>{{abs_beams.0.get_upvalues.41}}</td> <td>{{abs_beams.0.get_upvalues.42}}</td> <td>{{abs_beams.0.get_upvalues.43}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.48}}</td> <td>{{abs_beams.0.get_upvalues.49}}</td> <td>{{abs_beams.0.get_upvalues.50}}</td> <td>{{abs_beams.0.get_upvalues.51}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.56}}</td> <td>{{abs_beams.0.get_upvalues.57}}</td> <td>{{abs_beams.0.get_upvalues.58}}</td> <td>{{abs_beams.0.get_upvalues.59}}</td>
                    </tr>
                  </table>
                </td>
                <td> South Quarter
                  <table class="south_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.36}}</td> <td>{{abs_beams.0.get_upvalues.37}}</td> <td>{{abs_beams.0.get_upvalues.38}}</td> <td>{{abs_beams.0.get_upvalues.39}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.44}}</td> <td>{{abs_beams.0.get_upvalues.45}}</td> <td>{{abs_beams.0.get_upvalues.46}}</td> <td>{{abs_beams.0.get_upvalues.47}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.52}}</td> <td>{{abs_beams.0.get_upvalues.53}}</td> <td>{{abs_beams.0.get_upvalues.54}}</td> <td>{{abs_beams.0.get_upvalues.55}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_upvalues.60}}</td> <td>{{abs_beams.0.get_upvalues.61}}</td> <td>{{abs_beams.0.get_upvalues.62}}</td> <td>{{abs_beams.0.get_upvalues.63}}</td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>


      <table class="abs_tx">
        <tr>
          <td> <b>TX</b>
            <table id="tx_up" class="tx">
              <tr>
                <td> North Quarter
                  <table align="center" class="north_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.0.0}}</td> <td>{{abs_beams.0.get_tx.up.0.1}}</td> <td>{{abs_beams.0.get_tx.up.0.2}}</td> <td>{{abs_beams.0.get_tx.up.0.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.1.0}}</td> <td>{{abs_beams.0.get_tx.up.1.1}}</td> <td>{{abs_beams.0.get_tx.up.1.2}}</td> <td>{{abs_beams.0.get_tx.up.1.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.2.0}}</td> <td>{{abs_beams.0.get_tx.up.2.1}}</td> <td>{{abs_beams.0.get_tx.up.2.2}}</td> <td>{{abs_beams.0.get_tx.up.2.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.3.0}}</td> <td>{{abs_beams.0.get_tx.up.3.1}}</td> <td>{{abs_beams.0.get_tx.up.3.2}}</td> <td>{{abs_beams.0.get_tx.up.3.3}}</td>
                    </tr>
                  </table>
                </td>
                <td> East Quarter
                  <table align="center" class="east_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.0.4}}</td> <td>{{abs_beams.0.get_tx.up.0.5}}</td> <td>{{abs_beams.0.get_tx.up.0.6}}</td> <td>{{abs_beams.0.get_tx.up.0.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.1.4}}</td> <td>{{abs_beams.0.get_tx.up.1.5}}</td> <td>{{abs_beams.0.get_tx.up.1.6}}</td> <td>{{abs_beams.0.get_tx.up.1.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.2.4}}</td> <td>{{abs_beams.0.get_tx.up.2.5}}</td> <td>{{abs_beams.0.get_tx.up.2.6}}</td> <td>{{abs_beams.0.get_tx.up.2.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.3.4}}</td> <td>{{abs_beams.0.get_tx.up.3.5}}</td> <td>{{abs_beams.0.get_tx.up.3.6}}</td> <td>{{abs_beams.0.get_tx.up.3.7}}</td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td> West Quarter
                  <table align="center" class="west_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.4.0}}</td> <td>{{abs_beams.0.get_tx.up.4.1}}</td> <td>{{abs_beams.0.get_tx.up.4.2}}</td> <td>{{abs_beams.0.get_tx.up.4.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.5.0}}</td> <td>{{abs_beams.0.get_tx.up.5.1}}</td> <td>{{abs_beams.0.get_tx.up.5.2}}</td> <td>{{abs_beams.0.get_tx.up.5.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.6.0}}</td> <td>{{abs_beams.0.get_tx.up.6.1}}</td> <td>{{abs_beams.0.get_tx.up.6.2}}</td> <td>{{abs_beams.0.get_tx.up.6.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.7.0}}</td> <td>{{abs_beams.0.get_tx.up.7.1}}</td> <td>{{abs_beams.0.get_tx.up.7.2}}</td> <td>{{abs_beams.0.get_tx.up.7.3}}</td>
                    </tr>
                  </table>
                </td>
                <td> South Quarter
                  <table align="center" class="south_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.4.4}}</td> <td>{{abs_beams.0.get_tx.up.4.5}}</td> <td>{{abs_beams.0.get_tx.up.4.6}}</td> <td>{{abs_beams.0.get_tx.up.4.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.5.4}}</td> <td>{{abs_beams.0.get_tx.up.5.5}}</td> <td>{{abs_beams.0.get_tx.up.5.6}}</td> <td>{{abs_beams.0.get_tx.up.5.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.6.4}}</td> <td>{{abs_beams.0.get_tx.up.6.5}}</td> <td>{{abs_beams.0.get_tx.up.6.6}}</td> <td>{{abs_beams.0.get_tx.up.6.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.up.7.4}}</td> <td>{{abs_beams.0.get_tx.up.7.5}}</td> <td>{{abs_beams.0.get_tx.up.7.6}}</td> <td>{{abs_beams.0.get_tx.up.7.7}}</td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>


      <table class="abs_rx">
        <tr>
          <td> <b>RX</b>
            <table id="rx_up" class="rx">
              <tr>
                <td> North Quarter
                  <table align="center" class="north_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.0.0}}</td> <td>{{abs_beams.0.get_rx.up.0.1}}</td> <td>{{abs_beams.0.get_rx.up.0.2}}</td> <td>{{abs_beams.0.get_rx.up.0.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.1.0}}</td> <td>{{abs_beams.0.get_rx.up.1.1}}</td> <td>{{abs_beams.0.get_rx.up.1.2}}</td> <td>{{abs_beams.0.get_rx.up.1.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.2.0}}</td> <td>{{abs_beams.0.get_rx.up.2.1}}</td> <td>{{abs_beams.0.get_rx.up.2.2}}</td> <td>{{abs_beams.0.get_rx.up.2.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.3.0}}</td> <td>{{abs_beams.0.get_rx.up.3.1}}</td> <td>{{abs_beams.0.get_rx.up.3.2}}</td> <td>{{abs_beams.0.get_rx.up.3.3}}</td>
                    </tr>
                  </table>
                </td>
                <td> East Quarter
                  <table align="center" class="east_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.0.4}}</td> <td>{{abs_beams.0.get_rx.up.0.5}}</td> <td>{{abs_beams.0.get_rx.up.0.6}}</td> <td>{{abs_beams.0.get_rx.up.0.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.1.4}}</td> <td>{{abs_beams.0.get_rx.up.1.5}}</td> <td>{{abs_beams.0.get_rx.up.1.6}}</td> <td>{{abs_beams.0.get_rx.up.1.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.2.4}}</td> <td>{{abs_beams.0.get_rx.up.2.5}}</td> <td>{{abs_beams.0.get_rx.up.2.6}}</td> <td>{{abs_beams.0.get_rx.up.2.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.3.4}}</td> <td>{{abs_beams.0.get_rx.up.3.5}}</td> <td>{{abs_beams.0.get_rx.up.3.6}}</td> <td>{{abs_beams.0.get_rx.up.3.7}}</td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td> West Quarter
                  <table align="center" class="west_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.4.0}}</td> <td>{{abs_beams.0.get_rx.up.4.1}}</td> <td>{{abs_beams.0.get_rx.up.4.2}}</td> <td>{{abs_beams.0.get_rx.up.4.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.5.0}}</td> <td>{{abs_beams.0.get_rx.up.5.1}}</td> <td>{{abs_beams.0.get_rx.up.5.2}}</td> <td>{{abs_beams.0.get_rx.up.5.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.6.0}}</td> <td>{{abs_beams.0.get_rx.up.6.1}}</td> <td>{{abs_beams.0.get_rx.up.6.2}}</td> <td>{{abs_beams.0.get_rx.up.6.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.7.0}}</td> <td>{{abs_beams.0.get_rx.up.7.1}}</td> <td>{{abs_beams.0.get_rx.up.7.2}}</td> <td>{{abs_beams.0.get_rx.up.7.3}}</td>
                    </tr>
                  </table>
                </td>
                <td> South Quarter
                  <table align="center" class="south_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.4.4}}</td> <td>{{abs_beams.0.get_rx.up.4.5}}</td> <td>{{abs_beams.0.get_rx.up.4.6}}</td> <td>{{abs_beams.0.get_rx.up.4.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.5.4}}</td> <td>{{abs_beams.0.get_rx.up.5.5}}</td> <td>{{abs_beams.0.get_rx.up.5.6}}</td> <td>{{abs_beams.0.get_rx.up.5.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.6.4}}</td> <td>{{abs_beams.0.get_rx.up.6.5}}</td> <td>{{abs_beams.0.get_rx.up.6.6}}</td> <td>{{abs_beams.0.get_rx.up.6.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.up.7.4}}</td> <td>{{abs_beams.0.get_rx.up.7.5}}</td> <td>{{abs_beams.0.get_rx.up.7.6}}</td> <td>{{abs_beams.0.get_rx.up.7.7}}</td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>

      {% if not edit %}
        {% include "abs_pattern_img.html" %}
      {% endif %}

      <br>

      <div id="up_ues" style="display: inline-block">
        Ues: {{abs_beams.0.get_up_ues}}
      </div>

      <div style="margin-left: 70px; display: inline-block">
        <input type="checkbox" id="up_onlyrx" {% if abs_beams.0.get_up_onlyrx == True %} checked="True" {% endif %} disabled>
          Only RX: {{abs_beams.0.get_up_onlyrx}}
        </input>
      </div>

    </div>
  </div>
</div>

<div id="DOWN" class="panel-group">
  <div class="panel panel-default">
    <div class="panel-heading">DOWN</div>
    <div class="panel-body">
      <table class="abs">
        <tr>
          <td> <b>Antenna</b>
            <table id="antenna_down" class="pattern">
              <tr>
                <td> <b>North Quarter</b>
                  <table class="north_quarter">
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                  </table>
                </td>
                <td> <b>East Quarter</b>
                  <table class="east_quarter">
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td> <b>West Quarter</b>
                  <table class="west_quarter">
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                  </table>
                </td>
                <td> <b>South Quarter</b>
                  <table class="south_quarter">
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                    <tr>
                      <td>0.0</td> <td>0.0</td> <td>0.0</td> <td>0.0</td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>

      <table class="abs_tx">
        <tr>
          <td> <b>TX</b>
            <table id="tx_down" class="tx">
              <tr>
                <td> <b>North Quarter</b>
                  <table align="center" class="north_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.0.0}}</td> <td>{{abs_beams.0.get_tx.down.0.1}}</td> <td>{{abs_beams.0.get_tx.down.0.2}}</td> <td>{{abs_beams.0.get_tx.down.0.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.1.0}}</td> <td>{{abs_beams.0.get_tx.down.1.1}}</td> <td>{{abs_beams.0.get_tx.down.1.2}}</td> <td>{{abs_beams.0.get_tx.down.1.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.2.0}}</td> <td>{{abs_beams.0.get_tx.down.2.1}}</td> <td>{{abs_beams.0.get_tx.down.2.2}}</td> <td>{{abs_beams.0.get_tx.down.2.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.3.0}}</td> <td>{{abs_beams.0.get_tx.down.3.1}}</td> <td>{{abs_beams.0.get_tx.down.3.2}}</td> <td>{{abs_beams.0.get_tx.down.3.3}}</td>
                    </tr>
                  </table>
                </td>
                <td> <b>East Quarter</b>
                  <table align="center" class="east_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.0.4}}</td> <td>{{abs_beams.0.get_tx.down.0.5}}</td> <td>{{abs_beams.0.get_tx.down.0.6}}</td> <td>{{abs_beams.0.get_tx.down.0.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.1.4}}</td> <td>{{abs_beams.0.get_tx.down.1.5}}</td> <td>{{abs_beams.0.get_tx.down.1.6}}</td> <td>{{abs_beams.0.get_tx.down.1.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.2.4}}</td> <td>{{abs_beams.0.get_tx.down.2.5}}</td> <td>{{abs_beams.0.get_tx.down.2.6}}</td> <td>{{abs_beams.0.get_tx.down.2.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.3.4}}</td> <td>{{abs_beams.0.get_tx.down.3.5}}</td> <td>{{abs_beams.0.get_tx.down.3.6}}</td> <td>{{abs_beams.0.get_tx.down.3.7}}</td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td> <b>West Quarter</b>
                  <table align="center" class="west_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.4.0}}</td> <td>{{abs_beams.0.get_tx.down.4.1}}</td> <td>{{abs_beams.0.get_tx.down.4.2}}</td> <td>{{abs_beams.0.get_tx.down.4.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.5.0}}</td> <td>{{abs_beams.0.get_tx.down.5.1}}</td> <td>{{abs_beams.0.get_tx.down.5.2}}</td> <td>{{abs_beams.0.get_tx.down.5.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.6.0}}</td> <td>{{abs_beams.0.get_tx.down.6.1}}</td> <td>{{abs_beams.0.get_tx.down.6.2}}</td> <td>{{abs_beams.0.get_tx.down.6.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.7.0}}</td> <td>{{abs_beams.0.get_tx.down.7.1}}</td> <td>{{abs_beams.0.get_tx.down.7.2}}</td> <td>{{abs_beams.0.get_tx.down.7.3}}</td>
                    </tr>
                  </table>
                </td>
                <td> <b>South Quarter</b>
                  <table align="center" class="south_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.4.4}}</td> <td>{{abs_beams.0.get_tx.down.4.5}}</td> <td>{{abs_beams.0.get_tx.down.4.6}}</td> <td>{{abs_beams.0.get_tx.down.4.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.5.4}}</td> <td>{{abs_beams.0.get_tx.down.5.5}}</td> <td>{{abs_beams.0.get_tx.down.5.6}}</td> <td>{{abs_beams.0.get_tx.down.5.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.6.4}}</td> <td>{{abs_beams.0.get_tx.down.6.5}}</td> <td>{{abs_beams.0.get_tx.down.6.6}}</td> <td>{{abs_beams.0.get_tx.down.6.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_tx.down.7.4}}</td> <td>{{abs_beams.0.get_tx.down.7.5}}</td> <td>{{abs_beams.0.get_tx.down.7.6}}</td> <td>{{abs_beams.0.get_tx.down.7.7}}</td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>


      <table class="abs_rx">
        <tr>
          <td> <b>RX</b>
            <table id="rx_down" class="rx">
              <tr>
                <td> <b>North Quarter</b>
                  <table align="center" class="north_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.0.0}}</td> <td>{{abs_beams.0.get_rx.down.0.1}}</td> <td>{{abs_beams.0.get_rx.down.0.2}}</td> <td>{{abs_beams.0.get_rx.down.0.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.1.0}}</td> <td>{{abs_beams.0.get_rx.down.1.1}}</td> <td>{{abs_beams.0.get_rx.down.1.2}}</td> <td>{{abs_beams.0.get_rx.down.1.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.2.0}}</td> <td>{{abs_beams.0.get_rx.down.2.1}}</td> <td>{{abs_beams.0.get_rx.down.2.2}}</td> <td>{{abs_beams.0.get_rx.down.2.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.3.0}}</td> <td>{{abs_beams.0.get_rx.down.3.1}}</td> <td>{{abs_beams.0.get_rx.down.3.2}}</td> <td>{{abs_beams.0.get_rx.down.3.3}}</td>
                    </tr>
                  </table>
                </td>
                <td> <b>East Quarter</b>
                  <table align="center" class="east_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.0.4}}</td> <td>{{abs_beams.0.get_rx.down.0.5}}</td> <td>{{abs_beams.0.get_rx.down.0.6}}</td> <td>{{abs_beams.0.get_rx.down.0.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.1.4}}</td> <td>{{abs_beams.0.get_rx.down.1.5}}</td> <td>{{abs_beams.0.get_rx.down.1.6}}</td> <td>{{abs_beams.0.get_rx.down.1.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.2.4}}</td> <td>{{abs_beams.0.get_rx.down.2.5}}</td> <td>{{abs_beams.0.get_rx.down.2.6}}</td> <td>{{abs_beams.0.get_rx.down.2.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.3.4}}</td> <td>{{abs_beams.0.get_rx.down.3.5}}</td> <td>{{abs_beams.0.get_rx.down.3.6}}</td> <td>{{abs_beams.0.get_rx.down.3.7}}</td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td> <b>West Quarter</b>
                  <table align="center" class="west_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.4.0}}</td> <td>{{abs_beams.0.get_rx.down.4.1}}</td> <td>{{abs_beams.0.get_rx.down.4.2}}</td> <td>{{abs_beams.0.get_rx.down.4.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.5.0}}</td> <td>{{abs_beams.0.get_rx.down.5.1}}</td> <td>{{abs_beams.0.get_rx.down.5.2}}</td> <td>{{abs_beams.0.get_rx.down.5.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.6.0}}</td> <td>{{abs_beams.0.get_rx.down.6.1}}</td> <td>{{abs_beams.0.get_rx.down.6.2}}</td> <td>{{abs_beams.0.get_rx.down.6.3}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.7.0}}</td> <td>{{abs_beams.0.get_rx.down.7.1}}</td> <td>{{abs_beams.0.get_rx.down.7.2}}</td> <td>{{abs_beams.0.get_rx.down.7.3}}</td>
                    </tr>
                  </table>
                </td>
                <td> <b>South Quarter</b>
                  <table class="south_quarter">
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.4.4}}</td> <td>{{abs_beams.0.get_rx.down.4.5}}</td> <td>{{abs_beams.0.get_rx.down.4.6}}</td> <td>{{abs_beams.0.get_rx.down.4.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.5.4}}</td> <td>{{abs_beams.0.get_rx.down.5.5}}</td> <td>{{abs_beams.0.get_rx.down.5.6}}</td> <td>{{abs_beams.0.get_rx.down.5.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.6.4}}</td> <td>{{abs_beams.0.get_rx.down.6.5}}</td> <td>{{abs_beams.0.get_rx.down.6.6}}</td> <td>{{abs_beams.0.get_rx.down.6.7}}</td>
                    </tr>
                    <tr>
                      <td>{{abs_beams.0.get_rx.down.7.4}}</td> <td>{{abs_beams.0.get_rx.down.7.5}}</td> <td>{{abs_beams.0.get_rx.down.7.6}}</td> <td>{{abs_beams.0.get_rx.down.7.7}}</td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>

      {% if not edit %}
        {% include "abs_pattern_img.html" %}
      {% endif %}

      <br>

      <div id="down_ues" style="display: inline-block">
        Ues: {{abs_beams.0.get_down_ues}}
      </div>

      <div style="margin-left: 70px; display: inline-block">
        <input type="checkbox" id="up_onlyrx" {% if abs_beams.0.get_down_onlyrx == True %} checked="True" {% endif %} disabled>
          Only RX: {{abs_beams.0.get_down_onlyrx}}
        </input>
      </div>

    </div>
  </div>
</div>

{% endblock %}

<script>

</script>