{% extends "base.html" %}

{% block content %}
    <h1 class="title is-large butter-title">Share access to {{get_setting('butterbox_name')}}.</h1>

    <div class="block butter-centered">

    {% if display_wifi_password %}
     <p>Connect to WiFi name: "{{ get_setting('ssid') }}" with password: "{{ get_setting('wifi_password') }}".</p>
    {% else %}
     <p>Your WiFi name is "{{ get_setting('ssid') }}". You will be able to join without a password.</p>
    {% endif %}
        <p>You can also use the following QR code to join:</p>
     </div>
    <div class="block butter-centered">
        <img class="image is-256x256" style="margin: 0 auto" src="{{ url_for('static', filename='images/wifi_qr_code.png') }}">
    </div>

{% endblock %}