select the select2

package-lock.json

@@ -1827,9 +1827,9 @@
             "dev": true
         },
         "bootstrap": {
-            "version": "4.4.1",
-            "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.4.1.tgz",
-            "integrity": "sha512-tbx5cHubwE6e2ZG7nqM3g/FZ5PQEDMWmMGNrCUBVRPHXTJaH7CBDdsLeu3eCh3B1tzAxTnAbtmrzvWEvT2NNEA==",
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.0.tgz",
+            "integrity": "sha512-Z93QoXvodoVslA+PWNdk23Hze4RBYIkpb5h8I2HY2Tu2h7A0LpAgLcyrhrSUyo2/Oxm2l1fRZPs1e5hnxnliXA==",
             "dev": true
         },
         "bootstrap-v4-rtl": {
@@ -2621,9 +2621,9 @@
             }
         },
         "croppie": {
-            "version": "2.6.4",
-            "resolved": "https://registry.npmjs.org/croppie/-/croppie-2.6.4.tgz",
-            "integrity": "sha512-dK2gP7nmAuzMP8TU+JNPOmZJkMyp5VPMJxE/uvmiOC7Vzwon333eo2i9T40D5rqm9NrBJU/ovAyg7xDX2Swaiw=="
+            "version": "2.6.5",
+            "resolved": "https://registry.npmjs.org/croppie/-/croppie-2.6.5.tgz",
+            "integrity": "sha512-IlChnVUGG5T3w2gRZIaQgBtlvyuYnlUWs2YZIXXR3H9KrlO1PtBT3j+ykxvy9eZIWhk+V5SpBmhCQz5UXKrEKQ=="
         },
         "cross-env": {
             "version": "7.0.2",
@@ -7715,9 +7715,9 @@
             "dev": true
         },
         "sass": {
-            "version": "1.26.5",
-            "resolved": "https://registry.npmjs.org/sass/-/sass-1.26.5.tgz",
-            "integrity": "sha512-FG2swzaZUiX53YzZSjSakzvGtlds0lcbF+URuU9mxOv7WBh7NhXEVDa4kPKN4hN6fC2TkOTOKqiqp6d53N9X5Q==",
+            "version": "1.26.9",
+            "resolved": "https://registry.npmjs.org/sass/-/sass-1.26.9.tgz",
+            "integrity": "sha512-t8AkRVi+xvba4yZiLWkJdgJHBFCB3Dh4johniQkPy9ywkgFHNasXFEFP+RG/F6LhQ+aoE4aX+IorIWQjS0esVw==",
             "dev": true,
             "requires": {
                 "chokidar": ">=2.0.0 <4.0.0"

package.json

@@ -11,21 +11,21 @@
     },
     "devDependencies": {
         "axios": "^0.19",
-        "bootstrap": "^4.0.0",
+        "bootstrap": "^4.5.0",
         "cross-env": "^7.0",
         "jquery": "^3.2",
         "laravel-mix": "^5.0.1",
         "lodash": "^4.17.13",
         "popper.js": "^1.12",
         "resolve-url-loader": "^3.1.0",
-        "sass": "^1.15.2",
+        "sass": "^1.26.9",
         "sass-loader": "^8.0.0",
         "sweetalert": "^2.1.2",
         "vue-template-compiler": "^2.6.11"
     },
     "dependencies": {
         "bootstrap-v4-rtl": "^4.4.1-2",
-        "croppie": "^2.6.4",
+        "croppie": "^2.6.5",
         "owl.carousel": "^2.3.4",
         "select2": "^4.0.13"
     }

packages/product/src/views/index.blade.php

@@ -22,18 +22,18 @@
                         @component('components.collapse-search')
                             @slot('form')
                                 <form class="clearfix" method="GET" action="">
-                                    <div class="form-group">
-
+                                    <div class="form-group col-3">
+                                        <label for="categories">{{ __(' نام محصول') }}</label>
                                         <input type="text" class="form-control"
                                                id="query" name="productName"
                                                value="{{ request()->query('productName') }}"
-                                               placeholder=" جستجو بر اساس نام محصول ، slug ، وضعیت محصول ...">
-
-                                        <input type="text" class="form-control"
+                                               placeholder=" جستجو بر اساس نام محصول  ...">
+                                        <label for="categories">{{ __('دسته بندبی محصول') }}</label>
+                                        <input type="text" class="form-control "
                                                id="query" name="productSlug"
                                                value="{{ request()->query('productSlug') }}"
-                                               placeholder=" جستجو بر اساس نام محصول ، slug ، وضعیت محصول ...">
-
+                                               placeholder=" جستجو بر اساس نام محصول  ...">
+                                        <label for="categories">{{ __(' دسته بندی') }}</label>
                                         <input type="text" class="form-control"
                                                id="query" name="productCategory"
                                                value="{{ request()->query('productCategory') }}"

packages/product/src/views/product/create.blade.php

@@ -138,9 +138,11 @@
                                         <div class="form-group">
                                             <label for="categories">{{ __(' دسته بندی') }}</label><i class="required">&nbsp; *</i>
                                             <select id="select2" type="text"
-                                                    class="form-control select2 @error('categories') is-invalid @enderror" name="categories"
-                                                       autocomplete="categories">
+                                                    class="form-control select2  @error('categories') is-invalid @enderror" name="categories"
+                                                       autocomplete="categories"  multiple>
                                                 <option value="">انتخاب کنید</option>
+
+
                                                 @foreach($categories as $cat)
 
                                                     <option value="{{$cat->id}}">{{$cat->title}}</option>

resources/js/app.js

@@ -5,4 +5,6 @@ require('./bootstrap');
 require('sweetalert');
 require('owl.carousel');
 require('croppie/croppie');
-require('select2/dist/js/select2');
+require('select2/dist/js/select2.js');
+require('select2/src/js/select2/dropdown/closeOnSelect.js');
+require('select2/src/js/select2/i18n/en.js');