new correction on access

resources/js/vue/views/Item/List.vue

@@ -1,7 +1,7 @@
 <template>
     <div class>
         <v-container fluid>
-            <material-card class color="black" title="All Instrument" text>
+            <material-card class color="black" title="All Items" text>
                 <v-layout align-center wrap class="my-3 px-5">
                     <v-flex xs12 md3 sm3 class="WM-FlexCenter">
                         <v-icon class="fas fa-sort-numeric-up mr-2 WM-Margin-B-8"></v-icon>
@@ -31,6 +31,7 @@
           							label="Hospital"
           							color="black"
           							:items="medicalCenters"
+                        :clearable="true"
           						></v-autocomplete>
           					</v-flex>
                     <v-flex xs12 md3 sm3 class="WM-FlexCenter pl-3">
@@ -74,6 +75,9 @@
                                 <td class="title font-weight-light">{{ item.id }}</td>
                                 <!-- <td class="title font-weight-light">{{ item.unique_id }}</td> -->
                                 <td class="title font-weight-light">{{ item.name }}</td>
+                                <td
+                									class="title font-weight-light"
+                								>{{ (item.user && item.user.medical_center) ? item.user.medical_center.name : '' }}</td>
                                 <td class="title font-weight-light">{{ item.size }}</td>
                                 <td class="text-xs-right FlexBtn Height-MD-60">
                                     <v-tooltip bottom open-on-hover>
@@ -167,6 +171,11 @@ export default {
                 text: "Name",
                 value: "name"
             },
+            {
+      				sortable: true,
+      				text: "Hospital",
+      				value: "Hospital"
+      			},
             {
                 sortable: false,
                 text: "Size",