{# templates/block/_sms_tab.html.twig — tab SMS.

   L'SMS era l'unica funzione del vecchio modulo SIM7600 senza alcun sostituto:
   i tipi sms_send / sms_list / sms_read / sms_delete esistono da tempo su
   c4rgo-modem ma non erano mai stati integrati nel cloud. Questa e' la prima
   integrazione, quindi qui non si "riporta" nulla: si costruisce.

   Richiede: macchina, deviceId.
#}
<div class="dev-module sms-module"
     data-service="modem"
     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>
        <div class="form-group" style="display:inline-block; margin-left:8px;">
            <select class="form-control sms-filter">
                <option value="">{{ 'All'|trans }}</option>
                <option value="unread">{{ 'Unread'|trans }}</option>
                <option value="read">{{ 'Read'|trans }}</option>
            </select>
        </div>
        <span class="dev-status text-muted"></span>
    </div>

    <table class="table table-condensed table-hover sms-table">
        <thead>
            <tr>
                <th>#</th>
                <th>{{ 'Sender'|trans }}</th>
                <th>{{ 'Date'|trans }}</th>
                <th>{{ 'Message'|trans }}</th>
                <th></th>
            </tr>
        </thead>
        <tbody class="sms-list"></tbody>
    </table>

    <hr/>
    <h4>{{ 'Send SMS'|trans }}</h4>
    <div class="form-inline sms-form">
        <div class="form-group">
            <label>{{ 'Phone number'|trans }}</label>
            <input type="text" class="form-control sms-to" placeholder="+39..."/>
        </div>
        <div class="form-group">
            <label>{{ 'Message'|trans }}</label>
            <input type="text" class="form-control sms-text" maxlength="160" size="50"/>
        </div>
        {# 160 caratteri: oltre, il modem spezza in piu' SMS e ognuno si paga.
           Meglio il limite esplicito che una sorpresa in bolletta. #}
        <span class="sms-count text-muted">0/160</span>
        <button type="button" class="btn btn-primary sms-send">
            <i class="fa fa-paper-plane"></i> {{ 'Send'|trans }}
        </button>
    </div>

    <div class="dev-result"></div>
</div>