<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Doors and Groups Associations</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <div class="navbar">
        <a href="/">Home</a>
        <a href="/UserDB">Users</a>
        <a href="/GroupsDB">Groups</a>
        <a href="/LogsDB">Logs</a>

    </div>
    <div class="container">
        <h1>Doors and Groups Associations</h1>
        <h2>Doors</h2>
        <table>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Group CN</th>
                </tr>
            </thead>
            <tbody>
                {% for door in doors %}
                <tr>
                    <td>{{ door[0] }}</td>
                    <td>{{ door[1] }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        <h2>Groups</h2>
        <table>
            <thead>
                <tr>
                    <th>CN</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                {% for group in groups %}
                <tr>
                    <td>{{group}}</td>
                    <td>
                        <form action="{{ url_for('delete_group', group_cn=group) }}" method="post">
                            <button type="submit" class="delete-btn">Delete</button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    
</body>
</html>