radfusion/resources/views/staff/history/edit.blade.php

@php
    $configData = App\Services\ThemeHelper::appClasses();
    $container = 'container-fluid';
    $containerNav = 'container-fluid';
    /*
    $isNavbar = false;
    $navbarType = 'layout-navbar-hidden';
    $isMenu = false;
    $navbarHideToggle = false;
    */
@endphp

@extends('layouts.layoutMaster')

@section('title', 'Info')

@section('vendor-style')
    @vite([
        'resources/fontawesome/scss/fontawesome.scss',
        'resources/fontawesome/scss/light.scss',
        'resources/assets/vendor/libs/dropzone/dropzone.scss'
    ])
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/ui/trumbowyg.min.css"
          integrity="sha512-Fm8kRNVGCBZn0sPmwJbVXlqfJmPC13zRsMElZenX6v721g/H7OukJd8XzDEBRQ2FSATK8xNF9UYvzsCtUpfeJg=="
          crossorigin="anonymous" referrerpolicy="no-referrer"/>
@endsection

@section('vendor-script')
    <script src="//code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.7.1.slim.js"><\/script>')</script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/trumbowyg.min.js"
            integrity="sha512-YJgZG+6o3xSc0k5wv774GS+W1gx0vuSI/kr0E0UylL/Qg/noNspPtYwHPN9q6n59CTR/uhgXfjDXLTRI+uIryg=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/plugins/cleanpaste/trumbowyg.cleanpaste.min.js"
            integrity="sha512-UInqT8f+K1tkck6llPo0HDxlT/Zxv8t4OGeCuVfsIlXLrnP1ZKDGb+tBsBPMqDW15OcmV8NDfQe9+EaAG4aXeg=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/dropzone.min.js"></script>
@endsection

@section('page-script')
    <script>

        $('.tw_ed').trumbowyg({
            btns: [
                ['strong', 'em'],
                ['removeformat'],
                ['viewHTML'],
                ['fullscreen']
            ],
            removeformatPasted: true
        });


        (function () {
            // previewTemplate: Updated Dropzone default previewTemplate
            // ! Don't change it unless you really know what you are doing
            const previewTemplate = `<div class="dz-preview dz-file-preview">
<div class="dz-details">
  <div class="dz-thumbnail">
    <img data-dz-thumbnail>
    <span class="dz-nopreview">No preview</span>
    <div class="dz-success-mark"></div>
    <div class="dz-error-mark"></div>
    <div class="dz-error-message"><span data-dz-errormessage></span></div>
    <div class="progress">
      <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuemin="0" aria-valuemax="100" data-dz-uploadprogress></div>
    </div>
  </div>
  <div class="dz-filename" data-dz-name></div>
  <div class="dz-size" data-dz-size></div>
</div>
</div>`;

            const dropzoneMulti = document.querySelector('#dropzone-multi');
            if (dropzoneMulti) {
                const myDropzoneMulti = new Dropzone(dropzoneMulti, {
                    paramName: 'file',
                    maxFilesize: 5, // MB
                    acceptedFiles: '.pdf,.jpg,.jpeg,.png',
                    uploadMultiple: true,
                    parallelUploads: 2,
                    headers: {
                        'X-CSRF-TOKEN': "{{ csrf_token() }}"
                    },
                    previewTemplate: previewTemplate,
                    addRemoveLinks: true
                });
            }
        })();
    </script>

@endsection

@section('content')

    @include('staff.worklist.partials._study-info-header', ['study' => $study])

    <div class="row g-6">
        <div class="col-8">

            <h2 class="font-semibold text-xl text-gray-800 leading-tight">
                {{ __('History') }}
            </h2>

            <h4>Clinical Information</h4>

            <form action="{{ route('staff.history.save', $details->hash) }}" method="post">
                @csrf
                <input type="hidden" name="study_id" value="{{ $details->hash }}">
                <h5>Clinical History</h5>
                <div class="p-4 border-gray-100">
                    <div class="tw_ed" name="clinical_history" id="clinical_history"
                    >{!! $details->clinical_history !!}</div class="tw_ed">
                </div>
                <x-section-border/>

                <h5>surgical history</h5>
                <div class="p-4 border-gray-100">
                    <div class="tw_ed" name="surgical_history" id="surgical_history"
                    >{!! $details->surgical_history !!}</div class="tw_ed">
                </div>
                <x-section-border/>

                <h5>lab results</h5>
                <div class="p-4 border-gray-100">
                    <div class="tw_ed" name="lab_results" id="lab_results"
                    >{!! $details->lab_results !!}</div class="tw_ed">
                </div>
                <x-section-border/>

                <h5>clinical diagnosis</h5>
                <div class="p-4 border-gray-100">
                    <div class="tw_ed" name="clinical_diagnosis" id="clinical_diagnosis"
                    >{!! $details->clinical_diagnosis !!}</div class="tw_ed">
                </div>

                <button class="btn btn-primary btn-lg text-end" type="submit">Save</button>
            </form>
        </div>


        <div class="col-4">

            <div class="mb-4">
                <h5>Attachments</h5>

                <!-- Dropzone area -->
                <form action="{{ route('staff.attachment.upload', $study->hash) }}" class="dropzone needsclick"
                      id="dropzone-multi">
                    @csrf
                    <div class="dz-message needsclick">
                        Drop attachments here or click to upload
                        <span class="note needsclick">Allowed files: <span class="fw-medium">JPG, PNG, PDF</span></span>
                    </div>
                    <div class="fallback">
                        <input name="file" type="file"/>
                    </div>
                </form>
            </div>

            <!-- List of uploaded files -->
            @include('staff.history.partials._uploaded-studies-list', ['study' => $study, 'allow_delete' => true])
        </div>


    </div>

@endsection