{% extends "cosmic_base.html" %}
{% block title %}Settings{% endblock %}
{% block head_additions %}
{% endblock %}
{% block content %}
	<h1>Settings</h1>

    <div class="col-lg-6">
        <div class="panel panel-default">
            <div class="panel-heading">
                CSV export
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                Here you can export the latest events in CSV format. <br>
                Depending on the size of the database the can take some time and the CosmicPi may seem unresponsive. <br>
                <form method="get" action="/CosmicPi_data.csv">
                   <button type="submit">Download</button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-6">
        <div class="panel panel-default">
            <div class="panel-heading">
                WiFi Settings
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                Currently connected to: <b>{{ current_wifi }}</b> <br/>
                <br/>
                <br/>
                If you would like to connect to a different WiFi, please select the name in the dropdown list, insert the passwort and click "Connect!"-Button.
                If no WiFis are beeing shown in the dropdown list, or you can't find yours, please refresh this page.
                Reloading or refreshing this page will start a new scan for WiFi networks.<br/>
                Currently networks with WPA, WPA2 and no encryption are supported.
                <form method="get" action="/connect_to_wifi">
                    <label>Available WiFi networks:
                        <select name="selected_wifi">
                            {% for wifi in available_wifis %}
                                <option>{{ wifi }}</option>
                            {% endfor %}
                        </select>
                    </label><br/>
                    <label>Password (leave empty for no password):
                        <input type="password" name="password" value=""><br/>
                    </label><br/>
                    <button type="submit">Connect!</button>
                </form>
            </div>
        </div>
    </div>


    <br>

{% endblock %}