{% 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 %}