{# templates/block/_wifi_tab.html.twig — tab WIFI.

   Stato corrente da `get_wifi_status`, scansione con `wifi_scan`, connessione
   con `wifi_connect`. La password viaggia nel payload del comando: il canale
   e' TLS fino al broker e il topic e' ristretto per device dall'ACL, ma non
   viene mai ri-mostrata a schermo dopo l'invio.

   Richiede: macchina, deviceId.
#}
<div class="dev-module wifi-module"
     data-service="network"
     data-machine-id="{{ macchina.id }}"
     data-device-id="{{ deviceId }}"
     data-config-url="{{ path('api_machine_device_config', {id: macchina.id}) }}">

    <div class="dev-toolbar">
        <button type="button" class="btn btn-sm btn-primary dev-reload">
            <i class="fa fa-refresh"></i> {{ 'Refresh'|trans }}
        </button>
        <button type="button" class="btn btn-sm btn-default wifi-scan">
            <i class="fa fa-search"></i> {{ 'Scan networks'|trans }}
        </button>
        <span class="dev-status text-muted"></span>
    </div>

    <div class="wifi-state"></div>

    <hr/>
    <h4>{{ 'Connect to a network'|trans }}</h4>
    <div class="form-inline wifi-form">
        <div class="form-group">
            <label>SSID</label>
            {# input + datalist: si sceglie da quelle trovate, ma una rete
               nascosta si puo' comunque digitare a mano. #}
            <input type="text" class="form-control wifi-ssid" list="wifi-ssids-{{ macchina.id }}"/>
            <datalist id="wifi-ssids-{{ macchina.id }}"></datalist>
        </div>
        <div class="form-group">
            <label>{{ 'Password'|trans }}</label>
            <input type="password" class="form-control wifi-pwd" autocomplete="new-password"/>
        </div>
        <div class="checkbox">
            <label><input type="checkbox" class="wifi-hidden"/> {{ 'Hidden network'|trans }}</label>
        </div>
        <button type="button" class="btn btn-primary wifi-connect">{{ 'Connect'|trans }}</button>
        <button type="button" class="btn btn-default wifi-disconnect">{{ 'Disconnect'|trans }}</button>
    </div>

    <div class="wifi-scan-list"></div>
    <div class="dev-result"></div>
</div>