Fixed - Guides

Added - contacts visual (controller coming soon)

skolehjem/resources/views/admin/contacts/create.blade.php

@@ -10,6 +10,13 @@
 @endsection
 
 @section("content")
+    <style>
+        .ck-editor__main {
+            margin-bottom: 1rem;
+        }
+    </style>
+    <script src="https://cdn.ckeditor.com/ckeditor5/21.0.0/classic/ckeditor.js"></script>
+
     <h1>Opret Kontakt:</h1>
     <form method="post" action="{{ route("contacts.store") }}">
         @csrf
@@ -21,6 +28,26 @@
         <input type="email" name="email" id="email" placeholder="x@y.z" required>
         <label for="tel">Telefon nr:</label>
         <input type="tel" name="phone" id="tel" placeholder="12345678" pattern="[0-9]{2}[0-9]{2}[0-9]{2}[0-9]{2}" required>
+        <label for="teltimes">Telefon tider: (Forblives blank, hvis der ikke er nogen bestemte tider)</label>
+        <textarea name="phonetimes" id="editor"></textarea>
         <input type="submit" class="btn btn-dark text-white" value="Opret">
     </form>
+
+    <script>
+        ClassicEditor
+            .create( document.querySelector( '#editor' ), {
+                toolbar: [ 'heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote' ],
+                heading: {
+                    options: [
+                        { model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },
+                        { model: 'heading1', view: 'h3', title: 'Heading 1', class: 'sde-blue' },
+                        { model: 'heading2', view: 'h4', title: 'Heading 2', class: 'sde-blue' }
+                    ]
+                }
+            } )
+            .catch( error => {
+                console.log( error );
+            } );
+
+    </script>
 @endsection