added backend product image upload

resources/css/app.css

@@ -1,7 +1,6 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-@import '~easymde/dist/easymde.min.css';
 
 .avored-input {
     @apply w-full px-3 py-2 ring-gray-300 ring-1 rounded shadow-sm appearance-none text-gray-700;

resources/lang/en/system.php

@@ -104,5 +104,6 @@
     'disabled' => 'Disabled',
     'customer_reset_password_link' => 'Customer Reset Password Link',
     'success_sent_password_reset_email_message' => 'Successfully Password Reset Email has been sent to customer',
-    'images' => 'Images'
+    'images' => 'Images',
+    'product_success_upload_message' => 'Product Document Uploaded successfully'
 ];

resources/views/catalog/product/cards/images.blade.php

@@ -1,4 +1,4 @@
-<div>
+<div x-data="fileupload" x-init="fileuploadinit">
     <label
         class="flex bg-white justify-center w-full h-32 p-4 transition border-2 border-gray-300 border-dashed rounded-md appearance-none cursor-pointer hover:border-gray-400 focus:outline-none">
         <span class="flex items-center space-x-2">
@@ -12,6 +12,33 @@ class="flex bg-white justify-center w-full h-32 p-4 transition border-2 border-g
                 <span class="text-blue-600 underline">browse</span>
             </span>
         </span>
-        <input type="file" name="file_upload" class="hidden">
+        <input type="file" x-on:change="fileOnChange" name="file_upload" class="hidden">
     </label>
-</div>
+</div>
+
+<script>
+    document.addEventListener('alpine:init', () => {
+        Alpine.data('fileupload', () => ({
+            open: false,
+
+            fileuploadinit() {
+                console.log('init')
+            },
+            fileOnChange (e) {
+                console.log(e.target.files)
+
+                var formData = new FormData();
+                formData.append("image", e.target.files[0]);
+                axios.post('/admin/product-image/10981be7-ac5b-485a-8ef6-de03584be21e', formData, {
+                    headers: {
+                        'Content-Type': 'multipart/form-data'
+                    }
+                }).then(({data}) => {
+
+
+                })
+            }
+        }))
+    })
+</script>
+

resources/views/system/components/layouts/app.blade.php

@@ -10,6 +10,7 @@
     <title>@yield('meta_title', 'AvoRed E commerce')</title>
 
     <link rel="stylesheet" href="{{ asset('vendor/avored/css/app.css') }}"></link>
+    <link rel="stylesheet" href="https://unpkg.com/easymde/dist/easymde.min.css">
 
     <livewire:styles />
     <livewire:scripts />

routes/web.php

@@ -80,6 +80,8 @@
         Route::resource('attribute', AttributeController::class);
         Route::resource('product', ProductController::class);
 
+        Route::post('product-image/{product}', [ProductController::class, 'upload']);
+
 
         /***************** USER ROUTES *****************/
         Route::resource('staff', StaffController::class);

src/Catalog/Controllers/ProductController.php

@@ -8,6 +8,7 @@
 use AvoRed\Framework\Database\Models\Product;
 use AvoRed\Framework\Tab\Tab;
 use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
 use Illuminate\Routing\Controller;
 
 class ProductController extends Controller
@@ -128,4 +129,31 @@ public function destroy(Product $product)
             'message' => __('avored::system.success_delete_message', ['product' => __('avored::system.product')])
         ]);
     }
+
+    /**
+     * Upload a product image.
+     *
+     * @param Product $product
+     * @param \Illuminate\Http\Request $request
+     * @return \Illuminate\Http\Response
+     */
+    public function upload(Product $product, Request $request)
+    {
+        $image = $request->file('image');
+
+        $path = $image->store('uploads/catalog', 'public');
+        $product->document()->create([
+            'path' => $path,
+            'mime_type' => $image->getClientMimeType(),
+            'size' => $image->getSize(),
+            'origional_name' => $image->getClientOriginalName(),
+        ]);
+
+
+        return new JsonResponse([
+            'success' => true,
+            'data' => $product->document,
+            'message' => __('avored::system.product_success_upload_message', ['product' => __('avored::system.product')])
+        ]);
+    }
 }

src/Database/Models/Product.php

@@ -72,7 +72,7 @@ public function categories()
      */
     public function document()
     {
-        return $this->morphOne(Document::class, 'documentable');
+        return $this->morphMany(Document::class, 'documentable');
     }
 
     /**