<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal"
        aria-hidden="true">&times;</button>
    <h4 class="modal-title" translate="yes">Could not contact {{host}}</h4>
</div>

<div class="modal-body">
    <p>
        <span translate="yes">Cockpit was unable to contact {{#strong}}{{host}}{{/strong}}.</span>
        {{^allow_connection_string}}
        <span translate="yes">To try a different port you will need to upgrade cockpit-ws to a newer version.</span>
        {{/allow_connection_string}}

        {{#allow_connection_string}}
        <span translate="yes">Is sshd running on a different port?</span>
        {{/allow_connection_string}}
    </p>

    {{#allow_connection_string}}
    <div>
        <table class="form-table-ct">
            <tr>
                <td class="top" translate="yes">Port</td>
                <td>
                <div class="dialog-wrapper error-keep">
                    <input id="edit-machine-port" class="form-control"
                       type="test" value="{{ port }}"
                       list="options"
                       placeholder="22"/>
                </div>
                </td>
            </tr>
        </table>
    </div>
    {{/allow_connection_string}}
</div>

<div class="modal-footer">
    {{#allow_connection_string}}
    <button class="pf-c-button pf-m-primary" translate="yes">Update</button>
    <button class="pf-c-button pf-m-link" data-dismiss="modal" translate="yes">Cancel</button>
    {{/allow_connection_string}}

    {{^allow_connection_string}}
    <button class="pf-c-button pf-m-secondary" data-dismiss="modal" translate="yes">Close</button>
    {{/allow_connection_string}}
</div>
