added copies

resources/js/app.js

@@ -971,6 +971,10 @@ if (document.getElementById("books_listing")) {
 			allCategoryInputs.forEach(
 				(checkbox) => (this.categoryInputs[checkbox.value] = checkbox)
 			);
+			let locationsData = document.getElementById("books_table").dataset.locationData;
+			if (locationsData) {
+                this.copies = JSON.parse(locationsData);
+            }
 		},
 	});
 }

resources/views/knowledgecafe/library/books/index.blade.php

@@ -55,7 +55,7 @@
         </div>
     </div>
     @endif
-    <div class="d-flex justify-content-start flex-wrap" id="books_table" data-books="{{ json_encode($books) }}" data-locations ="{{ json_encode($bookLocations) }}" data-categories="{{ json_encode($categories) }}" data-index-route="{{ route('books.index') }}" data-category-index-route="{{ route('books.category.index') }}" data-logged-in-user="{{ json_encode(auth()->user()) }}">
+    <div class="d-flex justify-content-start flex-wrap" id="books_table" data-books="{{ json_encode($books) }}" data-locations ="{{ json_encode($bookLocations) }}" data-categories="{{ json_encode($categories) }}" data-index-route="{{ route('books.index') }}" data-category-index-route="{{ route('books.category.index') }}" data-logged-in-user="{{ json_encode(auth()->user()) }}" data-location-data = '@json($bookLocations->pluck("number_of_copies", "location.id"))' >
         <div class="d-flex flex-wrap w-full">
             <div v-for="(book, index) in books" class="col-lg-4 col-md-5 col-8 card book_card  mr-1 mb-3 p-2 mr-lg-4">
                 <div class="d-flex">
@@ -164,3 +164,16 @@
     @include('knowledgecafe.library.books.update-category-modal')
 </div>
 @endsection
+
+<script>
+    export default {
+        data() {
+            return {
+                copies: @json($bookLocations->pluck('number_of_copies', 'location.id'))
+            }
+        },
+        mounted() {
+            console.log(this.copies);
+        }
+    }
+</script>