{% extends "base.html" %}
{% block css %}
    <link href="static/css/duallistbox/bootstrap-duallistbox.css" rel="stylesheet">

{% endblock %}
{% block content %}

<main class="app-content">
    <div class="app-title">
        <div>
            <h1><i class="fa fa-edit"></i> Auth Tester</h1>
            <p>Create a new week password scan task</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item">Home</li>
            <li class="breadcrumb-item"><a href="#">Auth Tester</a></li>
        </ul>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <div class="row">
                    <div class="col-lg-2">
                    </div>
                    <div class="col-lg-8">
                        <form class="form-horizontal">
                            <div class="form-group row">
                                <label class="control-label col-md-3">Task Name <span class="text-danger">*</span></label>
                                <div class="col-md-9">
                                    <input class="form-control" name="task_name" type="text" placeholder="Task Name">
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="control-label col-md-3">Recursion </label>
                                <div class="col-md-9">
                                    <select class="form-control col-md-6" name="recursion" title="Recursion">
                                        <option value="0">Once</option>
                                        <option value="1">Every day</option>
                                        <option value="7">Every week</option>
                                        <option value="30">Every month</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="control-label col-md-3">Args </label>
                                <div class="col-md-9">
                                    <input class="form-control" name="args" title="Args" placeholder=""/>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="control-label col-md-3">Protocols Select <span class="text-danger">*</span></label>
                                <div class="col-md-9">
                                    <select multiple="multiple" size="7" name="service_list" title="Protocols">
                                        {% for a in protocols %}
                                            <option value="{{ a }}">{{ a | upper }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="control-label col-md-3">Target <span class="text-danger">*</span></label>
                                <div class="col-md-9">
                                    <textarea class="form-control" name="target_list" rows="8" placeholder="Example:&#13;&#10;192.168.1.1&#13;&#10;192.168.1.0/24&#13;&#10;www.example.com"></textarea>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="control-label col-md-3">User & Passwd <span class="text-danger">*</span></label>
                                <div class="col-md-9">
                                    <div class="form-group row">
                                        <div class="col-md-6">
                                            <textarea class="form-control" placeholder="One username per line" rows="6" name="username_list">{{ username_list }}</textarea>
                                        </div>
                                        <div class="col-md-6">
                                            <textarea class="form-control" placeholder="One password per line" rows="6" name="password_list">{{ password_list }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <button class="btn btn-primary" id="newAuth" type="button"><i class="fa fa-fw fa-lg fa-check-circle"></i>Submit</button>
                        </form>

                    </div>
                    <div class="col-md-2">

                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

{% block js %}
    <script src="static/js/jquery/jquery.bootstrap-duallistbox.js"></script>
    <script src="static/js/plugins/sweetalert/sweetalert.min.js"></script>
    <script src="static/js/server/new-auth-tester.js"></script>
{% endblock %}
{% endblock %}