From d762fd71aec5f13c02e6b2ec9b60ea5bf14ee603 Mon Sep 17 00:00:00 2001
From: Dr Masroor Ehsan <masroore@gmail.com>
Date: Mon, 30 Dec 2024 13:19:35 +0600
Subject: [PATCH] cfg

---
 .../Radiologist/ReportWriteController.php     |  16 +
 public/ck.css                                 | 122 +++++
 resources/views/ck.blade.php                  | 355 ++++++++++++++
 resources/views/layouts/app.blade.php         |   8 +
 resources/views/pacs/studies.blade.php        |   2 +
 .../views/radiologist/report-write.blade.php  | 441 ++++++++++++++++++
 routes/web.php                                |   6 +
 7 files changed, 950 insertions(+)
 create mode 100644 app/Http/Controllers/Radiologist/ReportWriteController.php
 create mode 100644 public/ck.css
 create mode 100644 resources/views/ck.blade.php
 create mode 100644 resources/views/radiologist/report-write.blade.php

diff --git a/app/Http/Controllers/Radiologist/ReportWriteController.php b/app/Http/Controllers/Radiologist/ReportWriteController.php
new file mode 100644
index 0000000..e7392d4
--- /dev/null
+++ b/app/Http/Controllers/Radiologist/ReportWriteController.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Http\Controllers\Radiologist;
+
+use App\Http\Controllers\Controller;
+use App\Models\Study;
+
+class ReportWriteController extends Controller
+{
+    public function __invoke(int $id)
+    {
+        $study = Study::findOrFail($id);
+
+        return view('radiologist.report-write', compact('study'));
+    }
+}
diff --git a/public/ck.css b/public/ck.css
new file mode 100644
index 0000000..b9471b9
--- /dev/null
+++ b/public/ck.css
@@ -0,0 +1,122 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+
+@media print {
+    body {
+        margin: 0 !important;
+    }
+}
+
+.main-container {
+    font-family: 'Inter';
+    width: fit-content;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.fixed-container {
+    min-height: 600px;
+    min-width: 300px;
+    /*height: 800px;*/
+    height: 100%;
+    width: 100%;
+}
+
+.ck-content {
+    font-family: 'Inter';
+    line-height: 1.6;
+    word-break: break-word;
+}
+
+.editor-container_classic-editor .editor-container__editor {
+    min-width: 300px;
+}
+
+.editor_container__word-count .ck-word-count {
+    color: var(--ck-color-text);
+    display: flex;
+    height: 20px;
+    gap: var(--ck-spacing-small);
+    justify-content: flex-end;
+    font-size: var(--ck-font-size-base);
+    line-height: var(--ck-line-height-base);
+    font-family: var(--ck-font-face);
+    padding: var(--ck-spacing-small) var(--ck-spacing-standard);
+}
+
+.editor-container_include-word-count.editor-container_classic-editor .editor_container__word-count {
+    border: 1px solid var(--ck-color-base-border);
+    border-radius: var(--ck-border-radius);
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top: none;
+}
+
+.editor-container_include-word-count.editor-container_classic-editor .editor-container__editor .ck-editor .ck-editor__editable {
+    border-radius: 0;
+}
+
+
+
+
+/* Let's give the editor some space and limits using a border. */
+.ck-editor {
+    margin: 0 0 1em;
+    border: 1px solid hsla(0, 0%, 0%, 0.1);
+    border-radius: 4px;
+}
+
+/* Adding internal spacing, border and background to the toolbar.  */
+.ck-editor .btn-toolbar {
+    padding: .5rem;
+    background: #f7f7f9;
+    border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
+}
+
+/* Tweaking the editable area for better readability. */
+.ck-editor .ck-editor__editable {
+    padding: 2em 2em 1em;
+    overflow: auto;
+    height: 100%;
+    min-height: 500px;
+}
+
+/* When in read–only mode, the editable should fade out. */
+.ck-editor .ck-editor__editable.ck-read-only {
+    background: #fafafa;
+    color: hsl(0, 0%, 47%);
+}
+
+/* Make sure the headings dropdown button does not change its size
+as different headings are selected */
+.ck-editor .dropdown-toggle span {
+    display: inline-block;
+    width: 100px;
+    text-align: left;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: bottom;
+}
+
+/* Make the headings dropdown items visually distinctive. */
+.ck-editor .heading-item_heading1 { font-size: 1.5em; }
+.ck-editor .heading-item_heading2 { font-size: 1.3em; }
+.ck-editor .heading-item_heading3 { font-size: 1.1em; }
+
+.ck-editor [class*="heading-item_"] {
+    line-height: 22px;
+    padding: 10px;
+}
+
+.ck-editor [class*="heading-item_heading"] {
+    font-weight: bold;
+}
+
+/* Give the basic styles buttons some icon–like shape */
+.ck-editor #bold { font-weight: bold; }
+.ck-editor #italic { font-style: italic; }
+.ck-editor #underline { text-decoration: underline; }
+
+/* https://github.com/ckeditor/ckeditor5/issues/903 */
+.ck-editor .ck-content > :first-child {
+    margin-top: 0;
+}
diff --git a/resources/views/ck.blade.php b/resources/views/ck.blade.php
new file mode 100644
index 0000000..904db97
--- /dev/null
+++ b/resources/views/ck.blade.php
@@ -0,0 +1,355 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>CKEditor 5 Sample</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
+          integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5/44.1.0/ckeditor5.css" crossorigin>
+    <link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5-premium-features/44.1.0/ckeditor5-premium-features.css" crossorigin>
+    <link rel="stylesheet" href="./ck.css">
+</head>
+<body>
+<div class="container">
+    <div class="mt-8">
+        <div class="row">
+            <div class="col-7">
+                <iframe class="fixed-container"
+                        src="http://pacs.mylabctg.com:8042/stone-webviewer/index.html?study=1.3.12.2.1107.5.1.4.86027.30000024071105194090600000028"></iframe>
+            </div>
+            <div class="col-5">
+                <h6>CKEditor 5 Classic Editor</h6>
+                <div
+                    class="ck-editor editor-container editor-container_classic-editor editor-container_include-word-count fixed-container"
+                    id="editor-container">
+                    <div class="editor-container__editor">
+                        <div id="editor"></div>
+                    </div>
+                    <div class="editor_container__word-count" id="editor-word-count"></div>
+                </div>
+            </div>
+        </div>
+        <div class="row mb-4 ml-4 mt-4">
+            <h3>Test</h3>
+        </div>
+    </div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+        crossorigin="anonymous"></script>
+<script src="https://cdn.ckeditor.com/ckeditor5/44.1.0/ckeditor5.umd.js" crossorigin></script>
+<script src="https://cdn.ckeditor.com/ckeditor5-premium-features/44.1.0/ckeditor5-premium-features.umd.js"
+        crossorigin></script>
+<script>
+    const {
+        ClassicEditor,
+        Autoformat,
+        Autosave,
+        BlockQuote,
+        Bold,
+        CloudServices,
+        Essentials,
+        FindAndReplace,
+        FontBackgroundColor,
+        FontColor,
+        FontFamily,
+        FontSize,
+        Heading,
+        Highlight,
+        Indent,
+        IndentBlock,
+        Italic,
+        List,
+        ListProperties,
+        PageBreak,
+        Paragraph,
+        PasteFromOffice,
+        RemoveFormat,
+        SourceEditing,
+        Table,
+        TableCaption,
+        TableCellProperties,
+        TableColumnResize,
+        TableProperties,
+        TableToolbar,
+        TextTransformation,
+        Underline,
+        WordCount
+    } = window.CKEDITOR;
+    //const { ExportPdf, ExportWord, ImportWord, MultiLevelList, PasteFromOfficeEnhanced, Template } = window.CKEDITOR_PREMIUM_FEATURES;
+
+    const LICENSE_KEY =
+        //'GPL';
+        'eyJhbGciOiJFUzI1NiJ9.eyJleHAiOjE3MzY4MTI3OTksImp0aSI6IjRkNDQyODQ2LWIwNDUtNDU1Ny1hZTY0LTM3ZDE0OTdkYWIxNSIsInVzYWdlRW5kcG9pbnQiOiJodHRwczovL3Byb3h5LWV2ZW50LmNrZWRpdG9yLmNvbSIsImRpc3RyaWJ1dGlvbkNoYW5uZWwiOlsiY2xvdWQiLCJkcnVwYWwiLCJzaCJdLCJ3aGl0ZUxhYmVsIjp0cnVlLCJsaWNlbnNlVHlwZSI6InRyaWFsIiwiZmVhdHVyZXMiOlsiKiJdLCJ2YyI6ImIwYmRlYmVjIn0.fhO6LXEF3lP_QpHQY2c9hPnensaY2_0AbfgJ0p4wUlQFmIyn-9dwe5rbMh9SdZYgoqOY5J4-zN0-JfO2vFm3vg';
+
+    const editorConfig = {
+        toolbar: {
+            items: [
+                'sourceEditing',
+                'importWord',
+                'exportWord',
+                'exportPdf',
+                'findAndReplace',
+                '|',
+                'heading',
+                '|',
+                'fontSize',
+                'fontFamily',
+                'fontColor',
+                'fontBackgroundColor',
+                '|',
+                'bold',
+                'italic',
+                'underline',
+                'removeFormat',
+                '|',
+                'pageBreak',
+                'link',
+                'insertTable',
+                'insertTemplate',
+                'highlight',
+                'blockQuote',
+                '|',
+                'bulletedList',
+                'numberedList',
+                'multiLevelList',
+                'outdent',
+                'indent'
+            ],
+            shouldNotGroupWhenFull: false
+        },
+        plugins: [
+            Autoformat,
+            Autosave,
+            BlockQuote,
+            Bold,
+            CloudServices,
+            Essentials,
+            FindAndReplace,
+            FontBackgroundColor,
+            FontColor,
+            FontFamily,
+            FontSize,
+            Heading,
+            Highlight,
+            Indent,
+            IndentBlock,
+            Italic,
+            List,
+            ListProperties,
+            PageBreak,
+            Paragraph,
+            PasteFromOffice,
+            RemoveFormat,
+            SourceEditing,
+            Table,
+            TableCaption,
+            TableCellProperties,
+            TableColumnResize,
+            TableProperties,
+            TableToolbar,
+            TextTransformation,
+            Underline,
+            /*
+            ExportPdf,
+            ExportWord,
+            ImportWord,
+            Template,
+            MultiLevelList,
+            PasteFromOfficeEnhanced,
+            */
+            WordCount
+        ],
+        exportPdf: {
+            stylesheets: [
+                /* This path should point to application stylesheets. */
+                /* See: https://ckeditor.com/docs/ckeditor5/latest/features/converters/export-pdf.html */
+                './ck.css',
+                /* Export PDF needs access to stylesheets that style the content. */
+                'https://cdn.ckeditor.com/ckeditor5/44.1.0/ckeditor5.css',
+                'https://cdn.ckeditor.com/ckeditor5-premium-features/44.1.0/ckeditor5-premium-features.css'
+            ],
+            fileName: 'export-pdf-demo.pdf',
+            converterOptions: {
+                format: 'Tabloid',
+                margin_top: '20mm',
+                margin_bottom: '20mm',
+                margin_right: '24mm',
+                margin_left: '24mm',
+                page_orientation: 'portrait'
+            }
+        },
+        exportWord: {
+            stylesheets: [
+                /* This path should point to application stylesheets. */
+                /* See: https://ckeditor.com/docs/ckeditor5/latest/features/converters/export-word.html */
+                './ck.css',
+                /* Export Word needs access to stylesheets that style the content. */
+                'https://cdn.ckeditor.com/ckeditor5/44.1.0/ckeditor5.css',
+                'https://cdn.ckeditor.com/ckeditor5-premium-features/44.1.0/ckeditor5-premium-features.css'
+            ],
+            fileName: 'export-word-demo.docx',
+            converterOptions: {
+                document: {
+                    orientation: 'portrait',
+                    size: 'Tabloid',
+                    margins: {
+                        top: '20mm',
+                        bottom: '20mm',
+                        right: '24mm',
+                        left: '24mm'
+                    }
+                }
+            }
+        },
+        fontFamily: {
+            supportAllValues: true
+        },
+        fontSize: {
+            options: [10, 12, 14, 'default', 18, 20, 22],
+            supportAllValues: true
+        },
+        heading: {
+            options: [
+                {
+                    model: 'paragraph',
+                    title: 'Paragraph',
+                    class: 'ck-heading_paragraph'
+                },
+                {
+                    model: 'heading1',
+                    view: 'h1',
+                    title: 'Heading 1',
+                    class: 'ck-heading_heading1'
+                },
+                {
+                    model: 'heading2',
+                    view: 'h2',
+                    title: 'Heading 2',
+                    class: 'ck-heading_heading2'
+                },
+                {
+                    model: 'heading3',
+                    view: 'h3',
+                    title: 'Heading 3',
+                    class: 'ck-heading_heading3'
+                },
+                {
+                    model: 'heading4',
+                    view: 'h4',
+                    title: 'Heading 4',
+                    class: 'ck-heading_heading4'
+                },
+                {
+                    model: 'heading5',
+                    view: 'h5',
+                    title: 'Heading 5',
+                    class: 'ck-heading_heading5'
+                },
+                {
+                    model: 'heading6',
+                    view: 'h6',
+                    title: 'Heading 6',
+                    class: 'ck-heading_heading6'
+                }
+            ]
+        },
+        initialData:
+            '<h2>Congratulations on setting up CKEditor 5! 🎉</h2>\n<p>\n\tYou\'ve successfully created a CKEditor 5 project. This powerful text editor\n\twill enhance your application, enabling rich text editing capabilities that\n\tare customizable and easy to use.\n</p>\n<h3>What\'s next?</h3>\n<ol>\n\t<li>\n\t\t<strong>Integrate into your app</strong>: time to bring the editing into\n\t\tyour application. Take the code you created and add to your application.\n\t</li>\n\t<li>\n\t\t<strong>Explore features:</strong> Experiment with different plugins and\n\t\ttoolbar options to discover what works best for your needs.\n\t</li>\n\t<li>\n\t\t<strong>Customize your editor:</strong> Tailor the editor\'s\n\t\tconfiguration to match your application\'s style and requirements. Or\n\t\teven write your plugin!\n\t</li>\n</ol>\n<p>\n\tKeep experimenting, and don\'t hesitate to push the boundaries of what you\n\tcan achieve with CKEditor 5. Your feedback is invaluable to us as we strive\n\tto improve and evolve. Happy editing!\n</p>\n<h3>Helpful resources</h3>\n<ul>\n\t<li>📝 <a href="https://portal.ckeditor.com/checkout?plan=free">Trial sign up</a>,</li>\n\t<li>📕 <a href="https://ckeditor.com/docs/ckeditor5/latest/installation/index.html">Documentation</a>,</li>\n\t<li>⭐️ <a href="https://github.com/ckeditor/ckeditor5">GitHub</a> (star us if you can!),</li>\n\t<li>🏠 <a href="https://ckeditor.com">CKEditor Homepage</a>,</li>\n\t<li>🧑‍💻 <a href="https://ckeditor.com/ckeditor-5/demo/">CKEditor 5 Demos</a>,</li>\n</ul>\n<h3>Need help?</h3>\n<p>\n\tSee this text, but the editor is not starting up? Check the browser\'s\n\tconsole for clues and guidance. It may be related to an incorrect license\n\tkey if you use premium features or another feature-related requirement. If\n\tyou cannot make it work, file a GitHub issue, and we will help as soon as\n\tpossible!\n</p>\n',
+        licenseKey: LICENSE_KEY,
+        link: {
+            addTargetToExternalLinks: true,
+            defaultProtocol: 'https://',
+            decorators: {
+                toggleDownloadable: {
+                    mode: 'manual',
+                    label: 'Downloadable',
+                    attributes: {
+                        download: 'file'
+                    }
+                }
+            }
+        },
+        list: {
+            properties: {
+                styles: true,
+                startIndex: true,
+                reversed: true
+            }
+        },
+        menuBar: {
+            isVisible: true
+        },
+        placeholder: 'Type or paste your content here!',
+        table: {
+            contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties']
+        },
+        template: {
+            definitions: [
+                {
+                    title: 'Introduction',
+                    description: 'Simple introduction to an article',
+                    icon: '<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <g id="icons/article-image-right">\n        <rect id="icon-bg" width="45" height="45" rx="2" fill="#A5E7EB"/>\n        <g id="page" filter="url(#filter0_d_1_507)">\n            <path d="M9 41H36V12L28 5H9V41Z" fill="white"/>\n            <path d="M35.25 12.3403V40.25H9.75V5.75H27.7182L35.25 12.3403Z" stroke="#333333" stroke-width="1.5"/>\n        </g>\n        <g id="image">\n            <path id="Rectangle 22" d="M21.5 23C21.5 22.1716 22.1716 21.5 23 21.5H31C31.8284 21.5 32.5 22.1716 32.5 23V29C32.5 29.8284 31.8284 30.5 31 30.5H23C22.1716 30.5 21.5 29.8284 21.5 29V23Z" fill="#B6E3FC" stroke="#333333"/>\n            <path id="Vector 1" d="M24.1184 27.8255C23.9404 27.7499 23.7347 27.7838 23.5904 27.9125L21.6673 29.6268C21.5124 29.7648 21.4589 29.9842 21.5328 30.178C21.6066 30.3719 21.7925 30.5 22 30.5H32C32.2761 30.5 32.5 30.2761 32.5 30V27.7143C32.5 27.5717 32.4391 27.4359 32.3327 27.3411L30.4096 25.6268C30.2125 25.451 29.9127 25.4589 29.7251 25.6448L26.5019 28.8372L24.1184 27.8255Z" fill="#44D500" stroke="#333333" stroke-linejoin="round"/>\n            <circle id="Ellipse 1" cx="26" cy="25" r="1.5" fill="#FFD12D" stroke="#333333"/>\n        </g>\n        <rect id="Rectangle 23" x="13" y="13" width="12" height="2" rx="1" fill="#B4B4B4"/>\n        <rect id="Rectangle 24" x="13" y="17" width="19" height="2" rx="1" fill="#B4B4B4"/>\n        <rect id="Rectangle 25" x="13" y="21" width="6" height="2" rx="1" fill="#B4B4B4"/>\n        <rect id="Rectangle 26" x="13" y="25" width="6" height="2" rx="1" fill="#B4B4B4"/>\n        <rect id="Rectangle 27" x="13" y="29" width="6" height="2" rx="1" fill="#B4B4B4"/>\n        <rect id="Rectangle 28" x="13" y="33" width="16" height="2" rx="1" fill="#B4B4B4"/>\n    </g>\n    <defs>\n        <filter id="filter0_d_1_507" x="9" y="5" width="28" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n            <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n            <feOffset dx="1" dy="1"/>\n            <feComposite in2="hardAlpha" operator="out"/>\n            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.29 0"/>\n            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_507"/>\n            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_507" result="shape"/>\n        </filter>\n    </defs>\n</svg>\n',
+                    data: "<h2>Introduction</h2><p>In today's fast-paced world, keeping up with the latest trends and insights is essential for both personal growth and professional development. This article aims to shed light on a topic that resonates with many, providing valuable information and actionable advice. Whether you're seeking to enhance your knowledge, improve your skills, or simply stay informed, our comprehensive analysis offers a deep dive into the subject matter, designed to empower and inspire our readers.</p>"
+                }
+            ]
+        }
+    };
+
+    configUpdateAlert(editorConfig);
+
+    ClassicEditor.create(document.querySelector('#editor'), editorConfig).then(editor => {
+        const wordCount = editor.plugins.get('WordCount');
+        document.querySelector('#editor-word-count').appendChild(wordCount.wordCountContainer);
+
+        document.querySelector('#editor-menu-bar').appendChild(editor.ui.view.menuBarView.element);
+
+        return editor;
+    });
+
+    /**
+     * This function exists to remind you to update the config needed for premium features.
+     * The function can be safely removed. Make sure to also remove call to this function when doing so.
+     */
+    function configUpdateAlert(config) {
+        if (configUpdateAlert.configUpdateAlertShown) {
+            return;
+        }
+
+        const isModifiedByUser = (currentValue, forbiddenValue) => {
+            if (currentValue === forbiddenValue) {
+                return false;
+            }
+
+            if (currentValue === undefined) {
+                return false;
+            }
+
+            return true;
+        };
+
+        const valuesToUpdate = [];
+
+        configUpdateAlert.configUpdateAlertShown = true;
+
+        if (!isModifiedByUser(config.licenseKey, '<YOUR_LICENSE_KEY>')) {
+            valuesToUpdate.push('LICENSE_KEY');
+        }
+
+        if (valuesToUpdate.length) {
+            window.alert(
+                [
+                    'Please update the following values in your editor config',
+                    'to receive full access to Premium Features:',
+                    '',
+                    ...valuesToUpdate.map(value => ` - ${value}`)
+                ].join('\n')
+            );
+        }
+    }
+
+</script>
+</body>
+</html>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index e85a103..4513465 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -16,6 +16,10 @@
 
         <!-- Styles -->
         @livewireStyles
+
+        @if (isset($header_scripts))
+            {!! $header_scripts !!}
+        @endisset
     </head>
     <body class="font-sans antialiased">
         <x-banner />
@@ -41,5 +45,9 @@
         @stack('modals')
 
         @livewireScripts
+
+        @if (isset($footer_scripts))
+            {!! $footer_scripts !!}
+        @endisset
     </body>
 </html>
diff --git a/resources/views/pacs/studies.blade.php b/resources/views/pacs/studies.blade.php
index 0da03d1..c0aa5c5 100644
--- a/resources/views/pacs/studies.blade.php
+++ b/resources/views/pacs/studies.blade.php
@@ -53,6 +53,8 @@
                             @endif
                             |
                             <a target="_blank" class="btn" href="{{ \App\Services\Pacs\PacsUrlGen::archive($study->orthanc_uid) }}">ZIP</a>
+                            |
+                            <a target="_blank" class="btn" href="{{ route('radiologist.report-write', $study->id) }}">TXT</a>
 
                         </td>
                     </tr>
diff --git a/resources/views/radiologist/report-write.blade.php b/resources/views/radiologist/report-write.blade.php
new file mode 100644
index 0000000..f736ed1
--- /dev/null
+++ b/resources/views/radiologist/report-write.blade.php
@@ -0,0 +1,441 @@
+<x-app-layout>
+    <x-slot name="header">
+        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
+            {{ __('Dashboard') }}
+        </h2>
+    </x-slot>
+
+    <x-slot name="header_scripts">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
+              integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+        <link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5/44.1.0/ckeditor5.css" crossorigin>
+        <link rel="stylesheet" href="https://cdn.ckeditor.com/ckeditor5-premium-features/44.1.0/ckeditor5-premium-features.css" crossorigin>
+
+
+        <style>
+
+            @import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+
+            @media print {
+                body {
+                    margin: 0 !important;
+                }
+            }
+
+            .main-container {
+                font-family: 'Inter';
+                width: fit-content;
+                margin-left: auto;
+                margin-right: auto;
+            }
+
+            .fixed-container {
+                min-height: 600px;
+                min-width: 300px;
+                /*height: 800px;*/
+                height: 100%;
+                width: 100%;
+            }
+
+            .ck-content {
+                font-family: 'Inter';
+                line-height: 1.6;
+                word-break: break-word;
+            }
+
+            .editor-container_classic-editor .editor-container__editor {
+                min-width: 300px;
+            }
+
+            .editor_container__word-count .ck-word-count {
+                color: var(--ck-color-text);
+                display: flex;
+                height: 20px;
+                gap: var(--ck-spacing-small);
+                justify-content: flex-end;
+                font-size: var(--ck-font-size-base);
+                line-height: var(--ck-line-height-base);
+                font-family: var(--ck-font-face);
+                padding: var(--ck-spacing-small) var(--ck-spacing-standard);
+            }
+
+            .editor-container_include-word-count.editor-container_classic-editor .editor_container__word-count {
+                border: 1px solid var(--ck-color-base-border);
+                border-radius: var(--ck-border-radius);
+                border-top-left-radius: 0;
+                border-top-right-radius: 0;
+                border-top: none;
+            }
+
+            .editor-container_include-word-count.editor-container_classic-editor .editor-container__editor .ck-editor .ck-editor__editable {
+                border-radius: 0;
+            }
+
+
+
+        </style>
+    </x-slot>
+
+    <div class="py-12">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+            <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
+
+
+                <div class="mt-8">
+                    <div class="row">
+                        <div class="col-7">
+                            <iframe class="fixed-container"
+                                    src="{{ \App\Services\Pacs\PacsUrlGen::stoneViewer($study->study_instance_uid) }}"></iframe>
+                        </div>
+                        <div class="col-5">
+                            <h6>CKEditor 5 Classic Editor</h6>
+                            <div
+                                class="ck-editor editor-container editor-container_classic-editor editor-container_include-word-count fixed-container"
+                                id="editor-container">
+                                <div class="editor-container__editor">
+                                    <div id="editor"></div>
+                                </div>
+                                <div class="editor_container__word-count" id="editor-word-count"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row mb-4 ml-4 mt-4">
+                        <h3>Test</h3>
+                    </div>
+                </div>
+
+
+
+
+            </div>
+        </div>
+    </div>
+
+
+
+
+
+    <x-slot name="footer_scripts">
+
+
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+                integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+                crossorigin="anonymous"></script>
+        <script src="https://cdn.ckeditor.com/ckeditor5/44.1.0/ckeditor5.umd.js" crossorigin></script>
+        <script src="https://cdn.ckeditor.com/ckeditor5-premium-features/44.1.0/ckeditor5-premium-features.umd.js"
+                crossorigin></script>
+        <script>
+            const {
+                ClassicEditor,
+                Autoformat,
+                Autosave,
+                BlockQuote,
+                Bold,
+                CloudServices,
+                Essentials,
+                FindAndReplace,
+                FontBackgroundColor,
+                FontColor,
+                FontFamily,
+                FontSize,
+                Heading,
+                Highlight,
+                Indent,
+                IndentBlock,
+                Italic,
+                List,
+                ListProperties,
+                PageBreak,
+                Paragraph,
+                PasteFromOffice,
+                RemoveFormat,
+                SourceEditing,
+                Table,
+                TableCaption,
+                TableCellProperties,
+                TableColumnResize,
+                TableProperties,
+                TableToolbar,
+                TextTransformation,
+                Underline,
+                WordCount
+            } = window.CKEDITOR;
+            //const { ExportPdf, ExportWord, ImportWord, MultiLevelList, PasteFromOfficeEnhanced, Template } = window.CKEDITOR_PREMIUM_FEATURES;
+
+            const LICENSE_KEY =
+                //'GPL';
+                'eyJhbGciOiJFUzI1NiJ9.eyJleHAiOjE3MzY4MTI3OTksImp0aSI6IjRkNDQyODQ2LWIwNDUtNDU1Ny1hZTY0LTM3ZDE0OTdkYWIxNSIsInVzYWdlRW5kcG9pbnQiOiJodHRwczovL3Byb3h5LWV2ZW50LmNrZWRpdG9yLmNvbSIsImRpc3RyaWJ1dGlvbkNoYW5uZWwiOlsiY2xvdWQiLCJkcnVwYWwiLCJzaCJdLCJ3aGl0ZUxhYmVsIjp0cnVlLCJsaWNlbnNlVHlwZSI6InRyaWFsIiwiZmVhdHVyZXMiOlsiKiJdLCJ2YyI6ImIwYmRlYmVjIn0.fhO6LXEF3lP_QpHQY2c9hPnensaY2_0AbfgJ0p4wUlQFmIyn-9dwe5rbMh9SdZYgoqOY5J4-zN0-JfO2vFm3vg';
+
+            const editorConfig = {
+                toolbar: {
+                    items: [
+                        'sourceEditing',
+                        'importWord',
+                        'exportWord',
+                        'exportPdf',
+                        'findAndReplace',
+                        '|',
+                        'heading',
+                        '|',
+                        'fontSize',
+                        'fontFamily',
+                        'fontColor',
+                        'fontBackgroundColor',
+                        '|',
+                        'bold',
+                        'italic',
+                        'underline',
+                        'removeFormat',
+                        '|',
+                        'pageBreak',
+                        'link',
+                        'insertTable',
+                        'insertTemplate',
+                        'highlight',
+                        'blockQuote',
+                        '|',
+                        'bulletedList',
+                        'numberedList',
+                        'multiLevelList',
+                        'outdent',
+                        'indent'
+                    ],
+                    shouldNotGroupWhenFull: false
+                },
+                plugins: [
+                    Autoformat,
+                    Autosave,
+                    BlockQuote,
+                    Bold,
+                    CloudServices,
+                    Essentials,
+                    FindAndReplace,
+                    FontBackgroundColor,
+                    FontColor,
+                    FontFamily,
+                    FontSize,
+                    Heading,
+                    Highlight,
+                    Indent,
+                    IndentBlock,
+                    Italic,
+                    List,
+                    ListProperties,
+                    PageBreak,
+                    Paragraph,
+                    PasteFromOffice,
+                    RemoveFormat,
+                    SourceEditing,
+                    Table,
+                    TableCaption,
+                    TableCellProperties,
+                    TableColumnResize,
+                    TableProperties,
+                    TableToolbar,
+                    TextTransformation,
+                    Underline,
+                    /*
+                    ExportPdf,
+                    ExportWord,
+                    ImportWord,
+                    Template,
+                    MultiLevelList,
+                    PasteFromOfficeEnhanced,
+                    */
+                    WordCount
+                ],
+                exportPdf: {
+                    stylesheets: [
+                        /* This path should point to application stylesheets. */
+                        /* See: https://ckeditor.com/docs/ckeditor5/latest/features/converters/export-pdf.html */
+                        './ck.css',
+                        /* Export PDF needs access to stylesheets that style the content. */
+                        'https://cdn.ckeditor.com/ckeditor5/44.1.0/ckeditor5.css',
+                        'https://cdn.ckeditor.com/ckeditor5-premium-features/44.1.0/ckeditor5-premium-features.css'
+                    ],
+                    fileName: 'export-pdf-demo.pdf',
+                    converterOptions: {
+                        format: 'Tabloid',
+                        margin_top: '20mm',
+                        margin_bottom: '20mm',
+                        margin_right: '24mm',
+                        margin_left: '24mm',
+                        page_orientation: 'portrait'
+                    }
+                },
+                exportWord: {
+                    stylesheets: [
+                        /* This path should point to application stylesheets. */
+                        /* See: https://ckeditor.com/docs/ckeditor5/latest/features/converters/export-word.html */
+                        './ck.css',
+                        /* Export Word needs access to stylesheets that style the content. */
+                        'https://cdn.ckeditor.com/ckeditor5/44.1.0/ckeditor5.css',
+                        'https://cdn.ckeditor.com/ckeditor5-premium-features/44.1.0/ckeditor5-premium-features.css'
+                    ],
+                    fileName: 'export-word-demo.docx',
+                    converterOptions: {
+                        document: {
+                            orientation: 'portrait',
+                            size: 'Tabloid',
+                            margins: {
+                                top: '20mm',
+                                bottom: '20mm',
+                                right: '24mm',
+                                left: '24mm'
+                            }
+                        }
+                    }
+                },
+                fontFamily: {
+                    supportAllValues: true
+                },
+                fontSize: {
+                    options: [10, 12, 14, 'default', 18, 20, 22],
+                    supportAllValues: true
+                },
+                heading: {
+                    options: [
+                        {
+                            model: 'paragraph',
+                            title: 'Paragraph',
+                            class: 'ck-heading_paragraph'
+                        },
+                        {
+                            model: 'heading1',
+                            view: 'h1',
+                            title: 'Heading 1',
+                            class: 'ck-heading_heading1'
+                        },
+                        {
+                            model: 'heading2',
+                            view: 'h2',
+                            title: 'Heading 2',
+                            class: 'ck-heading_heading2'
+                        },
+                        {
+                            model: 'heading3',
+                            view: 'h3',
+                            title: 'Heading 3',
+                            class: 'ck-heading_heading3'
+                        },
+                        {
+                            model: 'heading4',
+                            view: 'h4',
+                            title: 'Heading 4',
+                            class: 'ck-heading_heading4'
+                        },
+                        {
+                            model: 'heading5',
+                            view: 'h5',
+                            title: 'Heading 5',
+                            class: 'ck-heading_heading5'
+                        },
+                        {
+                            model: 'heading6',
+                            view: 'h6',
+                            title: 'Heading 6',
+                            class: 'ck-heading_heading6'
+                        }
+                    ]
+                },
+                initialData:
+                    '<h2>Congratulations on setting up CKEditor 5! 🎉</h2>\n<p>\n\tYou\'ve successfully created a CKEditor 5 project. This powerful text editor\n\twill enhance your application, enabling rich text editing capabilities that\n\tare customizable and easy to use.\n</p>\n<h3>What\'s next?</h3>\n<ol>\n\t<li>\n\t\t<strong>Integrate into your app</strong>: time to bring the editing into\n\t\tyour application. Take the code you created and add to your application.\n\t</li>\n\t<li>\n\t\t<strong>Explore features:</strong> Experiment with different plugins and\n\t\ttoolbar options to discover what works best for your needs.\n\t</li>\n\t<li>\n\t\t<strong>Customize your editor:</strong> Tailor the editor\'s\n\t\tconfiguration to match your application\'s style and requirements. Or\n\t\teven write your plugin!\n\t</li>\n</ol>\n<p>\n\tKeep experimenting, and don\'t hesitate to push the boundaries of what you\n\tcan achieve with CKEditor 5. Your feedback is invaluable to us as we strive\n\tto improve and evolve. Happy editing!\n</p>\n<h3>Helpful resources</h3>\n<ul>\n\t<li>📝 <a href="https://portal.ckeditor.com/checkout?plan=free">Trial sign up</a>,</li>\n\t<li>📕 <a href="https://ckeditor.com/docs/ckeditor5/latest/installation/index.html">Documentation</a>,</li>\n\t<li>⭐️ <a href="https://github.com/ckeditor/ckeditor5">GitHub</a> (star us if you can!),</li>\n\t<li>🏠 <a href="https://ckeditor.com">CKEditor Homepage</a>,</li>\n\t<li>🧑‍💻 <a href="https://ckeditor.com/ckeditor-5/demo/">CKEditor 5 Demos</a>,</li>\n</ul>\n<h3>Need help?</h3>\n<p>\n\tSee this text, but the editor is not starting up? Check the browser\'s\n\tconsole for clues and guidance. It may be related to an incorrect license\n\tkey if you use premium features or another feature-related requirement. If\n\tyou cannot make it work, file a GitHub issue, and we will help as soon as\n\tpossible!\n</p>\n',
+                licenseKey: LICENSE_KEY,
+                link: {
+                    addTargetToExternalLinks: true,
+                    defaultProtocol: 'https://',
+                    decorators: {
+                        toggleDownloadable: {
+                            mode: 'manual',
+                            label: 'Downloadable',
+                            attributes: {
+                                download: 'file'
+                            }
+                        }
+                    }
+                },
+                list: {
+                    properties: {
+                        styles: true,
+                        startIndex: true,
+                        reversed: true
+                    }
+                },
+                menuBar: {
+                    isVisible: true
+                },
+                placeholder: 'Type or paste your content here!',
+                table: {
+                    contentToolbar: ['tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties']
+                },
+                template: {
+                    definitions: [
+                        {
+                            title: 'Introduction',
+                            description: 'Simple introduction to an article',
+                            icon: '<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <g id="icons/article-image-right">\n        <rect id="icon-bg" width="45" height="45" rx="2" fill="#A5E7EB"/>\n        <g id="page" filter="url(#filter0_d_1_507)">\n            <path d="M9 41H36V12L28 5H9V41Z" fill="white"/>\n            <path d="M35.25 12.3403V40.25H9.75V5.75H27.7182L35.25 12.3403Z" stroke="#333333" stroke-width="1.5"/>\n        </g>\n        <g id="image">\n            <path id="Rectangle 22" d="M21.5 23C21.5 22.1716 22.1716 21.5 23 21.5H31C31.8284 21.5 32.5 22.1716 32.5 23V29C32.5 29.8284 31.8284 30.5 31 30.5H23C22.1716 30.5 21.5 29.8284 21.5 29V23Z" fill="#B6E3FC" stroke="#333333"/>\n            <path id="Vector 1" d="M24.1184 27.8255C23.9404 27.7499 23.7347 27.7838 23.5904 27.9125L21.6673 29.6268C21.5124 29.7648 21.4589 29.9842 21.5328 30.178C21.6066 30.3719 21.7925 30.5 22 30.5H32C32.2761 30.5 32.5 30.2761 32.5 30V27.7143C32.5 27.5717 32.4391 27.4359 32.3327 27.3411L30.4096 25.6268C30.2125 25.451 29.9127 25.4589 29.7251 25.6448L26.5019 28.8372L24.1184 27.8255Z" fill="#44D500" stroke="#333333" stroke-linejoin="round"/>\n            <circle id="Ellipse 1" cx="26" cy="25" r="1.5" fill="#FFD12D" stroke="#333333"/>\n        </g>\n        <rect id="Rectangle 23" x="13" y="13" width="12" height="2" rx="1" fill="#B4B4B4"/>\n        <rect id="Rectangle 24" x="13" y="17" width="19" height="2" rx="1" fill="#B4B4B4"/>\n        <rect id="Rectangle 25" x="13" y="21" width="6" height="2" rx="1" fill="#B4B4B4"/>\n        <rect id="Rectangle 26" x="13" y="25" width="6" height="2" rx="1" fill="#B4B4B4"/>\n        <rect id="Rectangle 27" x="13" y="29" width="6" height="2" rx="1" fill="#B4B4B4"/>\n        <rect id="Rectangle 28" x="13" y="33" width="16" height="2" rx="1" fill="#B4B4B4"/>\n    </g>\n    <defs>\n        <filter id="filter0_d_1_507" x="9" y="5" width="28" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n            <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n            <feOffset dx="1" dy="1"/>\n            <feComposite in2="hardAlpha" operator="out"/>\n            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.29 0"/>\n            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_507"/>\n            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_507" result="shape"/>\n        </filter>\n    </defs>\n</svg>\n',
+                            data: "<h2>Introduction</h2><p>In today's fast-paced world, keeping up with the latest trends and insights is essential for both personal growth and professional development. This article aims to shed light on a topic that resonates with many, providing valuable information and actionable advice. Whether you're seeking to enhance your knowledge, improve your skills, or simply stay informed, our comprehensive analysis offers a deep dive into the subject matter, designed to empower and inspire our readers.</p>"
+                        }
+                    ]
+                }
+            };
+
+            configUpdateAlert(editorConfig);
+
+            ClassicEditor.create(document.querySelector('#editor'), editorConfig).then(editor => {
+                const wordCount = editor.plugins.get('WordCount');
+                document.querySelector('#editor-word-count').appendChild(wordCount.wordCountContainer);
+
+                document.querySelector('#editor-menu-bar').appendChild(editor.ui.view.menuBarView.element);
+
+                return editor;
+            });
+
+            /**
+             * This function exists to remind you to update the config needed for premium features.
+             * The function can be safely removed. Make sure to also remove call to this function when doing so.
+             */
+            function configUpdateAlert(config) {
+                if (configUpdateAlert.configUpdateAlertShown) {
+                    return;
+                }
+
+                const isModifiedByUser = (currentValue, forbiddenValue) => {
+                    if (currentValue === forbiddenValue) {
+                        return false;
+                    }
+
+                    if (currentValue === undefined) {
+                        return false;
+                    }
+
+                    return true;
+                };
+
+                const valuesToUpdate = [];
+
+                configUpdateAlert.configUpdateAlertShown = true;
+
+                if (!isModifiedByUser(config.licenseKey, '<YOUR_LICENSE_KEY>')) {
+                    valuesToUpdate.push('LICENSE_KEY');
+                }
+
+                if (valuesToUpdate.length) {
+                    window.alert(
+                        [
+                            'Please update the following values in your editor config',
+                            'to receive full access to Premium Features:',
+                            '',
+                            ...valuesToUpdate.map(value => ` - ${value}`)
+                        ].join('\n')
+                    );
+                }
+            }
+
+        </script>
+
+
+
+    </x-slot>
+
+</x-app-layout>
diff --git a/routes/web.php b/routes/web.php
index 82bc7b3..8c16804 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,6 +1,7 @@
 <?php
 
 use App\Http\Controllers\PacsController;
+use App\Http\Controllers\Radiologist\ReportWriteController;
 use Illuminate\Support\Facades\Route;
 
 Route::get('/', function () {
@@ -20,4 +21,9 @@
     Route::get('/studies/{id}', [PacsController::class, 'show'])->name('studies.show');
     Route::get('/cron', [PacsController::class, 'import'])->name('studies.import');
 
+    Route::group(['prefix' => 'radiologist', 'as' => 'radiologist.'], function () {
+        Route::get('/report-write/{id}', ReportWriteController::class)->name('report-write');
+    });
 });
+
+Route::view('/ck', 'ck');