diff --git a/boranga/components/occurrence/api.py b/boranga/components/occurrence/api.py
index 063b93f9..628342e3 100644
--- a/boranga/components/occurrence/api.py
+++ b/boranga/components/occurrence/api.py
@@ -75,6 +75,7 @@
     LocationAccuracy,
     Location,
     ObserverDetail,
+    OccurrenceReportDocument,
 )
 from boranga.components.occurrence.serializers import(
     ListOccurrenceReportSerializer,
@@ -94,6 +95,8 @@
     ListInternalOccurrenceReportSerializer,
     OccurrenceReportUserActionSerializer,
     OccurrenceReportLogEntrySerializer,
+    OccurrenceReportDocumentSerializer,
+    SaveOccurrenceReportDocumentSerializer,
 )
 
 from boranga.components.occurrence.utils import (
@@ -1051,6 +1054,29 @@ def add_comms_log(self, request, *args, **kwargs):
             print(traceback.print_exc())
             raise serializers.ValidationError(str(e))
 
+    @detail_route(methods=['GET',], detail=True)
+    def documents(self, request, *args, **kwargs):
+        try:
+            instance = self.get_object()
+            qs = instance.documents.all()
+            if is_internal(self.request):
+                qs = qs
+            elif is_customer(self.request):
+                qs = qs.filter(Q(uploaded_by=request.user.id))
+            # qs = qs.exclude(input_name='occurrence_report_approval_doc') # TODO do we need/not to show approval doc in cs documents tab
+            qs = qs.order_by('-uploaded_date')
+            serializer = OccurrenceReportDocumentSerializer(qs,many=True, context={'request':request})
+            return Response(serializer.data)
+        except serializers.ValidationError:
+            print(traceback.print_exc())
+            raise
+        except ValidationError as e:
+            print(traceback.print_exc())
+            raise serializers.ValidationError(repr(e.error_dict))
+        except Exception as e:
+            print(traceback.print_exc())
+            raise serializers.ValidationError(str(e))
+
 
 class ObserverDetailViewSet(viewsets.ModelViewSet):
     queryset = ObserverDetail.objects.all().order_by('id')
@@ -1090,5 +1116,79 @@ def create(self, request, *args, **kwargs):
             raise serializers.ValidationError(str(e))
 
 
+class OccurrenceReportDocumentViewSet(viewsets.ModelViewSet):
+    queryset = OccurrenceReportDocument.objects.all().order_by('id')
+    serializer_class = OccurrenceReportDocumentSerializer
+
+    @detail_route(methods=['GET',], detail=True)
+    def discard(self, request, *args, **kwargs):
+        try:
+            instance = self.get_object()
+            instance.visible = False
+            instance.save()
+            serializer = self.get_serializer(instance)
+            return Response(serializer.data)
+        except serializers.ValidationError:
+            print(traceback.print_exc())
+            raise
+        except ValidationError as e:
+            print(traceback.print_exc())
+            raise serializers.ValidationError(repr(e.error_dict))
+        except Exception as e:
+            print(traceback.print_exc())
+            raise serializers.ValidationError(str(e))
+    
+    @detail_route(methods=['GET',], detail=True)
+    def reinstate(self, request, *args, **kwargs):
+        try:
+            instance = self.get_object()
+            instance.visible = True
+            instance.save()
+            serializer = self.get_serializer(instance)
+            return Response(serializer.data)
+        except serializers.ValidationError:
+            print(traceback.print_exc())
+            raise
+        except ValidationError as e:
+            print(traceback.print_exc())
+            raise serializers.ValidationError(repr(e.error_dict))
+        except Exception as e:
+            print(traceback.print_exc())
+            raise serializers.ValidationError(str(e))
+    
+    def update(self, request, *args, **kwargs):
+        try:
+            instance = self.get_object()
+            serializer = SaveOccurrenceReportDocumentSerializer(instance, data=json.loads(request.data.get('data')))
+            serializer.is_valid(raise_exception=True)
+            serializer.save()
+            instance.add_documents(request)
+            instance.uploaded_by = request.user.id
+            instance.save()
+            return Response(serializer.data)
+        except Exception as e:
+            print(traceback.print_exc())
+            raise serializers.ValidationError(str(e))
 
 
+    def create(self, request, *args, **kwargs):
+        try:
+            serializer = SaveOccurrenceReportDocumentSerializer(data= json.loads(request.data.get('data')))
+            serializer.is_valid(raise_exception = True)
+            instance = serializer.save()
+            instance.add_documents(request)
+            instance.uploaded_by = request.user.id
+            instance.save()
+            return Response(serializer.data)
+        except serializers.ValidationError:
+            print(traceback.print_exc())
+            raise
+        except ValidationError as e:
+            if hasattr(e,'error_dict'):
+                raise serializers.ValidationError(repr(e.error_dict))
+            else:
+                if hasattr(e,'message'):
+                    raise serializers.ValidationError(e.message)
+        except Exception as e:
+            print(traceback.print_exc())
+            raise serializers.ValidationError(str(e))
diff --git a/boranga/components/occurrence/models.py b/boranga/components/occurrence/models.py
index f5a883bf..cd3c9e9f 100644
--- a/boranga/components/occurrence/models.py
+++ b/boranga/components/occurrence/models.py
@@ -50,6 +50,9 @@
 def update_occurrence_report_comms_log_filename(instance, filename):
     return '{}/occurrence_report/{}/communications/{}'.format(settings.MEDIA_APP_DIR, instance.log_entry.occurrence_report.id,filename)
 
+def update_occurrence_report_doc_filename(instance, filename):
+    return '{}/occurrence_report/{}/documents/{}'.format(settings.MEDIA_APP_DIR, instance.occurrence_report.id,filename)
+
 
 class OccurrenceReport(models.Model):
     """
@@ -1224,3 +1227,56 @@ class Meta:
 
     def __str__(self):
         return str(self.occurrence_report)
+
+
+class OccurrenceReportDocument(Document):
+    document_number = models.CharField(max_length=9, blank=True, default='')
+    occurrence_report = models.ForeignKey('OccurrenceReport',related_name='documents', on_delete=models.CASCADE)
+    _file = models.FileField(upload_to=update_occurrence_report_doc_filename, max_length=512, storage=private_storage)
+    input_name = models.CharField(max_length=255,null=True,blank=True)
+    can_delete = models.BooleanField(default=True) # after initial submit prevent document from being deleted
+    can_hide= models.BooleanField(default=False) # after initial submit, document cannot be deleted but can be hidden
+    hidden=models.BooleanField(default=False) # after initial submit prevent document from being deleted # Priya alternatively used below visible field in boranga
+    visible = models.BooleanField(default=True) # to prevent deletion on file system, hidden and still be available in history
+    document_category = models.ForeignKey(DocumentCategory,
+                                          null=True,
+                                          blank=True,
+                                          on_delete=models.SET_NULL)
+    document_sub_category = models.ForeignKey(DocumentSubCategory,
+                                          null=True,
+                                          blank=True,
+                                          on_delete=models.SET_NULL)
+    uploaded_by = models.IntegerField(null=True)  # EmailUserRO
+
+    class Meta:
+        app_label = 'boranga'
+        verbose_name = "Occurrence Report Document"
+
+    def save(self, *args, **kwargs):
+        # Prefix "D" char to document_number.
+        super(OccurrenceReportDocument, self).save(*args,**kwargs)
+        if self.document_number == '':
+            new_document_id = 'D{}'.format(str(self.pk))
+            self.document_number = new_document_id
+            self.save()
+
+    def add_documents(self, request):
+        with transaction.atomic():
+            try:
+                # save the files
+                data = json.loads(request.data.get('data'))
+                # if not data.get('update'):
+                #     documents_qs = self.filter(input_name='species_doc', visible=True)
+                #     documents_qs.delete()
+                for idx in range(data['num_files']):
+                    _file = request.data.get('file-'+str(idx))
+                    self._file=_file
+                    self.name=_file.name
+                    self.input_name = data['input_name']
+                    self.can_delete = True
+                    self.save()
+                # end save documents
+                self.save()
+            except:
+                raise
+        return
diff --git a/boranga/components/occurrence/serializers.py b/boranga/components/occurrence/serializers.py
index f15ab361..d4383e6d 100644
--- a/boranga/components/occurrence/serializers.py
+++ b/boranga/components/occurrence/serializers.py
@@ -28,6 +28,7 @@
     OccurrenceReportGeometry,
     OccurrenceReportLogEntry,
     OccurrenceReportUserAction,
+    OccurrenceReportDocument,
     )
 
 from boranga.components.users.serializers import UserSerializer
@@ -893,3 +894,50 @@ class Meta:
 
     def get_documents(self, obj):
         return [[d.name, d._file.url] for d in obj.documents.all()]
+
+
+class OccurrenceReportDocumentSerializer(serializers.ModelSerializer):
+	document_category_name = serializers.SerializerMethodField()
+	document_sub_category_name = serializers.SerializerMethodField()
+	class Meta:
+		model = OccurrenceReportDocument
+		fields = (
+			'id',
+			'document_number',
+			'occurrence_report',
+			'name',
+			'_file',
+			'description',
+			'input_name',
+			'uploaded_date',
+			'document_category',
+			'document_category_name',
+			'document_sub_category',
+			'document_sub_category_name',
+			'visible',
+		)
+		read_only_fields = ('id','document_number')
+
+	def get_document_category_name(self,obj):
+		if obj.document_category:
+			return obj.document_category.document_category_name
+
+	def get_document_sub_category_name(self,obj):
+		if obj.document_sub_category:
+			return obj.document_sub_category.document_sub_category_name
+
+
+class SaveOccurrenceReportDocumentSerializer(serializers.ModelSerializer):
+	class Meta:
+		model = OccurrenceReportDocument
+		fields = (
+			'id',
+			'occurrence_report',
+			'name',
+			'description',
+			'input_name',
+			'uploaded_date',
+			'document_category',
+			'document_sub_category',
+            )
+
diff --git a/boranga/components/users/serializers.py b/boranga/components/users/serializers.py
index 44d63627..b5ce9cae 100755
--- a/boranga/components/users/serializers.py
+++ b/boranga/components/users/serializers.py
@@ -123,7 +123,7 @@ class UserSerializer(serializers.ModelSerializer):
     is_department_user = serializers.SerializerMethodField()
     #is_payment_admin = serializers.SerializerMethodField()
     system_settings= serializers.SerializerMethodField()
-    is_payment_admin = serializers.SerializerMethodField()
+    # is_payment_admin = serializers.SerializerMethodField()
     is_boranga_admin = serializers.SerializerMethodField()    
 
     class Meta:
diff --git a/boranga/frontend/boranga/src/api.js b/boranga/frontend/boranga/src/api.js
index 5c7401ff..c9c9510f 100644
--- a/boranga/frontend/boranga/src/api.js
+++ b/boranga/frontend/boranga/src/api.js
@@ -141,6 +141,7 @@ module.exports = {
 
     occurrence_report:"/api/occurrence_report",
     observer_detail:"/api/observer_detail.json",
+    occurrence_report_documents:"/api/occurrence_report_documents.json",
 
     //approvals_paginated:"/api/approvals/user_list_paginated/?format=datatables",
     //compliances_paginated:"/api/compliances/user_list_paginated/?format=datatables",
diff --git a/boranga/frontend/boranga/src/components/common/occurrence/ocr_documents.vue b/boranga/frontend/boranga/src/components/common/occurrence/ocr_documents.vue
new file mode 100644
index 00000000..950ab794
--- /dev/null
+++ b/boranga/frontend/boranga/src/components/common/occurrence/ocr_documents.vue
@@ -0,0 +1,361 @@
+<template lang="html">
+    <div id="ocr_documents">
+        <FormSection :formCollapse="false" label="Documents" Index="documents">
+            <small style="color: red;"><br>(Do not upload Management or Recovery Plans here)</small>
+            <form class="form-horizontal" action="index.html" method="post">
+                <div class="col-sm-12">
+                    <div class="text-end">
+                        <button type="button" class="btn btn-primary mb-2 " @click.prevent="newDocument">
+                            <i class="fa-solid fa-circle-plus"></i>
+                                Add Document
+                        </button>
+                    </div>
+                </div>
+                <div>
+                    <datatable ref="documents_datatable" :id="panelBody" :dtOptions="documents_options"
+                    :dtHeaders="documents_headers"/>
+                </div>
+            </form>
+        </FormSection>
+        <DocumentDetail ref="document_detail" @refreshFromResponse="refreshFromResponse" :url="ocr_document_url"></DocumentDetail>
+    </div>
+</template>
+<script>
+import Vue from 'vue' 
+import datatable from '@vue-utils/datatable.vue';
+import DocumentDetail from '@/components/common/add_document.vue'
+import FormSection from '@/components/forms/section_toggle.vue';
+import {
+  api_endpoints,
+  helpers,
+}
+from '@/utils/hooks'
+
+
+export default {
+        name: 'OCRDocuments',
+        props:{
+            occurrence_report_obj:{
+                type: Object,
+                required:true
+            },
+        },
+        data:function () {
+            let vm = this;
+            return{
+                uuid:0,
+                panelBody: "ocr-documents-"+vm._uid,
+                values:null,
+                ocr_document_url: api_endpoints.occurrence_report_documents,
+                documents_headers:['Number','Category', 'Sub Category','Document','Description','Date/Time','Action'],
+                documents_options:{
+                    autowidth: true,
+                    language:{
+                        processing: "<i class='fa fa-4x fa-spinner'></i>"
+                    },
+                    responsive: true,
+                    searching: true,
+                     //  to show the "workflow Status","Action" columns always in the last position
+                    columnDefs: [
+                        { responsivePriority: 1, targets: 0 },
+                        { responsivePriority: 2, targets: -1 },
+                    ],
+                    ajax:{
+                        "url": helpers.add_endpoint_json(api_endpoints.occurrence_report,vm.occurrence_report_obj.id+'/documents'),
+                        "dataSrc": ''
+                    },
+                    order: [],
+                    dom: "<'d-flex align-items-center'<'me-auto'l>fB>" +
+                         "<'row'<'col-sm-12'tr>>" +
+                         "<'d-flex align-items-center'<'me-auto'i>p>",
+                    buttons:[
+                        {
+                            extend: 'excel',
+                            text: '<i class="fa-solid fa-download"></i> Excel',
+                            className: 'btn btn-primary me-2 rounded',
+                            exportOptions: {
+                                orthogonal: 'export' 
+                            }
+                        },
+                        {
+                            extend: 'csv',
+                            text: '<i class="fa-solid fa-download"></i> CSV',
+                            className: 'btn btn-primary rounded',
+                            exportOptions: {
+                                orthogonal: 'export' 
+                            }
+                        },
+                    ],
+                    columns: [
+                        {
+                            data: "document_number",
+                            orderable: true,
+                            searchable: true,
+                            mRender: function(data,type,full){
+                                if(full.visible)
+                                {
+                                    return full.document_number;
+                                }
+                                else{
+                                    return '<s>'+ full.document_number + '</s>'
+                                }
+                            },
+
+                        },
+                        {
+                            data: "document_category_name",
+                            orderable: true,
+                            searchable: true,
+                            mRender: function(data,type,full){
+                                if(full.visible){
+                                    return full.document_category_name;
+                                }
+                                else{
+                                    return '<s>'+ full.document_category_name + '</s>'
+                                }
+                            },
+
+                        },
+                        {
+                            data: "document_sub_category_name",
+                            orderable: true,
+                            searchable: true,
+                            mRender: function(data,type,full){
+                                if(full.visible){
+                                    return full.document_sub_category_name;
+                                }
+                                else{
+                                    return '<s>'+ full.document_sub_category_name + '</s>'
+                                }
+                            },
+
+                        },
+                        {
+                            data: "name",
+                            orderable: true,
+                            searchable: true,
+                            mRender: function(data,type,full){
+                                let links='';
+                                if(full.visible){
+                                    links+='<a href="'+ full._file+'" target="_blank"><p>' + full.name + '</p></a>' ;
+                                }else{
+                                    links+='<s>'+ full.name +'</s>';
+                                }
+                                return links;
+                            },
+
+                        },
+                        {
+                            data: "description",
+                            orderable: true,
+                            searchable: true,
+                            'render': function(value, type, full){
+                                let result = helpers.dtPopover(value, 30, 'hover');
+                                if(full.visible){
+                                    return type=='export' ? value : result;
+                                }else{
+                                    return type=='export' ? value : '<s>'+ result + '</s>';
+                                }
+                            },
+                        },
+                        {
+                            data: "uploaded_date",
+                            mRender:function (data,type,full){
+                                if(full.visible){
+                                    return data != '' && data != null ? moment(data).format('DD/MM/YYYY HH:mm'):'';
+                                }else{
+                                    return data != '' && data != null ? '<s>'+ moment(data).format('DD/MM/YYYY HH:mm') + '</s>':'';
+                                }
+                            }
+                        },
+                        {
+                            data: "id",
+                            mRender:function (data,type,full){
+                                let links = '';
+                                if(full.visible){
+                                    links +=  `<a href='#${full.id}' data-edit-document='${full.id}'>Edit</a><br/>`;
+                                    links += `<a href='#' data-discard-document='${full.id}'>Remove</a><br>`;
+                                }
+                                else{
+                                    links += `<a href='#' data-reinstate-document='${full.id}'>Reinstate</a><br>`;
+                                }
+                                return links;
+                            }
+                        },
+                    ],
+                    processing:true,
+                    initComplete: function() {
+                        helpers.enablePopovers();
+                        // to fix the responsive table overflow css on tab switch
+                        // vm.$refs.documents_datatable.vmDataTable.draw('page');
+                        setTimeout(function (){
+                            vm.adjust_table_width();
+                        },100);
+                    }, 
+                }
+            }
+        },
+        components: {
+            FormSection,
+            datatable,
+            DocumentDetail,
+        },
+        computed: {
+        },
+        watch:{
+            
+        },
+        methods:{
+            newDocument: function(){
+                let vm=this;
+                this.$refs.document_detail.document_id = '';
+                //this.$refs.edit_park.fetchPark(id);
+                var new_document_another={
+                    occurrence_report: vm.occurrence_report_obj.id,
+                    input_name: 'occurrence_report_doc',
+                    description: '',
+                    document_category: '',
+                    document_sub_category: '',
+                    uploaded_date: null,
+                }
+                this.$refs.document_detail.documentObj=new_document_another;
+                this.$refs.document_detail.uploaded_document=[];
+                this.$refs.document_detail.document_action='add';
+                this.$refs.document_detail.title='Add a new Document';
+                this.$refs.document_detail.isModalOpen = true;
+            },
+            editDocument: function(id){
+                let vm=this;
+                this.$refs.document_detail.document_id = id;
+                this.$refs.document_detail.document_action='edit';
+                this.$refs.document_detail.title='Edit a Document';
+                Vue.http.get(helpers.add_endpoint_json(api_endpoints.occurrence_report_documents,id)).then((response) => {
+                      this.$refs.document_detail.documentObj=response.body; 
+                      this.$refs.document_detail.documentObj.uploaded_date =  response.body.uploaded_date != null && response.body.uploaded_date != undefined ? moment(response.body.uploaded_date).format('yyyy-MM-DDTHH:mm'): '';
+                      this.$refs.document_detail.uploaded_document = [response.body];
+                      //-----this method is called as it wasn't fetching subcategory
+                      this.$refs.document_detail.fetchSubCategory(response.body.document_category);
+                          
+                    },
+                  err => { 
+                            console.log(err);
+                      });
+                //this.$refs.document_detail.fetchSpeciesDocument(id);
+                this.$refs.document_detail.isModalOpen = true;
+            },
+            discardDocument:function (id) {
+                let vm = this;
+                swal.fire({
+                    title: "Remove Document",
+                    text: "Are you sure you want to remove this Document?",
+                    icon: "warning",
+                    showCancelButton: true,
+                    confirmButtonText: 'Remove Document',
+                    confirmButtonColor:'#d9534f'
+                }).then((result) => {
+                    if(result.isConfirmed){
+                        vm.$http.get(helpers.add_endpoint_json(api_endpoints.occurrence_report_documents,id+'/discard'))
+                        .then((response) => {
+                            swal.fire({
+                                title: 'Discarded',
+                                text: 'Your document has been removed',
+                                icon: 'success',
+                                confirmButtonColor:'#226fbb'
+                            });
+                            vm.$refs.documents_datatable.vmDataTable.ajax.reload();
+                        }, (error) => {
+                            console.log(error);
+                        });
+                    }
+                },(error) => {
+
+                });
+            },
+            reinstateDocument:function (id) {
+                let vm = this;
+                swal.fire({
+                    title: "Reinstate Document",
+                    text: "Are you sure you want to Reinstate this Document?",
+                    icon: "question",
+                    showCancelButton: true,
+                    confirmButtonText: 'Reinstate Document',
+                    confirmButtonColor:'#226fbb'
+                }).then((result) => {
+                    if(result.isConfirmed){
+                        vm.$http.get(helpers.add_endpoint_json(api_endpoints.occurrence_report_documents,id+'/reinstate'))
+                        .then((response) => {
+                            swal.fire({
+                                title: 'Reinstated',
+                                text: 'Your document has been reinstated',
+                                icon: 'success',
+                                confirmButtonColor: '#226fbb'
+                            });
+                            vm.$refs.documents_datatable.vmDataTable.ajax.reload();
+                        }, (error) => {
+                            console.log(error);
+                        });
+                    }
+                },(error) => {
+
+                });
+            },
+            updatedDocuments(){
+                this.$refs.documents_datatable.vmDataTable.ajax.reload();
+            },
+            addEventListeners:function (){
+                let vm=this;
+                vm.$refs.documents_datatable.vmDataTable.on('click', 'a[data-edit-document]', function(e) {
+                    e.preventDefault();
+                    var id = $(this).attr('data-edit-document');
+                    vm.editDocument(id);
+                });
+                // External Discard listener
+                vm.$refs.documents_datatable.vmDataTable.on('click', 'a[data-discard-document]', function(e) {
+                    e.preventDefault();
+                    var id = $(this).attr('data-discard-document');
+                    vm.discardDocument(id);
+                });
+                // External Reinstate listener
+                vm.$refs.documents_datatable.vmDataTable.on('click', 'a[data-reinstate-document]', function(e) {
+                    e.preventDefault();
+                    var id = $(this).attr('data-reinstate-document');
+                    vm.reinstateDocument(id);
+                });
+            },
+            refreshFromResponse: function(){
+                this.$refs.documents_datatable.vmDataTable.ajax.reload();
+            },
+            adjust_table_width: function(){
+                this.$refs.documents_datatable.vmDataTable.columns.adjust().responsive.recalc();
+            },
+        },
+        mounted: function(){
+            let vm = this;
+            this.$nextTick(() => {
+                vm.addEventListeners();
+                //vm.initialiseSearch();
+            });
+        },
+
+    }
+</script>
+
+<style lang="css" scoped>
+    /*ul, li {
+        zoom:1;
+        display: inline;
+    }*/
+    fieldset.scheduler-border {
+    border: 1px groove #ddd !important;
+    padding: 0 1.4em 1.4em 1.4em !important;
+    margin: 0 0 1.5em 0 !important;
+    -webkit-box-shadow:  0px 0px 0px 0px #000;
+            box-shadow:  0px 0px 0px 0px #000;
+    }
+    legend.scheduler-border {
+    width:inherit; /* Or auto */
+    padding:0 10px; /* To give a bit of padding on the left and right */
+    border-bottom:none;
+    }
+</style>
+
diff --git a/boranga/frontend/boranga/src/components/form_occurrence_report.vue b/boranga/frontend/boranga/src/components/form_occurrence_report.vue
index 92ff843d..aa46c2ad 100644
--- a/boranga/frontend/boranga/src/components/form_occurrence_report.vue
+++ b/boranga/frontend/boranga/src/components/form_occurrence_report.vue
@@ -42,6 +42,19 @@
                   Observation
                 </a>
               </li>
+              <li class="nav-item">
+                <a 
+                    class="nav-link" 
+                    id="pills-documents-tab" 
+                    data-bs-toggle="pill" 
+                    :href="'#' + documentBody" 
+                    role="tab" 
+                    :aria-selected="documentBody" 
+                    aria-selected="false"
+                    @click="tabClicked()">
+                  Documents
+                </a>
+              </li>
               <!-- <li class="nav-item">
                 <a 
                   class="nav-link" 
@@ -88,6 +101,15 @@
                     :occurrence_report_obj="occurrence_report_obj">
                 </OCRObservation>
               </div>
+              <div class="tab-pane fade" :id="documentBody" role="tabpanel" aria-labelledby="pills-documents-tab">
+                <OCRDocuments
+                    :key="reloadcount"
+                    ref="ocr_documents" 
+                    id="ocrDocuments" 
+                    :is_internal="is_internal"
+                    :occurrence_report_obj="occurrence_report_obj">
+                </OCRDocuments>
+              </div>
               <!-- <div class="tab-pane fade" :id="relatedItemBody" role="tabpanel" aria-labelledby="pills-related-items-tab">
                 <RelatedItems
                     :key="reloadcount" 
@@ -109,6 +131,7 @@
     import OCRObservation from '@/components/common/occurrence/ocr_observation.vue'
     // import OCRHabitat from '@/components/common/conservation_status/cs_documents.vue'
     // import RelatedItems from '@/components/common/table_related_items.vue'
+    import OCRDocuments from '@/components/common/occurrence/ocr_documents.vue'
     
     export default {
         props:{
@@ -142,6 +165,7 @@
                 locationBody: 'locationBody' + vm._uid,
                 habitatBody: 'habitatBody' + vm._uid,
                 observationBody: 'observationBody' + vm._uid,
+                threatsBody: 'threatsBody' + vm._uid,
                 documentBody: 'documentBody' + vm._uid,
                 relatedItemBody: 'relatedItemBody' + vm._uid,
             }
@@ -150,6 +174,7 @@
             OCRLocation,
             OCRHabitat,
             OCRObservation,
+            OCRDocuments,
             // CommunityStatus,
             // CSDocuments,
             // RelatedItems,
diff --git a/boranga/migrations/0187_occurrencereportdocument.py b/boranga/migrations/0187_occurrencereportdocument.py
new file mode 100644
index 00000000..b1013984
--- /dev/null
+++ b/boranga/migrations/0187_occurrencereportdocument.py
@@ -0,0 +1,38 @@
+# Generated by Django 3.2.23 on 2024-01-23 02:09
+
+import boranga.components.occurrence.models
+import django.core.files.storage
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('boranga', '0186_auto_20240112_1540'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='OccurrenceReportDocument',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(blank=True, max_length=255, verbose_name='name')),
+                ('description', models.TextField(blank=True, verbose_name='description')),
+                ('uploaded_date', models.DateTimeField(auto_now_add=True)),
+                ('document_number', models.CharField(blank=True, default='', max_length=9)),
+                ('_file', models.FileField(max_length=512, storage=django.core.files.storage.FileSystemStorage(base_url='/private-media/', location='/data/data/projects/boranga/private-media/'), upload_to=boranga.components.occurrence.models.update_occurrence_report_doc_filename)),
+                ('input_name', models.CharField(blank=True, max_length=255, null=True)),
+                ('can_delete', models.BooleanField(default=True)),
+                ('can_hide', models.BooleanField(default=False)),
+                ('hidden', models.BooleanField(default=False)),
+                ('visible', models.BooleanField(default=True)),
+                ('document_category', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, to='boranga.documentcategory')),
+                ('document_sub_category', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, to='boranga.documentsubcategory')),
+                ('occurrence_report', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='documents', to='boranga.occurrencereport')),
+            ],
+            options={
+                'verbose_name': 'Occurrence Report Document',
+            },
+        ),
+    ]
diff --git a/boranga/migrations/0188_occurrencereportdocument_added_by.py b/boranga/migrations/0188_occurrencereportdocument_added_by.py
new file mode 100644
index 00000000..f5d4302e
--- /dev/null
+++ b/boranga/migrations/0188_occurrencereportdocument_added_by.py
@@ -0,0 +1,18 @@
+# Generated by Django 3.2.23 on 2024-01-24 05:05
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('boranga', '0187_occurrencereportdocument'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='occurrencereportdocument',
+            name='added_by',
+            field=models.IntegerField(null=True),
+        ),
+    ]
diff --git a/boranga/migrations/0189_rename_added_by_occurrencereportdocument_uploaded_by.py b/boranga/migrations/0189_rename_added_by_occurrencereportdocument_uploaded_by.py
new file mode 100644
index 00000000..9dfc1cce
--- /dev/null
+++ b/boranga/migrations/0189_rename_added_by_occurrencereportdocument_uploaded_by.py
@@ -0,0 +1,18 @@
+# Generated by Django 3.2.23 on 2024-01-24 05:32
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('boranga', '0188_occurrencereportdocument_added_by'),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name='occurrencereportdocument',
+            old_name='added_by',
+            new_name='uploaded_by',
+        ),
+    ]
diff --git a/boranga/urls.py b/boranga/urls.py
index ac56c5f3..ca293519 100755
--- a/boranga/urls.py
+++ b/boranga/urls.py
@@ -66,6 +66,8 @@
 router.register(r'occurrence_report',occurrence_api.OccurrenceReportViewSet)
 router.register(r'occurrence_report_paginated',occurrence_api.OccurrenceReportPaginatedViewSet)
 router.register(r'observer_detail',occurrence_api.ObserverDetailViewSet)
+router.register(r'occurrence_report_documents',occurrence_api.OccurrenceReportDocumentViewSet)
+
 router.register(r'proposal_submit',proposal_api.ProposalSubmitViewSet)
 router.register(r'proposal_paginated',proposal_api.ProposalPaginatedViewSet)
 router.register(r'approval_paginated',approval_api.ApprovalPaginatedViewSet)
@@ -78,7 +80,7 @@
 router.register(r'organisation_requests',org_api.OrganisationRequestsViewSet)
 router.register(r'organisation_contacts',org_api.OrganisationContactViewSet)
 router.register(r'my_organisations',org_api.MyOrganisationsViewSet)
-router.register(r'users',users_api.UserViewSet)
+# router.register(r'users',users_api.UserViewSet)
 router.register(r'amendment_request',proposal_api.AmendmentRequestViewSet)
 router.register(r'compliance_amendment_request',compliances_api.ComplianceAmendmentRequestViewSet)
 router.register(r'global_settings', main_api.GlobalSettingsViewSet)