{% extends "base.html" %}

{% block javascript %}
{{ super() }}
<script type="text/javascript">

    $(document).ready(function () {
        $('#ContinueButton').on('click', (function () {
            if ($('#honeypotCheck').prop('checked') == true) {
                window.location.href = '/ws/drone/honeypot/configure/' + '{{ drone_id }}';
            }
            else if ($('#clientCheck').prop('checked') == true) {
                window.location.href = '/ws/drone/client/configure/' + '{{ drone_id }}';
            }
        }));
    });
</script>
{% endblock %}

{% block content %}
<div class="row-fluid">
    <h3>Select mode for drone.</h3>

    <p>Select if this drone should be configured as a honeypot or a client.</p>
    <label class="radio radio-custom">
        <input id="honeypotCheck" type="radio" name="radioA" checked="checked">
        <i class="radio"></i>Honeypot
    </label>
    <label class="radio radio-custom">
        <input id="clientCheck" type="radio" name="radioA">
        <i class="radio"></i>Client
    </label>
</div>
<div class="controls-row">
    <a id="ContinueButton" class="btn btn-primary">Continue</a>
</div>
<hr>
{% endblock content %}
