Sub mamangement

web/index.html

@@ -47,10 +47,6 @@
                     <i class="fas fa-users"></i>
                     Members
                 </button>
-                <button class="tab-btn" data-tab="subscriptions">
-                    <i class="fas fa-link"></i>
-                    Subscriptions
-                </button>
             </nav>
 
             <!-- Notification Area -->
@@ -93,7 +89,13 @@
             <!-- Members Tab -->
             <div class="tab-content" id="members-tab">
                 <div class="section-header">
-                    <h2>Members</h2>
+                    <div class="header-content">
+                        <h2>Members</h2>
+                        <div class="header-help">
+                            <i class="fas fa-info-circle"></i>
+                            <span>Click the "Lists" button next to any member to manage their subscriptions</span>
+                        </div>
+                    </div>
                     <button class="btn btn-primary" id="addMemberBtn">
                         <i class="fas fa-plus"></i>
                         Add Member
@@ -118,20 +120,7 @@
                 </div>
             </div>
 
-            <!-- Subscriptions Tab -->
-            <div class="tab-content" id="subscriptions-tab">
-                <div class="section-header">
-                    <h2>Manage Subscriptions</h2>
-                    <button class="btn btn-primary" id="addSubscriptionBtn">
-                        <i class="fas fa-plus"></i>
-                        Add Subscription
-                    </button>
-                </div>
 
-                <div class="subscriptions-grid" id="subscriptionsGrid">
-                    <!-- Dynamic content -->
-                </div>
-            </div>
         </div>
     </main>
 
@@ -215,7 +204,46 @@
         </div>
     </div>
 
-    <!-- Add Subscription Modal -->
+    <!-- Member Subscriptions Modal -->
+    <div class="modal" id="memberSubscriptionsModal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h3 id="memberSubscriptionsTitle">Manage Subscriptions</h3>
+                <button class="modal-close" id="memberSubscriptionsModalClose">
+                    <i class="fas fa-times"></i>
+                </button>
+            </div>
+            <div class="modal-body">
+                <div class="member-info-banner" id="memberInfoBanner">
+                    <div class="member-avatar">
+                        <i class="fas fa-user"></i>
+                    </div>
+                    <div class="member-details">
+                        <h4 id="memberSubscriptionsName">Member Name</h4>
+                        <p id="memberSubscriptionsEmail">member@example.com</p>
+                    </div>
+                </div>
+                
+                <div class="subscriptions-section">
+                    <h5>Mailing List Subscriptions</h5>
+                    <p class="text-muted text-sm">Check the lists this member should be subscribed to:</p>
+                    
+                    <div class="subscription-list" id="subscriptionCheckboxList">
+                        <!-- Dynamic content will be inserted here -->
+                    </div>
+                </div>
+            </div>
+            <div class="modal-actions">
+                <button type="button" class="btn btn-secondary" id="memberSubscriptionsCancelBtn">Cancel</button>
+                <button type="button" class="btn btn-primary" id="memberSubscriptionsSaveBtn">
+                    <i class="fas fa-save"></i>
+                    Save Changes
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Add Subscription Modal (Legacy - keeping for bulk operations) -->
     <div class="modal" id="subscriptionModal">
         <div class="modal-content">
             <div class="modal-header">