<div class="modal modal-node-player-edit hidden">
    <h2>
        {{ l.fleet_node_player_form_edit_title }}
    </h2>

    <form class="form" action="/fleet/node-player/edit" method="POST">
        <input type="hidden" name="id" id="node-player-edit-id" />

        <div class="form-group">
            <label for="node-player-edit-name">{{ l.fleet_node_player_form_label_name }}</label>
            <div class="widget">
                <input type="text" name="name" id="node-player-edit-name" required="required" />
            </div>
        </div>

        <div class="form-group">
            <label for="node-player-edit-group-id">{{ l.fleet_node_player_group_form_label_group_id }}</label>
            <div class="widget">
                <select name="group_id" id="node-player-edit-group-id">
                    <option value="">{{ l.common_default_node_player_group }}</option>
                    {% for group_id, group_name in groups.items() %}
                        <option value="{{ group_id }}">{{ group_name }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="node-player-edit-host">{{ l.fleet_node_player_form_label_host }}</label>
            <div class="widget">
                <input type="text" name="host" id="node-player-edit-host" required="required" />
            </div>
        </div>

        <div class="actions">
            <button type="button" class="btn-normal modal-close">
                {{ l.fleet_node_player_form_button_cancel }}
            </button>
            <button type="submit" class="green">
                <i class="fa fa-save icon-left"></i>{{ l.fleet_node_player_form_edit_submit }}
            </button>
        </div>
    </form>
</div>