@extends('layouts.master')

@section('script')
<script>
$(document).ready(function() {
    var $form = $('#configForm'),
        $messageWrapper = $('.config_message_wrapper'),
        $message = $messageWrapper.find('.message'),
        $skipPositionForm = $('#skipPositionForm');

    var coords = null;

    $form.hide();

    $messageWrapper.click(function(event) {
        $messageWrapper.hide();
        $form.show();
    });

    $skipPositionForm.submit(function(event) {
        event.preventDefault();

        $form.hide();

        $message.text('Writing config...');
        $messageWrapper.show();

        var username = $skipPositionForm.find("input[name='clientname']").val(),
            url = $skipPositionForm.attr("action");

        var posting = $.post( url, {
            username: username,
            log_id: '{{ $log->id }}'
        });

        posting.done(function( data ) {
            var successResponse = data['success'],
            errorResponse = data['error'];

            if (successResponse) {
                $message.text(successResponse);
                window.location.replace("{{ URL::action('HomeController@index') }}");
            } else if (errorResponse) {
                $message.text(errorResponse);
            } else {
                $message.text('Nesto nije u redu.');
            }
        });
    });

    $form.submit(function(event) {
        event.preventDefault();

        $form.hide();
        $message.text('Writing config...');
        $messageWrapper.show();

        var username = $form.find("input[name='clientname']").val();
        var url = $form.attr("action");
        var posting = $.post( url, { username: username, coords: coords, log_id: '{{ $log->id }}' } );

        posting.done(function( data ) {
            var successResponse = data['success'];
            var errorResponse = data['error'];

            if (successResponse) {
                $message.text(successResponse);
                window.location.replace("{{ URL::action('HomeController@index') }}");
            } else if (errorResponse) {
                $message.text(errorResponse);
            } else {
                $message.text('Nesto nije u redu.');
            }
        });
    });

    $('.coordinates').on('click', function() {
        $('.coordinates').removeClass('warning');
        $('.coordinates').html('Loading position...');
        startRetrievingCoordinates();
    });

    function startRetrievingCoordinates() {
        setTimeout(function() {
            try {
                navigator.geolocation.getCurrentPosition(GetLocation, ErrorCallback, {
                  enableHighAccuracy: true
                });
            } catch (error) {
                $('.coordinates').html('Location not available!');
            }
        }, 2000);
    }

    var countAttempts = 0;
    var maxAttempts = 5;
    var maxAccuracy = 15;

    function GetLocation(position) {
        coords = position.coords;

        if (coords.accuracy > maxAccuracy && countAttempts < maxAttempts) {
            countAttempts++;
            startRetrievingCoordinates();
        } else {
            countAttempts = 0;
            $('.coordinates')
                .html('Position: ' + coords.longitude + ' &mdash; ' + coords.latitude + ' with accuracy of ' + coords.accuracy + 'm');
            if (coords.accuracy > maxAccuracy) {
                $('.coordinates').addClass('warning');
            }
            $form.show();
        }
    }

    function ErrorCallback() {};
});

</script>
@stop

@section('content')

<div class="mac">{{ $log->mac }}</div>
<div class="content">
  <div id="ssid" class="section">{{ $log->ssid }}</div>
  <div class="section">{{ $log->ip_address }} --- {{ $log->device_type }}</div>
</div>
<form action="{{ URL::action('HomeController@writeSettings') }}" method="post" id="configForm">
    <div class="form_section">
        <input name="clientname" type="text" value="{{ $log->customer }}" placeholder="Username" required>
        <button type="submit">Set device</button>
    </div>
</form>
<div class="config_message_wrapper">
    <span class="message">Waiting for action</span>
</div>

<div class="footer"><button class="coordinates">Click to load position</button></div>

@if (Auth::user()->isOwner())
<hr>
<form action="{{ URL::action('HomeController@writeSettings') }}" method="POST" id="skipPositionForm">
  <div class="form_section">
    <input type="text" name="clientname" value="{{ $log->customer }}" placeholder="Username" required />
    <button type="submit">Skip position</button>
  </div>
</form>
<hr>
@endif

<div class="footer"><a href="{{ URL::action('HomeController@index') }}" class="link">Back to home</a></div>

@stop