@extends('helper.include.view.modal', ['id' => 'modal-user-login','fade'=>false])

@section('modal-header-left')

	<h4 class="modal-title">
        Teste de Velocidade
	</h4>

@overwrite

@section('modal-header-right')

    <button type="button" class="btn btn-success" ng-if="isRunning == false" ng-click="start()">
		<span class="glyphicon glyphicon-signal"></span> 
		Iniciar
	</button>

    <button type="button" class="btn btn-danger" ng-if="isRunning == true" ng-click="cancel()">
		<span class="glyphicon glyphicon-ban-circle"></span> 
		Cancelar
	</button>

	<button type="button" class="btn btn-default btn-voltar" id="div-user-login-fechar" data-dismiss="modal" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> 
		Voltar
	</button>

@overwrite

@section('modal-body')

    <div style="height: 65px;">
        <span ng-if="status == 2">
            <span>Error</span>: <span ng-bind="error.status"></span>
        </span>

        <span ng-if="status == 1">
            <span style="font-weight: bold;">Ping:</span>
            <span ng-bind="result.latency"></span><span>ms</span><br>
            <span style="font-weight: bold;">Download:</span>
            <span ng-bind="convertToMbps(result.downloadSpeed)"></span><span>Mbps</span><br>
            <span style="font-weight: bold;">Upload</span>
            <span ng-bind="convertToMbps(result.uploadSpeed)"></span><span>Mbps</span><br>
        </span>
    </div>

@overwrite