<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Manager Zugriffsverwaltung</h2>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="index.html">Home</a>
            </li>
            <li class="breadcrumb-item">
                <a>Einstellungen</a>
            </li>
            <li class="breadcrumb-item active">
                <strong>Zugriffsliste</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">
    </div>
</div>
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-lg-12">

            <div class="ibox">
                <div class="ibox-title">
                    <h5>Zugriffsliste</h5>
                </div>
                <div class="ibox-content sk-loading"
                     data-id="ibox-access-data-table"
                     style="min-height: 200px">
                    <div class="sk-spinner sk-spinner-double-bounce">
                        <div class="sk-double-bounce1"></div>
                        <div class="sk-double-bounce2"></div>
                    </div>
                    <div class="alert alert-info">
                        <strong>Wer hat Zugriff auf diese Manager Konsole?</strong>
                        <p style="margin-bottom: 0">
                            Das können Sie auf dieser Seite komfortabel bestimmen. <i><u>Hinweis:</u> Gruppeninhaber haben <strong>immer</strong> Zugriff. Admins der Gruppe können optional Zugriff erhalten.</i>
                        </p>
                    </div>
                    <div data-id="container-access-data-table"></div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal inmodal fade"
     data-id="modal-confirm-grant-manager-access"
     tabindex="-1"
     role="dialog"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button"
                        class="close"
                        data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">Manager Zugriff gewähren</h4>
            </div>
            <div class="modal-body">
                <section data-id="section-confirm-manager-access"
                         style="display: none">
                    <h5>Zugriff zur Manager Konsole gewähren?</h5>
                    <p>
                        Möchten Sie dieses Mitglied den Zugriff zur Manager Konsole wirklich gewähren?
                    </p>
                </section>
                <section data-id="section-loader"
                         style="display: none">
                    <div style="height: 200px; padding-top: 70px">
                        <div class="sk-spinner sk-spinner-double-bounce">
                            <div class="sk-double-bounce1"></div>
                            <div class="sk-double-bounce2"></div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="modal-footer">
                <button type="button"
                        class="btn btn-white"
                        data-dismiss="modal">Abbrechen</button>
                <button type="button"
                        data-id="btnSubmitGrant"
                        class="btn btn-danger">Ja, Zugriff gewähren</button>
            </div>
        </div>
    </div>
</div>

<div class="modal inmodal fade"
     data-id="modal-confirm-remove-manager-access"
     tabindex="-1"
     role="dialog"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button"
                        class="close"
                        data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">Manager Zugriff entfernen</h4>
            </div>
            <div class="modal-body">
                <section data-id="section-confirm-manager-access"
                         style="display: none">
                    <h5>Zugriff zur Manager Konsole entfernen?</h5>
                    <p>
                        Möchten Sie diesem Mitglied den Zugriff zur Manager Konsole wirklich entziehen?
                    </p>
                </section>
                <section data-id="section-loader"
                         style="display: none">
                    <div style="height: 200px; padding-top: 70px">
                        <div class="sk-spinner sk-spinner-double-bounce">
                            <div class="sk-double-bounce1"></div>
                            <div class="sk-double-bounce2"></div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="modal-footer">
                <button type="button"
                        class="btn btn-white"
                        data-dismiss="modal">Abbrechen</button>
                <button type="button"
                        data-id="btnSubmitRemove"
                        class="btn btn-danger">Ja, Zugriff entfernen</button>
            </div>
        </div>
    </div>
</div>