{% extends "layout.html" %}

{% block main %}
    <main role="main" class="container">

      <div class="alert alert-warning" id="warning-alert" style="display:none">
        <button type="button" class="close" data-dismiss="alert">x</button>
        <strong>Warning! </strong>
        <div id="warning-text"></div>
      </div>

      <div class="starter-template">
        <h2>Anti Jamming Test</h2>
        {% autoescape false %}
        {{ web_notes }}
        {% endautoescape %}
      </div>

      <form action="/userRequest" method="post">
        <fieldset id="userFieldset">
        <table class="table">
          <thead class="thead-light">
            <tr>
              <th>User</th>
              <th>Description</th>
              <th>Time left</th>
              <th>Set hours left</th>
              <th/>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><input name="name" class="form-control" type="text" value="{{ usage.name }}"/></td>
              <td><textarea name="desc" class="form-control" style="min-width:100%" rows="4" cols="80">{{ usage.desc }}</textarea></td>
              <td id="clock_td">
                <div class="panel panel-default" data-toggle="tooltip" data-placement="top">
                  <div class="panel-body">
                    <div class="lead" id="clock"></div>
                  </div>
                </div>
                <div id="clock_str"></div>
              </td>
              <td><input name="hours" class="form-control" type="text" value="0"/></td>
              <td><button onclick="userRequestClick()" type="button" class="btn btn-primary">Update</button></td>
            </tr>
          </tbody>

          <thead class="thead-light">
            <tr>
              <th>Device Name</th>
              <th>Device Status</th>
              <th></th>
              <th></th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><div>Spirent GSS9000</div></td>              
              <td><span id="Spirent_Simulator">? </span></td>
              <td></td>
              <td></td>
              <td>
                <form action="/putSpirentStatus" method="post">
                  <button id="StatusButton" onclick="SpirentStatusClick()" type="button" class="btn btn-primary">Status</button>
                </form>
              </td>
            </tr>

            <hr/>
            <div id="JammingDeviceList">
              {% for jamdev in jamming_device.jamdevs %}
                {% if jamdev.enable != 0 %}
                  <tr>
                    <td><div>{{jamdev.desc}}</div></td>              
                    <td><span id={{jamdev.id}}>? </span></td>
                    <td></td>
                    <td></td>
                    <td>
                      <button onclick="JammingDeviceStatusClick({{jamdev}})" type="button" class="btn btn-primary">Status</button>
                    </td>
                  </tr>
                {% endif %}
              {% endfor %}
            </div>
            
            <tr>
              <td><div>Antenna Switch</div></td>
              <td><span id="AntennaSwitchStatus">? </span></td>
              <td></td>
              <td align="right">
                <button id="StatusButton" onclick="switchAntenna()" type="button" class="btn btn-primary">Switch</button>
              </td>
              <td>
                <button id="StatusButton" onclick="getAntennaSwitchStatus()" type="button" class="btn btn-primary">Status</button>
              </td>
            </tr>
            
	    <tr>
              <td><div>Standpoint Switch</div></td>
              <td><span id="StandpointSwitchStatus">? </span></td>
              <td></td>
	      <td align="right">
                <button id="StatusButton" onclick="switchStandpoint()" type="button" class="btn btn-primary">Switch</button>
              </td>
              <td>
                <button id="StatusButton" onclick="getStandpointSwitchStatus()" type="button" class="btn btn-primary">Status</button>
              </td>
            </tr>
	  
	  </tbody>
        </table>
      </form>

      {% if current_user.is_authenticated %}
      <hr/>
      <div id="ReceiverList">
        Receiver List:
        {% for rcvr in receiver.devs %}
          <br/><a href="http://{{rcvr.ip}}" target="_blank">{{rcvr.long_desc}}</a>
        {% endfor %}
      </div>
      {% endif %}
      <hr/>

    </main><!-- /.container -->
{% endblock %}

{% block userscript %}
    <script src="static/js/vendor/jquery.countdown.min.js"></script>
    <script>
      var ant_id = 0;
      $("#HomeLink").addClass("active");

      function formHelper(url,data="") {
        if( data == "" ) { data = $('form').serialize(); }
        $.ajax({
            url: url,
            data: data,
            type: 'POST',
            success: function(response) {
                location.reload();
            }
        });
      }

      function userRequestClick() {
        formHelper("/putUserRequest");
      };

      function SpirentStatusClick() {
        $.ajax({
              dataType: "json",
              url: "/api/getSpirentSimulatorStatus",
              type: "GET",
              success: function(response) {
                console.log(response)
                $("#Spirent_Simulator").text(JSON.stringify(response)) ;
              }
          });
      }
      SpirentStatusClick() ;

      function getAntennaSwitchStatus() {
        $.ajax({
              dataType: "json",
              url: "/api/getAntennaSwitchStatus",
              type: "GET",
              success: function(response) {
                console.log( response );
                ant_id = parseInt( response['state'] );
                $("#AntennaSwitchStatus").text(JSON.stringify(response)) ;
              }
          });
      }
      getAntennaSwitchStatus();

      function switchAntenna() {
        getAntennaSwitchStatus();        
        ant_id = (ant_id+1)%2;
        $.ajax({
              dataType: "json",
              url: "/api/switchAntenna/"+ant_id,
              type: "POST",
              success: function(response) {
                console.log('switchAntenna:'+response)
                getAntennaSwitchStatus();
              }
          });
        getAntennaSwitchStatus();
      }

      function getStandpointSwitchStatus() {
        $.ajax({
              dataType: "json",
              url: "/api/getStandpointSwitchStatus",
              type: "GET",
              success: function(response) {
                console.log( response );
                ant_id = parseInt( response['state'] );
                $("#StandpointSwitchStatus").text(JSON.stringify(response)) ;
              }
          });
      }
      getStandpointSwitchStatus();

      function switchStandpoint() {
	getStandpointSwitchStatus();
	ant_id = (ant_id+1)%2;
        $.ajax({
              dataType: "json",
              url: "/api/switchStandpoint/"+ant_id,
              type: "POST",
              success: function(response) {
                console.log('switchStandpoint:'+response)
	        getStandpointSwitchStatus();	
              }
          });
        getStandpointSwitchStatus();	
      }


      function getJammingDeviceStatus(id, api, port=null) {
        $.ajax({
              dataType: "json",
              url: api + ((port==null) ? '' : port),
              type: "GET",
              success: function(response) {
                $('#'+id).text(JSON.stringify(response)) ;
              }
          });
      }

      function JammingDeviceStatusClick(jamdev) {
        console.log(jamdev);
        if (jamdev.type === 'HPSignalGen'){
          getJammingDeviceStatus(jamdev.id, jamdev.api, jamdev.gpib_address);
        } else if (jamdev.type === 'Chirp'){
          getJammingDeviceStatus(jamdev.id, jamdev.api);
        } else if (jamdev.type === 'Attenuator'){
          getJammingDeviceStatus(jamdev.id, jamdev.api, jamdev.com_port) ;
        } else if (jamdev.type === 'HackRF'){
          getJammingDeviceStatus(jamdev.id, jamdev.api) ;
        } else {
          console.log('Unknown jamdev.type: '+ jamdev.type);
        }
      }

      function JammingDeviceStatusClickAll() {
        console.log("JammingDeviceStatusClickAll()");
        const jamdevs = {{ jamming_device.jamdevs|tojson }};
        for (const jamdev of jamdevs) {
          JammingDeviceStatusClick(jamdev);
        }
      }
      JammingDeviceStatusClickAll();

      var $clock = $('#clock');

      $clock.countdown(
        new Date( "{{ usage.end_time }}" ),
        function(event) {
          $(this).html(event.strftime('%D days %H:%M:%S'));
          if( event.offset.totalSeconds == 0 ) {
            $('#clock_td').removeClass("table-info");
            $('#clock_str').html("");
          } else {
            $('#clock_str').html("End time: {{ usage.end_time }}");
            $('#clock_td').addClass("table-info");
          }
        })

      $( document ).ajaxError(function(event,request,settings) {
        console.log("ajax error:");
        console.log(event);
        console.log(request);
        console.log(settings);
        $("#warning-alert").show();
        $("#warning-text").text("URL: " + settings.url);
      });

    </script>
{% endblock %}