<div class="tab-pane text-left" id="centralManagement" role="tabpanel">
    <form>
        <div class="row" style="display:flex">
            <div class="col-md-12">
                <% if(!config.enableMgmtConnect || !config.userHasSubscribed){ %>
                    <div class="card bg-dark text-white mb-4">
                        <div class="card-header">
                            <%- lang['Central Management'] %>
                        </div>
                        <div class="card-body">
                            <div class="text-center"><%- lang.centralManagementNotEnabled %></div>
                        </div>
                    </div>
                <% } else { %>
                    <div class="card bg-dark text-white mb-4">
                        <div class="card-header">
                            <%- lang['Central Management'] %>
                        </div>
                        <div class="card-body">
                            <div class="form-group">
                                <input placeholder="<%-lang['Server URL']%>" class="form-control btn btn-dark text-left text-white" type="text" name="managementServer" value="<%- config.managementServer %>" placeholder="ws://127.0.0.1:8663">
                            </div>
                            <div class="form-group">
                                <input placeholder="<%-lang['P2P API Key']%>" class="form-control btn btn-dark text-left text-white" type="text" name="peerConnectKey" value="<%- config.peerConnectKey %>" placeholder="API Key from https://licenses.shinobi.video">
                            </div>
                            <div class="btn-group d-flex flex-row">
                                <a href="#" class="submit flex-grow-1 btn btn-success"><i class="fa fa-check"></i> <%- lang.Save %></a>
                            </div>
                        </div>
                    </div>
                    <div class="card bg-dark text-white">
                        <div class="card-body">
                            <table class="table table-striped">
                                <tbody id="centralManagement-list"></tbody>
                            </table>
                        </div>
                    </div>
                <% } %>
            </div>
        </div>
    </form>
    <script src="<%-window.libURL%>assets/js/super.centralManagement.js" type="text/javascript"></script>
</div>
