@extends('app')
@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Radiology Report Update
            <small>Preview</small>
        </h1>

        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">HR</a></li>
            <li class="active">Radiology</li>
        </ol>

    </section>

    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <!-- /.box-header -->
            <div class="box-body">
                @canany(['diagnostic-radiology-test-report-edit','diagnostic-radiology-test-report-update'])
                    <form action="{{route('update.diagnostic-radiology-test-report.post')}}" id="myForm"
                          method="POST">
                        @csrf
                        @method("PUT")
                        <input type="hidden" name="test_id" value="{{ $testReport->sale_details_id }}"/>
                        <div class="col-md-12">
                            <div class="form-group"><textarea class="form-control" id="summary-ckeditor"
                                                              name="radiology_report">
                                        {!! $testReport->service_result !!}
                                    </textarea>
                                <button type="submit" class="btn btn-info pull-right" style="margin-top: 15px">
                                    Update
                                </button>
                            </div>
                        </div>
                    </form>
                @endcanany
            </div>
        </div>
    </section>
@endsection

@section('extra-js')
@endsection
@section('script')
    <script>
        $(document).ready(function () {
            $('#doctorDatatable')
                .addClass('nowrap')
                .dataTable({
                    columnDefs: [
                        {targets: [-1, -3], className: 'dt-body-right'}
                    ]
                });

        });
    </script>
    <script src="{{ asset('assets/bower_components/ckeditor/ckeditor.js') }}"></script>
    <script>
        $(document).ready(function () {
            window.CKEDITOR_BASEPATH = '{{asset('assets/bower_components/ckeditor')}}';
            CKEDITOR.on("instanceReady", function (event) {
                event.editor.on("beforeCommandExec", function (event) {
                    // Show the paste dialog for the paste buttons and right-click paste
                    if (event.data.name == "paste") {
                        event.editor._.forcePasteDialog = true;
                    }
                    // Don't show the paste dialog for Ctrl+Shift+V
                    if (event.data.name == "pastetext" && event.data.commandData.from == "keystrokeHandler") {
                        event.cancel();
                    }
                })
            });
            CKEDITOR.getUrl('contents.css')
            CKEDITOR.replace('summary-ckeditor', {

                toolbar: [{
                    name: 'clipboard',
                    items: ['PasteFromWord', '-', 'Undo', 'Redo']
                },
                    {
                        name: 'basicstyles',
                        items: ['Bold', 'Italic', 'Underline', 'Strike', 'RemoveFormat', 'Subscript', 'Superscript']
                    },
                    {
                        name: 'links',
                        items: ['Link', 'Unlink']
                    },
                    {
                        name: 'paragraph',
                        items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote']
                    },
                    {
                        name: 'insert',
                        items: ['Image', 'Table']
                    },
                    {
                        name: 'editing',
                        items: ['Scayt']
                    },
                    '/',

                    {
                        name: 'styles',
                        items: ['Format', 'Font', 'FontSize']
                    },
                    {
                        name: 'colors',
                        items: ['TextColor', 'BGColor', 'CopyFormatting']
                    },
                    {
                        name: 'align',
                        items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']
                    },
                    {
                        name: 'document',
                        items: ['Print', 'PageBreak', 'Source']
                    }
                ],

                customConfig: '',

                extraPlugins: 'easyimage',
                removePlugins: 'image',
                cloudServices_tokenUrl: 'https://example.com/cs-token-endpoint',
                cloudServices_uploadUrl: 'https://your-organization-id.cke-cs.com/easyimage/upload/',


                uploadUrl: '/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json',

                // Configure your file manager integration. This example uses CKFinder 3 for PHP.
                filebrowserBrowseUrl: '/apps/ckfinder/3.4.5/ckfinder.html',
                filebrowserImageBrowseUrl: '/apps/ckfinder/3.4.5/ckfinder.html?type=Images',
                filebrowserUploadUrl: '/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Files',
                filebrowserImageUploadUrl: '/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Images',


                disallowedContent: 'img{width,height,float}',
                extraAllowedContent: 'img[width,height,align]',

                // Enabling extra plugins, available in the full-all preset: https://ckeditor.com/cke4/presets
                extraPlugins: 'colorbutton,font,justify,print,tableresize,uploadimage,uploadfile,pastefromword,liststyle,pagebreak',

                height: 1000,
                width: 940,


                contentsCss: [
                    'http://cdn.ckeditor.com/4.13.1/full-all/contents.css',
                    'assets/css/pastefromword.css'
                ],

                // This is optional, but will let us define multiple different styles for multiple editors using the same CSS file.
                bodyClass: 'document-editor',

                // Reduce the list of block elements listed in the Format dropdown to the most commonly used.
                format_tags: 'p;h1;h2;h3;pre',

                // Simplify the Image and Link dialog windows. The "Advanced" tab is not needed in most cases.
                removeDialogTabs: 'image:advanced;link:advanced',

                stylesSet: [
                    /* Inline Styles */
                    {
                        name: 'Marker',
                        element: 'span',
                        attributes: {
                            'class': 'marker'
                        }
                    },
                    {
                        name: 'Cited Work',
                        element: 'cite'
                    },
                    {
                        name: 'Inline Quotation',
                        element: 'q'
                    },

                    /* Object Styles */
                    {
                        name: 'Special Container',
                        element: 'div',
                        styles: {
                            padding: '5px 10px',
                            background: '#eee',
                            border: '1px solid #ccc'
                        }
                    },
                    {
                        name: 'Compact table',
                        element: 'table',
                        attributes: {
                            cellpadding: '5',
                            cellspacing: '0',
                            border: '1',
                            bordercolor: '#ccc'
                        },
                        styles: {
                            'border-collapse': 'collapse'
                        }
                    },
                    {
                        name: 'Borderless Table',
                        element: 'table',
                        styles: {
                            'border-style': 'hidden',
                            'background-color': '#E6E6FA'
                        }
                    },
                    {
                        name: 'Square Bulleted List',
                        element: 'ul',
                        styles: {
                            'list-style-type': 'square'
                        }
                    }
                ]
            });
        });
    </script>

    {{--    <script>--}}
    {{--        CKEDITOR.replace( 'summary-ckeditor',{--}}
    {{--            toolbar: [{--}}
    {{--                name: 'clipboard',--}}
    {{--                items: ['PasteFromWord', '-', 'Undo', 'Redo']--}}
    {{--            },--}}
    {{--                {--}}
    {{--                    name: 'basicstyles',--}}
    {{--                    items: ['Bold', 'Italic', 'Underline', 'Strike', 'RemoveFormat', 'Subscript', 'Superscript']--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    name: 'links',--}}
    {{--                    items: ['Link', 'Unlink']--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    name: 'paragraph',--}}
    {{--                    items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote']--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    name: 'insert',--}}
    {{--                    items: ['Image', 'Table']--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    name: 'editing',--}}
    {{--                    items: ['Scayt']--}}
    {{--                },--}}
    {{--                '/',--}}

    {{--                {--}}
    {{--                    name: 'styles',--}}
    {{--                    items: ['Format', 'Font', 'FontSize']--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    name: 'colors',--}}
    {{--                    items: ['TextColor', 'BGColor', 'CopyFormatting']--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    name: 'align',--}}
    {{--                    items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    name: 'document',--}}
    {{--                    items: ['Print', 'PageBreak', 'Source']--}}
    {{--                }--}}
    {{--            ],--}}

    {{--             customConfig: '',--}}

    {{--            // Upload images to a CKFinder connector (note that the response type is set to JSON).--}}
    {{--            uploadUrl: '/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json',--}}

    {{--            // Configure your file manager integration. This example uses CKFinder 3 for PHP.--}}
    {{--            filebrowserBrowseUrl: '/apps/ckfinder/3.4.5/ckfinder.html',--}}
    {{--            filebrowserImageBrowseUrl: '/apps/ckfinder/3.4.5/ckfinder.html?type=Images',--}}
    {{--            filebrowserUploadUrl: '/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Files',--}}
    {{--            filebrowserImageUploadUrl: '/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Images',--}}


    {{--            disallowedContent: 'img{width,height,float}',--}}
    {{--            extraAllowedContent: 'img[width,height,align]',--}}

    {{--            // Enabling extra plugins, available in the full-all preset: https://ckeditor.com/cke4/presets--}}
    {{--            extraPlugins: 'colorbutton,font,justify,print,tableresize,uploadimage,uploadfile,pastefromword,liststyle,pagebreak',--}}

    {{--            /*********************** File management support ***********************/--}}
    {{--            // In order to turn on support for file uploads, CKEditor has to be configured to use some server side--}}
    {{--            // solution with file upload/management capabilities, like for example CKFinder.--}}
    {{--            // For more information see https://ckeditor.com/docs/ckeditor4/latest/guide/dev_ckfinder_integration--}}

    {{--            // Uncomment and correct these lines after you setup your local CKFinder instance.--}}
    {{--            // filebrowserBrowseUrl: 'http://example.com/ckfinder/ckfinder.html',--}}
    {{--            // filebrowserUploadUrl: 'http://example.com/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',--}}
    {{--            /*********************** File management support ***********************/--}}

    {{--            // Make the editing area bigger than default.--}}
    {{--            height: 1000,--}}
    {{--            width: 940,--}}

    {{--            // An array of stylesheets to style the WYSIWYG area.--}}
    {{--            // Note: it is recommended to keep your own styles in a separate file in order to make future updates painless.--}}
    {{--            contentsCss: [--}}
    {{--                'http://cdn.ckeditor.com/4.13.1/full-all/contents.css',--}}
    {{--                'assets/css/pastefromword.css'--}}
    {{--            ],--}}

    {{--            // This is optional, but will let us define multiple different styles for multiple editors using the same CSS file.--}}
    {{--            bodyClass: 'document-editor',--}}

    {{--            // Reduce the list of block elements listed in the Format dropdown to the most commonly used.--}}
    {{--            format_tags: 'p;h1;h2;h3;pre',--}}

    {{--            // Simplify the Image and Link dialog windows. The "Advanced" tab is not needed in most cases.--}}
    {{--            removeDialogTabs: 'image:advanced;link:advanced',--}}

    {{--            stylesSet: [--}}
    {{--                /* Inline Styles */--}}
    {{--                {--}}
    {{--                    name: 'Marker',--}}
    {{--                    element: 'span',--}}
    {{--                    attributes: {--}}
    {{--                        'class': 'marker'--}}
    {{--                    }--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    name: 'Cited Work',--}}
    {{--                    element: 'cite'--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    name: 'Inline Quotation',--}}
    {{--                    element: 'q'--}}
    {{--                },--}}

    {{--                /* Object Styles */--}}
    {{--                {--}}
    {{--                    name: 'Special Container',--}}
    {{--                    element: 'div',--}}
    {{--                    styles: {--}}
    {{--                        padding: '5px 10px',--}}
    {{--                        background: '#eee',--}}
    {{--                        border: '1px solid #ccc'--}}
    {{--                    }--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    name: 'Compact table',--}}
    {{--                    element: 'table',--}}
    {{--                    attributes: {--}}
    {{--                        cellpadding: '5',--}}
    {{--                        cellspacing: '0',--}}
    {{--                        border: '1',--}}
    {{--                        bordercolor: '#ccc'--}}
    {{--                    },--}}
    {{--                    styles: {--}}
    {{--                        'border-collapse': 'collapse'--}}
    {{--                    }--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    name: 'Borderless Table',--}}
    {{--                    element: 'table',--}}
    {{--                    styles: {--}}
    {{--                        'border-style': 'hidden',--}}
    {{--                        'background-color': '#E6E6FA'--}}
    {{--                    }--}}
    {{--                },--}}
    {{--                {--}}
    {{--                    name: 'Square Bulleted List',--}}
    {{--                    element: 'ul',--}}
    {{--                    styles: {--}}
    {{--                        'list-style-type': 'square'--}}
    {{--                    }--}}
    {{--                }--}}
    {{--            ]--}}
    {{--        });--}}

    {{--    </script>--}}
@endsection