@extends('layouts.master')

@section('script')
<script>
$(document).ready(function() {
  var signalLevel = parseInt('{{ $signalLevel }}'),
      noiseLevel = parseInt('{{ $noiseLevel }}');

  function timeout() {
    setTimeout(function () {
      $.ajax({
        url: "{{ URL::action('HomeController@signal', ['log_id' => $log->id]) }}",
        dataType: 'json',
        success: function(response) {
          signalLevel = parseInt(response.signalLevel);
          noiseLevel = parseInt(response.noiseLevel);

          $('#quality').children('span.value').text(response.linkQuality);
          $('#signal').children('span.value').text(signalLevel);
          $('#noise').children('span.value').text(noiseLevel);
          $('#net_speed').children('span.value').text(response.net_speed);
          $('#bit_rate').children('span.value').text(response.bit_rate);
          $('#distance').children('span.value').text(response.distance);
          $('#device_type').text(response.device_type);

          // updatePlaybackRate(signalLevel);
        }
      });

      timeout();
    }, 2000);
  }

  timeout();

  $('.speed_test').on('click', function(e) {
    var link = $(this);

    link.text('Started...');
  });

  $('.mac').on('click', function(e) {
    var username = "{{ $log->customer ? $log->customer : '' }}";
    var url = "{{ URL::action('HomeController@pass', array('username' => $log->customer)) }}";

    if (username.length) {
      $('#username').text('Loading...');
      $.ajax({
        url: url,
        dataType: 'json',
        success: function(response) {
          $('#username').text(username + "/" + response.pass);
        },
        error: function() {
          $('#username').text('Error, please try again');
        }
      });
    }
  })
});

</script>
@stop

@section('content')

<div class="mac">
  <p>{{ $log->mac }}</p>
  <p id="username">{{ $log->clientname }}</p>
</div>
<div><a href="{{ URL::action('HomeController@speed', ['log_id' => $log->id]) }}" class="link speed_test">Test Speed</a></div>
<div class="content">
  <div id="ssid" class="section">
      <span>{{ $log->ssid }}</span>
      @if ($polarization)
      <span style="color: red;">({{ $polarization }})</span>
      @endif
  </div>
  <div id="ip" class="section">
      <a href="https://{{ $log->ip_address }}" target="_blank">{{ $log->ip_address }}</a> --- <span id="device_type">{{ $device_type }}</span>
      @if ($port_forwarding)
      <span style="color: white; background-color: red; border-radius: 12px; width: 24px; height: 24px; display: inline-block; text-align: center; margin-left: 3px;">!</span>
      @endif
  </div>
  <div id="quality" class="section"><span class="value">{{ $linkQuality }}</span> <span class="desc">..... link quality</span></div>
  <div id="signal" class="section"><span class="value">{{ $signalLevel }}</span> <span class="desc">.......... signal level</span></div>
  <div id="noise" class="section"><span class="value">{{ $noiseLevel }}</span> <span class="desc">.......... noise level</span></div>
  <div id="bit_rate" class="section"><span class="value">{{ $bit_rate }}</span> <span class="desc">.......... link bit rate</span></div>
  <div id="net_speed" class="section">Network Speed: <span class="value">{{ $net_speed }}</span></div>
  <div id="distance" class="section">Distance: <span class="value">{{ $distance }}</span>m</div>
</div>
<div><a href="{{ URL::action('HomeController@survey', ['log_id' => $log->id]) }}" class="link speed_test">SITE SURVEY</a></div>

@stop