Improve draft UI state handling, layout, and order logic

- Added current/next pick info, updated server draft logic for order/snake
- Refactored WebSocketContext, removed dead code, improved CSS/layout
- Cleaned up template blocks, admin, and participant panel structure

draft/consumers.py

@@ -40,7 +40,7 @@ class DraftConsumerBase(AsyncJsonWebsocketConsumer):
 
         self.group_names = DraftGroupChannelNames(draft_hashid)
         self.cache_keys = DraftCacheKeys(draft_hashid)
-        self.draft_state = DraftStateManager(draft_hashid, self.draft_session.settings)
+        self.draft_state = DraftStateManager(self.draft_session)
 
         self.user = self.scope["user"]
         if not self.should_accept_user():
@@ -172,7 +172,7 @@ class DraftAdminConsumer(DraftConsumerBase):
             await self.start_nominate()
 
         if event_type == DraftMessage.DRAFT_INDEX_ADVANCE_REQUEST:
-            self.draft_state.draft_index += 1
+            self.draft_state.draft_index_advance()
             await self.channel_layer.group_send(
                 self.group_names.session,
                 {
@@ -229,18 +229,22 @@ class DraftAdminConsumer(DraftConsumerBase):
         )
 
     async def determine_draft_order(self):
-        draft_order = random.sample(
-            self.draft_participants, len(self.draft_participants)
-        )
-        self.draft_state.draft_order = [p.username for p in draft_order]
+        draft_order = self.draft_state.determine_draft_order(self.draft_participants)
+        self.draft_state.draft_index = 0
         await self.set_draft_phase(DraftPhase.DETERMINE_ORDER)
+        next_picks = self.draft_state.next_picks(include_current=True)
 
         await self.channel_layer.group_send(
             self.group_names.session,
             {
                 "type": "broadcast.session",
                 "subtype": DraftMessage.ORDER_DETERMINE_CONFIRM,
-                "payload": {"draft_order": self.draft_state.draft_order},
+                "payload": {
+                    "draft_order": draft_order,
+                    "draft_index": self.draft_state.draft_index,
+                    "current_pick": next_picks[0],
+                    "next_picks": next_picks[1:]
+                    },
             },
         )