Add edit_on_player_enabled feature for playlist content

- Added edit_on_player_enabled column to playlist_content table
- Updated playlist model to track edit enablement per content item
- Added UI checkbox on upload media page to enable/disable editing
- Added toggle column on manage playlist page for existing content
- Updated API endpoint to return edit_on_player_enabled flag to players
- Fixed docker-entrypoint.sh to use production config
- Supports PDF, Images, and PPTX content types

app/templates/content/manage_playlist_content.html

@@ -211,6 +211,7 @@
                         <th style="width: 100px;">Type</th>
                         <th style="width: 100px;">Duration</th>
                         <th style="width: 80px;">Audio</th>
+                        <th style="width: 80px;">Edit</th>
                         <th style="width: 100px;">Actions</th>
                     </tr>
                 </thead>
@@ -247,6 +248,23 @@
                             <span style="color: #999;">—</span>
                             {% endif %}
                         </td>
+                        <td>
+                            {% if content.content_type in ['image', 'pdf'] %}
+                            <label class="audio-toggle">
+                                <input type="checkbox" 
+                                       class="edit-checkbox"
+                                       data-content-id="{{ content.id }}"
+                                       {{ 'checked' if content._playlist_edit_on_player_enabled else '' }}
+                                       onchange="toggleEdit({{ content.id }}, this.checked)">
+                                <span class="audio-label">
+                                    <span class="audio-on">✏️</span>
+                                    <span class="audio-off">🔒</span>
+                                </span>
+                            </label>
+                            {% else %}
+                            <span style="color: #999;">—</span>
+                            {% endif %}
+                        </td>
                         <td>
                             <form method="POST" 
                                   action="{{ url_for('content.remove_content_from_playlist', playlist_id=playlist.id, content_id=content.id) }}"
@@ -427,6 +445,37 @@ function toggleAudio(contentId, enabled) {
     });
 }
 
+function toggleEdit(contentId, enabled) {
+    const playlistId = {{ playlist.id }};
+    const url = `/content/playlist/${playlistId}/update-edit-enabled/${contentId}`;
+    
+    const formData = new FormData();
+    formData.append('edit_enabled', enabled ? 'true' : 'false');
+    
+    fetch(url, {
+        method: 'POST',
+        body: formData
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            console.log('Edit setting updated:', enabled ? 'Enabled' : 'Disabled');
+        } else {
+            alert('Error updating edit setting: ' + data.message);
+            // Revert checkbox on error
+            const checkbox = document.querySelector(`.edit-checkbox[data-content-id="${contentId}"]`);
+            if (checkbox) checkbox.checked = !enabled;
+        }
+    })
+    .catch(error => {
+        console.error('Error:', error);
+        alert('Error updating edit setting');
+        // Revert checkbox on error
+        const checkbox = document.querySelector(`.edit-checkbox[data-content-id="${contentId}"]`);
+        if (checkbox) checkbox.checked = !enabled;
+    });
+}
+
 function toggleSelectAll(checkbox) {
     const checkboxes = document.querySelectorAll('.content-checkbox');
     checkboxes.forEach(cb => {

app/templates/content/upload_media.html

@@ -296,6 +296,17 @@
                     </small>
                 </div>
                 
+                <div class="form-group">
+                    <label style="display: flex; align-items: center; cursor: pointer; user-select: none;">
+                        <input type="checkbox" name="edit_on_player_enabled" id="edit_on_player_enabled" 
+                               value="1" style="margin-right: 8px; width: 18px; height: 18px; cursor: pointer;">
+                        <span>Allow editing on player (PDF, Images, PPTX)</span>
+                    </label>
+                    <small style="color: #6c757d; display: block; margin-top: 4px; font-size: 11px;">
+                        ✏️ Enable local editing of this media on the player device
+                    </small>
+                </div>
+                
                 <!-- Upload Button -->
                 <button type="submit" class="btn-upload" id="upload-btn" disabled style="display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-top: 20px; padding: 12px 30px;">
                     <img src="{{ url_for('static', filename='icons/upload.svg') }}" alt="" style="width: 18px; height: 18px; filter: brightness(0) invert(1);">