Initial commit

resources/views/components/chat-widget.blade.php

@@ -0,0 +1,35 @@
+<div
+    class="pc-chat-widget"
+    data-chat-widget="true"
+    data-fetch-url="{{ route('chat.messages') }}"
+    data-send-url="{{ route('chat.send') }}"
+    data-csrf="{{ csrf_token() }}"
+>
+    <button class="pc-chat-toggle" type="button" data-chat-toggle>
+        <svg viewBox="0 0 24 24" aria-hidden="true">
+            <path d="M4 5h16v10H8l-4 4V5zm2 2v7.17L7.17 13H18V7H6z"></path>
+        </svg>
+        <span>Чат</span>
+    </button>
+
+    <section class="pc-chat-panel" data-chat-panel hidden>
+        <header class="pc-chat-header">
+            <h3>Онлайн-чат</h3>
+            <button class="pc-chat-close" type="button" data-chat-close aria-label="Свернуть чат">×</button>
+        </header>
+        <p class="pc-chat-note" data-chat-note>Задайте вопрос — администратор ответит в этом окне.</p>
+
+        <div class="pc-chat-messages" data-chat-messages></div>
+
+        <form class="pc-chat-form" data-chat-form>
+            <textarea
+                name="message"
+                placeholder="Введите сообщение..."
+                maxlength="2000"
+                rows="3"
+                required
+            ></textarea>
+            <button class="pc-btn primary" type="submit">Отправить</button>
+        </form>
+    </section>
+</div>