{# Pannello Amministrazione macchina: dati acquisiti via MQTT (snapshot DB +
   refresh live), modifica anagrafica (Nome/Descrizione) e desktop remoto c4rgo-dsc.
   Popolato da public/static/js/mqtt-admin.js. Richiede: macchina, deviceId. #}
<div class="mqtt-admin-module"
     data-machine-id="{{ macchina.id }}"
     data-device-id="{{ deviceId ?? '' }}"
     data-summary-url="{{ path('api_machine_mqtt_summary', {id: macchina.id}) }}"
     data-refresh-url="{{ path('api_machine_refresh', {id: macchina.id}) }}"
     data-anagrafica-url="{{ path('api_machine_anagrafica', {id: macchina.id}) }}">

    <div class="ma-toolbar clearfix">
        <span class="ma-status label label-default" data-field="presence_badge">
            <i class="fas fa-circle"></i> <span data-field="presence_text">{{ 'Unknown'|trans }}</span>
        </span>
        <span class="ma-since text-muted" data-field="presence_since"></span>

        <div class="pull-right ma-actions">
            <button type="button" class="btn btn-sm btn-default ma-refresh">
                <i class="fas fa-sync-alt"></i> {{ 'Refresh'|trans }}
            </button>
            {% if macchina.DscDeviceId %}
                <a class="btn btn-sm btn-primary ma-remote"
                   href="{{ path('machine_remote', {id: macchina.id}) }}"
                   target="_blank" rel="noopener"
                   title="{{ 'Open remote desktop (c4rgo-dsc)'|trans }}">
                    <i class="fas fa-desktop"></i> {{ 'Remote desktop'|trans }}
                </a>
            {% else %}
                <button type="button" class="btn btn-sm btn-default ma-remote-disabled" disabled
                        title="{{ 'No c4rgo-dsc device associated'|trans }}">
                    <i class="fas fa-desktop"></i> {{ 'Remote desktop'|trans }}
                </button>
            {% endif %}
        </div>
    </div>

    <div class="row ma-body">
        {# ── Stato di rete acquisito via MQTT (snapshot DB, worker-updated) ── #}
        <div class="col-md-6">
            <div class="ma-card">
                <div class="ma-card-title">
                    <i class="fas fa-network-wired"></i> {{ 'Network state'|trans }}
                </div>
                {% if deviceId %}
                    <table class="ma-kv">
                        <tr><th>{{ 'Last seen'|trans }}</th><td data-field="last_seen">—</td></tr>
                        <tr><th>{{ 'Signal'|trans }}</th><td data-field="signal">—</td></tr>
                        <tr><th>{{ 'Network'|trans }}</th><td data-field="network_type">—</td></tr>
                        <tr><th>{{ 'Operator'|trans }}</th><td data-field="operator">—</td></tr>
                        <tr><th>{{ 'Data'|trans }}</th><td data-field="data_state">—</td></tr>
                        <tr><th>{{ 'IP'|trans }}</th><td data-field="data_ip">—</td></tr>
                        <tr><th>{{ 'GPS'|trans }}</th><td data-field="gps">—</td></tr>
                        <tr><th>{{ 'Uptime (24h)'|trans }}</th><td data-field="uptime">—</td></tr>
                    </table>
                {% else %}
                    <div class="alert alert-warning ma-nodevice">
                        <i class="fas fa-exclamation-triangle"></i>
                        {{ 'Device not associated'|trans }}
                    </div>
                {% endif %}
            </div>
        </div>

        {# ── Anagrafica (persistita in DB cloud) ── #}
        <div class="col-md-6">
            <div class="ma-card">
                <div class="ma-card-title">
                    <i class="fas fa-id-card"></i> {{ 'Registry'|trans }}
                </div>
                <table class="ma-kv ma-anagrafica">
                    <tr>
                        <th>{{ 'Name'|trans }}</th>
                        <td>
                            <span class="ma-value" data-anag="nome">{{ macchina.Nome }}</span>
                            <input type="text" class="form-control input-sm ma-input" data-anag-input="nome"
                                   maxlength="255" value="{{ macchina.Nome }}" style="display:none">
                        </td>
                    </tr>
                    <tr>
                        <th>{{ 'Description'|trans }}</th>
                        <td>
                            <span class="ma-value" data-anag="descrizione">{{ macchina.Descrizione }}</span>
                            <input type="text" class="form-control input-sm ma-input" data-anag-input="descrizione"
                                   maxlength="1024" value="{{ macchina.Descrizione }}" style="display:none">
                        </td>
                    </tr>
                    <tr><th>{{ 'Serial'|trans }}</th><td class="text-muted">{{ macchina.NumeroSeriale }}</td></tr>
                    <tr><th>{{ 'Model'|trans }}</th><td class="text-muted">{{ macchina.Modello ? macchina.Modello.Nome : '—' }}</td></tr>
                    <tr><th>{{ 'Device id'|trans }}</th><td class="text-muted">{{ deviceId ?: '—' }}</td></tr>
                </table>
                <div class="ma-anag-actions">
                    <button type="button" class="btn btn-xs btn-default ma-edit">
                        <i class="fas fa-pencil-alt"></i> {{ 'Edit'|trans }}
                    </button>
                    <button type="button" class="btn btn-xs btn-success ma-save" style="display:none">
                        <i class="fas fa-check"></i> {{ 'Save'|trans }}
                    </button>
                    <button type="button" class="btn btn-xs btn-default ma-cancel" style="display:none">
                        <i class="fas fa-times"></i> {{ 'Cancel'|trans }}
                    </button>
                    <span class="ma-feedback"></span>
                </div>
            </div>
        </div>
    </div>

    {# ── Azioni sul dispositivo: push di configurazione via MQTT (device-config) ── #}
    {% if deviceId %}
    <div class="row ma-actions-row" data-config-url="{{ path('api_machine_device_config', {id: macchina.id}) }}">
        <div class="col-md-6">
            <div class="ma-card">
                <div class="ma-card-title"><i class="fas fa-wifi"></i> {{ 'Wi-Fi & IP'|trans }}</div>

                <div class="ma-cmd-block" data-scope="wifi">
                    <label class="ma-lbl">{{ 'Interface'|trans }}</label>
                    <input type="text" class="form-control input-sm" data-p="interface" value="wlan0">
                    <label class="ma-lbl">SSID</label>
                    <input type="text" class="form-control input-sm" data-p="ssid" placeholder="SSID">
                    <label class="ma-lbl">{{ 'Password'|trans }}</label>
                    <input type="password" class="form-control input-sm" data-p="password" placeholder="••••••">
                    <button type="button" class="btn btn-sm btn-primary ma-cmd" data-service="network" data-type="wifi_connect">
                        <i class="fas fa-link"></i> {{ 'Connect'|trans }}
                    </button>
                </div>

                <hr class="ma-hr">

                <div class="ma-cmd-block" data-scope="ip">
                    <label class="ma-lbl">{{ 'Interface'|trans }}</label>
                    <input type="text" class="form-control input-sm" data-p="interface" value="eth0">
                    <button type="button" class="btn btn-sm btn-default ma-cmd" data-service="network" data-type="set_dhcp">
                        <i class="fas fa-random"></i> DHCP
                    </button>
                    <div class="ma-static">
                        <label class="ma-lbl">{{ 'Static address (CIDR)'|trans }}</label>
                        <input type="text" class="form-control input-sm" data-p="address" placeholder="192.168.1.50/24">
                        <label class="ma-lbl">Gateway</label>
                        <input type="text" class="form-control input-sm" data-p="gateway" placeholder="192.168.1.1">
                        <label class="ma-lbl">DNS</label>
                        <input type="text" class="form-control input-sm" data-p="dns" placeholder="8.8.8.8, 1.1.1.1">
                        <button type="button" class="btn btn-sm btn-default ma-cmd" data-service="network" data-type="set_static_ip">
                            <i class="fas fa-thumbtack"></i> {{ 'Apply static IP'|trans }}
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="ma-card">
                <div class="ma-card-title"><i class="fas fa-cogs"></i> {{ 'System & Modem'|trans }}</div>
                <div class="ma-cmd-buttons">
                    <button type="button" class="btn btn-sm btn-default ma-cmd" data-service="network" data-type="force_connectivity_check">
                        <i class="fas fa-sync"></i> {{ 'Recheck connectivity'|trans }}
                    </button>
                    <button type="button" class="btn btn-sm btn-warning ma-cmd"
                            data-service="network" data-type="restart_network_manager"
                            data-confirm="{{ 'Restart NetworkManager on the device?'|trans }}">
                        <i class="fas fa-redo"></i> {{ 'Restart NetworkManager'|trans }}
                    </button>
                    <button type="button" class="btn btn-sm btn-default ma-cmd" data-service="modem" data-type="data_connect">
                        <i class="fas fa-signal"></i> {{ 'Modem data connect'|trans }}
                    </button>
                    <button type="button" class="btn btn-sm btn-default ma-cmd" data-service="modem" data-type="data_disconnect">
                        <i class="fas fa-times-circle"></i> {{ 'Modem data disconnect'|trans }}
                    </button>
                    <button type="button" class="btn btn-sm btn-warning ma-cmd"
                            data-service="modem" data-type="modem_restart"
                            data-confirm="{{ 'Restart the modem?'|trans }}">
                        <i class="fas fa-power-off"></i> {{ 'Restart modem'|trans }}
                    </button>
                </div>
                <div class="ma-cmd-result" role="status"></div>
            </div>
        </div>
    </div>
    {% endif %}
</div>