Мелочи по косметике

- вывод деталей о листе только при онлайн статусе
- копирование ссылки без промпта
- мелочи по подсказкам к разным элементам

views/template.twig

@@ -132,6 +132,55 @@
     <script src="/js/bootstrap.bundle.min.js"></script>
     {% block footer %}{% endblock %}
 
+    <div class="toast-container position-fixed bottom-0 end-0 p-3">
+        <div class="toast align-items-center text-bg-success border-0" role="alert" id="clipboardToast">
+            <div class="d-flex">
+                <div class="toast-body" id="clipboardToastBody"></div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        function showToast(message) {
+            const toastEl = document.getElementById('clipboardToast');
+            const toastBodyEl = document.getElementById('clipboardToastBody');
+            toastBodyEl.innerHTML = message;
+            const toast = new bootstrap.Toast(toastEl, {delay: 5000});
+            toast.show();
+        }
+
+        function copyPlaylistUrl(code) {
+            const url = '{{ base_url() }}/' + code;
+            if (navigator.clipboard && window.isSecureContext) {
+                navigator.clipboard
+                    .writeText(url)
+                    .then(() => showToast(`Ссылка на плейлист '${code}' скопирована в буфер обмена`))
+                    .catch(err => console.error('Failed to copy:', err));
+            } else {
+                try {
+                    const textArea = document.createElement("textarea");
+                    textArea.value = url;
+                    textArea.style.position = "fixed";  // Avoid scrolling to bottom
+                    document.body.appendChild(textArea);
+                    textArea.focus();
+                    textArea.select();
+
+                    const successful = document.execCommand('copy');
+                    document.body.removeChild(textArea);
+
+                    if (successful) {
+                        showToast(`Ссылка на плейлист '${code}' скопирована в буфер обмена`);
+                    } else {
+                        showToast('Ошибка при копировании ссылки', true);
+                    }
+                } catch (err) {
+                    console.error('Fallback copy failed:', err);
+                    showToast('Ошибка при копировании ссылки', true);
+                }
+            }
+        }
+    </script>
+
     {% include("custom.twig") ignore missing %}
 </body>
 </html>