fix: master member

app/Http/Controllers/MemberController.php

@@ -7,6 +7,8 @@ use App\Http\Requests\Member\UpdateMemberRequest;
 use App\Models\Member;
 use App\Models\TypeMember;
 use App\Models\TypeVehicle;
+use Illuminate\Database\QueryException;
+use Illuminate\Support\Facades\DB;
 use Inertia\Inertia;
 
 class MemberController extends Controller
@@ -29,9 +31,10 @@ class MemberController extends Controller
                     'updatedAt' => $member->updated_at,
                     'name' => $member->name,
                     'phone' => $member->phone,
-                    'platNumber' => $member->plat_number,
+                    'platNumber' => $member->vehicleDetail(),
                     'type' => $member->typeMember->type,
                     'price' => $member->typeMember->price,
+                    'expDate' => $member->exp_date,
                 ]),
         ]);
     }
@@ -71,29 +74,42 @@ class MemberController extends Controller
      */
     public function store(StoreMemberRequest $request)
     {
-        dd(request());
+        DB::beginTransaction();
 
-        $member = Member::create([
-            'name' => $request->name,
-            'phone' => $request->phone,
-            'exp_date' => now()->addDays(30),
-            'type_member_id' => $request->type_member_id,
-        ]);
+        try {
+            $member = Member::create([
+                'name' => $request->name,
+                'phone' => $request->phone,
+                'exp_date' => now()->addDays(30),
+                'type_member_id' => $request->type_member_id,
+            ]);
 
-        $member->topUps()->create([
-            'amount' => TypeMember::find($request->type_member_id)->getRawOriginal('price'),
-            'exp_date' => now()->addDays(30),
-            'user_id' => auth()->user()->id,
-        ]);
+            foreach ($request->vehicles as $vehicle) {
+                $member->vehicles()->create([
+                    'plat_number' => $vehicle['platNumber'],
+                    'type_vehicle_id' => $vehicle['typeVehicleId'],
+                ]);
+            }
 
-        foreach ($request->vehicles as $vehicle) {
-            $member->vehicles()->create([
-                'plat_number' => $vehicle['platNumber'],
-                'type_vehicle_id' => $vehicle['typeVehicleId'],
+            $topUp = $member->topUps()->create([
+                'amount' => TypeMember::find($request->type_member_id)->getRawOriginal('price'),
+                'exp_date' => now()->addDays(30),
+                'user_id' => auth()->user()->id,
             ]);
-        }
 
-        return back()->with('success', __('messages.success.store.member'));
+            $topUp->mutation()->create([
+                'type' => 1,
+                'amount' => TypeMember::find($request->type_member_id)->getRawOriginal('price'),
+            ]);
+
+            DB::commit();
+
+            return back()->with('success', __('messages.success.store.member'));
+        } catch (QueryException $e) {
+            DB::rollBack();
+
+            return back()->with('success', __('messages.error.store.member'));
+        }
     }
 
     /**
@@ -120,13 +136,7 @@ class MemberController extends Controller
                 'id' => $member->id,
                 'name' => $member->name,
                 'phone' => $member->phone,
-                'plat_number' => $member->plat_number,
-                'type_member_id' => $member->type_member_id,
             ],
-            'typeMembers' => TypeMember::get()->transform(fn($typeMember) => [
-                'label' => $typeMember->type,
-                'value' => $typeMember->id,
-            ]),
         ]);
     }
 
@@ -150,7 +160,7 @@ class MemberController extends Controller
      * @param  Member  $member
      * @return \Illuminate\Http\Response
      */
-    public function destroy($member)
+    public function destroy(Member $member)
     {
         $member->delete();
 

app/Http/Requests/Member/StoreMemberRequest.php

@@ -27,6 +27,7 @@ class StoreMemberRequest extends FormRequest
             'name' => 'required|string|max:50',
             'phone' => 'required|numeric|min:12|unique:members,phone',
             'type_member_id' => 'required|numeric',
+            'vehicles.*.platNumber' => 'unique:vehicles,plat_number',
         ];
     }
 }

app/Http/Requests/Member/UpdateMemberRequest.php

@@ -26,7 +26,6 @@ class UpdateMemberRequest extends FormRequest
         return [
             'name' => 'required|string|max:50',
             'phone' => 'required|numeric|min:12|unique:members,phone,' . $this->member->id,
-            'type_member_id' => 'required|numeric',
         ];
     }
 }

app/Models/Member.php

@@ -25,6 +25,13 @@ class Member extends Model
         );
     }
 
+    protected function expDate(): Attribute
+    {
+        return Attribute::make(
+            get:fn($value) => Carbon::parse($value)->translatedFormat('l d/m/Y')
+        );
+    }
+
     public function typeMember()
     {
         return $this->belongsTo(TypeMember::class);
@@ -40,6 +47,13 @@ class Member extends Model
         return $this->hasMany(TopUp::class);
     }
 
+    public function vehicleDetail()
+    {
+        $detailVehicle = $this->vehicles->transform(fn($vehicle) => $vehicle->typeVehicle->type . ': ' . $vehicle->plat_number)->toArray();
+
+        return implode(', ', $detailVehicle);
+    }
+
     public function scopeFilter($query, array $filters)
     {
         $query->when($filters['search'] ?? null, function ($query, $search) {

app/Models/TopUp.php

@@ -43,6 +43,11 @@ class TopUp extends Model
         return $this->belongsTo(User::class);
     }
 
+    public function mutation()
+    {
+        return $this->hasOne(Mutation::class);
+    }
+
     public function scopeFilter($query, array $filters)
     {
         $query->when($filters['search'] ?? null, function ($query, $search) {

app/Models/TypeMember.php

@@ -26,6 +26,13 @@ class TypeMember extends Model
         );
     }
 
+    protected function type(): Attribute
+    {
+        return Attribute::make(
+            set:fn($value) => ucwords($value)
+        );
+    }
+
     protected function price(): Attribute
     {
         return Attribute::make(

app/Models/TypeVehicle.php

@@ -21,4 +21,11 @@ class TypeVehicle extends Model
             get:fn($value) => Carbon::parse($value)->translatedFormat('l d/m/Y')
         );
     }
+
+    protected function type(): Attribute
+    {
+        return Attribute::make(
+            set:fn($value) => ucwords($value)
+        );
+    }
 }

app/Models/Vehicle.php

@@ -2,6 +2,7 @@
 
 namespace App\Models;
 
+use Illuminate\Database\Eloquent\Casts\Attribute;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 
@@ -14,4 +15,16 @@ class Vehicle extends Model
         'member_id',
         'type_vehicle_id',
     ];
+
+    protected function platNumber(): Attribute
+    {
+        return Attribute::make(
+            set:fn($value) => strtoupper($value)
+        );
+    }
+
+    public function typeVehicle()
+    {
+        return $this->belongsTo(TypeVehicle::class);
+    }
 }

database/migrations/2022_04_20_031728_create_top_ups_table.php

@@ -17,7 +17,7 @@ return new class extends Migration
             $table->id();
             $table->unsignedInteger('amount');
             $table->dateTime('exp_date');
-            $table->foreignId('member_id')->constrained();
+            $table->foreignId('member_id')->constrained()->cascadeOnDelete();
             $table->foreignId('user_id')->constrained();
             $table->timestamps();
         });

database/migrations/2022_04_23_130215_create_vehicles_table.php

@@ -16,7 +16,7 @@ return new class extends Migration
         Schema::create('vehicles', function (Blueprint $table) {
             $table->id();
             $table->string('plat_number');
-            $table->foreignId('member_id')->constrained();
+            $table->foreignId('member_id')->constrained()->cascadeOnDelete();
             $table->foreignId('type_vehicle_id')->constrained();
             $table->timestamps();
         });

database/migrations/2022_04_23_130216_create_mutations_table.php

@@ -19,7 +19,7 @@ return new class extends Migration
             $table->unsignedInteger('amount');
             $table->foreignId('transaction_out')->nullable()->default(null)->constrained();
             $table->foreignId('expense_id')->nullable()->default(null)->constrained();
-            $table->foreignId('top_up_id')->nullable()->default(null)->constrained();
+            $table->foreignId('top_up_id')->nullable()->default(null)->constrained()->cascadeOnDelete();
             $table->timestamps();
         });
     }

lang/en/messages.php

@@ -50,6 +50,7 @@ return [
 
     'error' => [
         'store' => [
+            'member' => 'member failed to be added',
             'change_password' => 'Password invalid',
             'expense' => 'Expense failed to be added',
             'transaction' => 'Transaction failed to be added',

lang/id/messages.php

@@ -50,6 +50,7 @@ return [
 
     'error' => [
         'store' => [
+            'member' => 'member gagal ditambahkan',
             'change_password' => 'Password lama salah',
             'expense' => 'Pengeluaran gagal ditambahkan',
             'transaction' => 'Transaksi gagal ditambahkan',

public/js/resources_js_pages_member_Create_vue.js

@@ -538,39 +538,59 @@ __webpack_require__.r(__webpack_exports__);
 
     var listPlatNumberOnDelete = function listPlatNumberOnDelete(index) {
       listPlatNumber.splice(index, 1);
+      (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.usePage)().props.value.errors = {};
     };
 
     var addPlatNumber = function addPlatNumber() {
-      form.clearErrors('plat_number');
+      form.clearErrors('plat_number', 'type_vehicle_id');
 
-      if (form.plat_number) {
-        if (listPlatNumber.length + 1 > props.typeMember.max) {
-          form.setError('plat_number', 'Melibihi batas maksimal kendaraan');
-          return;
-        }
-
-        listPlatNumber.push({
-          platNumber: form.plat_number,
-          typeVehicleId: form.type_member_id
-        });
-        form.reset('plat_number');
-      } else {
+      if (!form.plat_number) {
         form.setError('plat_number', 'Plat kendaraan tidak boleh kosong');
+        return;
+      }
+
+      if (!form.type_vehicle_id) {
+        form.setError('type_vehicle_id', 'Tidak boleh kosong');
+        return;
+      }
+
+      var listPlatNumberExist = listPlatNumber.filter(function (val) {
+        return val.platNumber === form.plat_number.toUpperCase();
+      });
+
+      if (listPlatNumberExist.length) {
+        form.setError('plat_number', 'Nomor plat kendaraan tidak boleh sama');
+        return;
+      }
+
+      if (listPlatNumber.length + 1 > props.typeMember.max) {
+        form.setError('plat_number', 'Melibihi batas maksimal kendaraan');
+        return;
       }
+
+      var typeVehicleFilter = props.typeVehicles.filter(function (val) {
+        return val.value === form.type_vehicle_id;
+      })[0];
+      listPlatNumber.push({
+        platNumber: form.plat_number.toUpperCase(),
+        typeVehicle: typeVehicleFilter.label,
+        typeVehicleId: typeVehicleFilter.value
+      });
+      form.reset('plat_number', 'type_vehicle_id');
     };
 
     var form = (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.useForm)({
       name: null,
       phone: null,
       plat_number: null,
-      type_vehicle: null,
+      type_vehicle_id: null,
       type_member_id: null
     });
     (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(function () {
       return form.type_member_id;
     }, function () {
       listPlatNumberClear();
-      form.reset('plat_number');
+      form.reset('plat_number', 'type_vehicle_id');
       _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_1__.Inertia.reload({
         only: ['typeMember'],
         data: {
@@ -584,7 +604,7 @@ __webpack_require__.r(__webpack_exports__);
         return {
           name: data.name,
           phone: data.phone,
-          plat_numbers: listPlatNumber,
+          vehicles: listPlatNumber,
           type_member_id: data.type_member_id
         };
       }).post(route('members.store'), {
@@ -1354,9 +1374,14 @@ var _hoisted_21 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElement
 );
 
 var _hoisted_22 = {
-  "class": "flex justify-content-end"
+  style: {
+    "color": "#b71c1c"
+  }
 };
 var _hoisted_23 = {
+  "class": "flex justify-content-end"
+};
+var _hoisted_24 = {
   "class": "flex flex-column md:flex-row justify-content-end"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1450,23 +1475,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             error: $setup.form.errors.plat_number
           }, null, 8
           /* PROPS */
-          , ["modelValue", "disabled", "error"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_18, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
-            modelValue: $setup.form.type_vehicle,
+          , ["modelValue", "disabled", "error"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_18, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppDropdown"], {
+            modelValue: $setup.form.type_vehicle_id,
             "onUpdate:modelValue": _cache[4] || (_cache[4] = function ($event) {
-              return $setup.form.type_vehicle = $event;
+              return $setup.form.type_vehicle_id = $event;
             }),
             label: "Jenis Kendaraan",
             placeholder: "jenis kendaraan",
             disabled: !$setup.form.type_member_id,
-            error: $setup.form.errors.type_vehicle
+            options: $props.typeVehicles,
+            error: $setup.form.errors.type_vehicle_id
           }, null, 8
           /* PROPS */
-          , ["modelValue", "disabled", "error"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_19, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+          , ["modelValue", "disabled", "options", "error"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_19, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
             label: "Tambah",
             "class": "p-button-outlined",
             icon: "pi pi-car",
+            disabled: !$setup.form.type_member_id,
             onClick: $setup.addPlatNumber
-          })]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_20, [_hoisted_21, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_DataTable, {
+          }, null, 8
+          /* PROPS */
+          , ["disabled"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_20, [_hoisted_21, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_DataTable, {
             "striped-rows": "",
             "row-hover": "",
             "responsive-layout": "scroll",
@@ -1488,15 +1517,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               )), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Column, null, {
                 body: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref) {
                   var index = _ref.index;
-                  return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_22, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+                  return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("span", _hoisted_22, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(_ctx.$page.props.errors["vehicles.".concat(index, ".platNumber")]), 1
+                  /* TEXT */
+                  )];
+                }),
+                _: 1
+                /* STABLE */
+
+              }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Column, null, {
+                body: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref2) {
+                  var index = _ref2.index,
+                      data = _ref2.data;
+                  return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_23, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
                     icon: "pi pi-trash",
-                    "class": "p-button-rounded p-button-text",
+                    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["p-button-rounded p-button-text", {
+                      'p-button-danger': _ctx.$page.props.errors["vehicles.".concat(index, ".platNumber")]
+                    }]),
                     onClick: function onClick($event) {
-                      return $setup.listPlatNumberOnDelete(index);
+                      return $setup.listPlatNumberOnDelete(data.platNumber);
                     }
                   }, null, 8
                   /* PROPS */
-                  , ["onClick"])])];
+                  , ["class", "onClick"])])];
                 }),
                 _: 1
                 /* STABLE */
@@ -1511,7 +1553,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           , ["value"])])])];
         }),
         footer: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
-          return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_23, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+          return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_24, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
             label: "Simpan",
             icon: "pi pi-check",
             "class": "p-button-outlined",
@@ -1565,10 +1607,16 @@ var IndexTable = [{
 }, {
   field: 'price',
   header: 'Tarif Member'
+}, {
+  field: 'expDate',
+  header: 'Berakhir'
 }];
 var PlatNumberTable = [{
   field: 'platNumber',
   header: 'Plat Kendaraan'
+}, {
+  field: 'typeVehicle',
+  header: 'Jenis Kendaraan'
 }];
 
 /***/ }),

public/js/resources_js_pages_member_Edit_vue.js

@@ -45,97 +45,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppDropdown.vue?vue&type=script&setup=true&lang=js":
-/*!****************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppDropdown.vue?vue&type=script&setup=true&lang=js ***!
-  \****************************************************************************************************************************************************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
-  props: {
-    label: {
-      type: String,
-      required: true
-    },
-    optionLabel: {
-      type: String,
-      "default": 'label'
-    },
-    optionValue: {
-      type: String,
-      "default": 'value'
-    },
-    optionDisabled: {
-      type: String,
-      "default": 'disabled'
-    },
-    options: {
-      type: Array,
-      required: true
-    },
-    placeholder: {
-      type: String,
-      required: true
-    },
-    disabled: {
-      type: Boolean,
-      "default": false
-    },
-    error: {
-      type: String,
-      "default": null
-    },
-    modelValue: null
-  },
-  emits: ['update:modelValue'],
-  setup: function setup(__props, _ref) {
-    var expose = _ref.expose;
-    expose();
-    var props = __props;
-    var isError = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
-      return props.error ? true : false;
-    });
-    var forLabel = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
-      return props.label ? props.label.toLowerCase().replace(/\s+/g, '-') : null;
-    });
-    var ariaDescribedbyLabel = (0,vue__WEBPACK_IMPORTED_MODULE_0__.computed)(function () {
-      return props.label ? props.label.toLowerCase().replace(/\s+/g, '-') + '-help' : null;
-    });
-
-    var selectedDropdownLabel = function selectedDropdownLabel(value) {
-      var result = props.options.find(function (option) {
-        return option[props.optionValue] == value;
-      });
-
-      if (result) {
-        return result[props.optionLabel];
-      }
-    };
-
-    var __returned__ = {
-      props: props,
-      isError: isError,
-      forLabel: forLabel,
-      ariaDescribedbyLabel: ariaDescribedbyLabel,
-      selectedDropdownLabel: selectedDropdownLabel,
-      computed: vue__WEBPACK_IMPORTED_MODULE_0__.computed
-    };
-    Object.defineProperty(__returned__, '__isScriptSetup', {
-      enumerable: false,
-      value: true
-    });
-    return __returned__;
-  }
-});
-
-/***/ }),
-
 /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppInputText.vue?vue&type=script&setup=true&lang=js":
 /*!*****************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppInputText.vue?vue&type=script&setup=true&lang=js ***!
@@ -549,9 +458,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @inertiajs/inertia-vue3 */ "./node_modules/@inertiajs/inertia-vue3/dist/index.js");
 /* harmony import */ var _layouts_AppLayout_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/layouts/AppLayout.vue */ "./resources/js/layouts/AppLayout.vue");
 /* harmony import */ var _components_AppDialog_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/components/AppDialog.vue */ "./resources/js/components/AppDialog.vue");
-/* harmony import */ var _components_AppDropdown_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/components/AppDropdown.vue */ "./resources/js/components/AppDropdown.vue");
-/* harmony import */ var _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/components/AppInputText.vue */ "./resources/js/components/AppInputText.vue");
-
+/* harmony import */ var _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/components/AppInputText.vue */ "./resources/js/components/AppInputText.vue");
 
 
 
@@ -560,8 +467,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
-    member: Object,
-    typeMembers: Array
+    member: Object
   },
   setup: function setup(__props, _ref) {
     var expose = _ref.expose;
@@ -580,7 +486,7 @@ __webpack_require__.r(__webpack_exports__);
     };
 
     var onAgree = function onAgree() {
-      return _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_1__.Inertia["delete"](route('users.destroy', props.member.id));
+      return _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_1__.Inertia["delete"](route('members.destroy', props.member.id));
     };
 
     var onCancel = function onCancel() {
@@ -589,9 +495,7 @@ __webpack_require__.r(__webpack_exports__);
 
     var form = (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.useForm)({
       name: props.member.name,
-      phone: props.member.phone,
-      plat_number: props.member.plat_number,
-      type_member_id: props.member.type_member_id
+      phone: props.member.phone
     });
 
     var submit = function submit() {
@@ -616,8 +520,7 @@ __webpack_require__.r(__webpack_exports__);
       usePage: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.usePage,
       AppLayout: _layouts_AppLayout_vue__WEBPACK_IMPORTED_MODULE_3__["default"],
       AppDialog: _components_AppDialog_vue__WEBPACK_IMPORTED_MODULE_4__["default"],
-      AppDropdown: _components_AppDropdown_vue__WEBPACK_IMPORTED_MODULE_5__["default"],
-      AppInputText: _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_6__["default"]
+      AppInputText: _components_AppInputText_vue__WEBPACK_IMPORTED_MODULE_5__["default"]
     };
     Object.defineProperty(__returned__, '__isScriptSetup', {
       enumerable: false,
@@ -708,87 +611,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 /***/ }),
 
-/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppDropdown.vue?vue&type=template&id=ce0d1992":
-/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppDropdown.vue?vue&type=template&id=ce0d1992 ***!
-  \*********************************************************************************************************************************************************************************************************************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "render": () => (/* binding */ render)
-/* harmony export */ });
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
-
-var _hoisted_1 = {
-  "class": "field"
-};
-var _hoisted_2 = ["for"];
-var _hoisted_3 = {
-  key: 0
-};
-var _hoisted_4 = {
-  key: 1
-};
-var _hoisted_5 = ["id"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_Dropdown = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Dropdown");
-
-  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_1, [$props.label ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("label", {
-    key: 0,
-    "for": $setup.forLabel
-  }, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.label), 9
-  /* TEXT, PROPS */
-  , _hoisted_2)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Dropdown, {
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)(["w-full", {
-      'p-invalid': $setup.isError
-    }]),
-    id: $setup.forLabel,
-    "aria-describedby": $setup.ariaDescribedbyLabel,
-    "option-disabled": $props.optionDisabled,
-    "option-label": $props.optionLabel,
-    "option-value": $props.optionValue,
-    placeholder: $props.placeholder,
-    options: $props.options,
-    "model-value": $props.modelValue,
-    disabled: $props.disabled,
-    onChange: _cache[0] || (_cache[0] = function ($event) {
-      return _ctx.$emit('update:modelValue', $event.value);
-    })
-  }, {
-    value: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (slotProps) {
-      return [slotProps.value ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_3, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($setup.selectedDropdownLabel(slotProps.value)), 1
-      /* TEXT */
-      )) : ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_4, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(slotProps.placeholder), 1
-      /* TEXT */
-      ))];
-    }),
-    option: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref) {
-      var option = _ref.option,
-          index = _ref.index;
-      return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, "option", {
-        option: option,
-        index: index
-      })];
-    }),
-    _: 3
-    /* FORWARDED */
-
-  }, 8
-  /* PROPS */
-  , ["class", "id", "aria-describedby", "option-disabled", "option-label", "option-value", "placeholder", "options", "model-value", "disabled"]), $props.error ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("small", {
-    key: 1,
-    id: $setup.ariaDescribedbyLabel,
-    "class": (0,vue__WEBPACK_IMPORTED_MODULE_0__.normalizeClass)({
-      'p-error': $setup.isError
-    })
-  }, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.error), 11
-  /* TEXT, CLASS, PROPS */
-  , _hoisted_5)) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]);
-}
-
-/***/ }),
-
 /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppFooter.vue?vue&type=template&id=4ab6097e":
 /*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppFooter.vue?vue&type=template&id=4ab6097e ***!
@@ -1363,18 +1185,12 @@ var _hoisted_6 = {
   "class": "col-12 md:col-6"
 };
 var _hoisted_7 = {
-  "class": "col-12 md:col-6"
-};
-var _hoisted_8 = {
-  "class": "col-12 md:col-6"
-};
-var _hoisted_9 = {
   "class": "grid"
 };
-var _hoisted_10 = {
+var _hoisted_8 = {
   "class": "col-12 md:col-6 flex flex-column md:flex-row justify-content-center md:justify-content-start"
 };
-var _hoisted_11 = {
+var _hoisted_9 = {
   "class": "col-12 md:col-6 flex flex-column md:flex-row justify-content-center md:justify-content-end"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1411,34 +1227,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             error: $setup.form.errors.phone
           }, null, 8
           /* PROPS */
-          , ["modelValue", "error"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_7, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
-            modelValue: $setup.form.plat_number,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
-              return $setup.form.plat_number = $event;
-            }),
-            label: "Plat Kendaraan",
-            placeholder: "plat kendaraan",
-            error: $setup.form.errors.plat_number
-          }, null, 8
-          /* PROPS */
-          , ["modelValue", "error"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_8, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppDropdown"], {
-            label: "Jenis member",
-            placeholder: "pilih satu",
-            modelValue: $setup.form.type_member_id,
-            "onUpdate:modelValue": _cache[3] || (_cache[3] = function ($event) {
-              return $setup.form.type_member_id = $event;
-            }),
-            options: $props.typeMembers,
-            error: $setup.form.errors.type_member_id
-          }, null, 8
-          /* PROPS */
-          , ["modelValue", "options", "error"])])])];
+          , ["modelValue", "error"])])])];
         }),
         footer: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
-          return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_9, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_10, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppDialog"], {
+          return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_7, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_8, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppDialog"], {
             message: "Yakin akan menghapus data ini?",
             visible: $setup.visibleDialog,
-            "onUpdate:visible": _cache[4] || (_cache[4] = function ($event) {
+            "onUpdate:visible": _cache[2] || (_cache[2] = function ($event) {
               return $setup.visibleDialog = $event;
             }),
             onAgree: $setup.onAgree,
@@ -1450,7 +1245,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             icon: "pi pi-trash",
             "class": "p-button-outlined p-button-danger",
             onClick: $setup.confirmDialog
-          })]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_11, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+          })]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_9, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
             label: "Simpan",
             icon: "pi pi-check",
             "class": "p-button-outlined",
@@ -1611,33 +1406,6 @@ const __exports__ = /*#__PURE__*/(0,_home_dijitalcode_Projects_parkirin_node_mod
 if (false) {}
 
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
-
-/***/ }),
-
-/***/ "./resources/js/components/AppDropdown.vue":
-/*!*************************************************!*\
-  !*** ./resources/js/components/AppDropdown.vue ***!
-  \*************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _AppDropdown_vue_vue_type_template_id_ce0d1992__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AppDropdown.vue?vue&type=template&id=ce0d1992 */ "./resources/js/components/AppDropdown.vue?vue&type=template&id=ce0d1992");
-/* harmony import */ var _AppDropdown_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AppDropdown.vue?vue&type=script&setup=true&lang=js */ "./resources/js/components/AppDropdown.vue?vue&type=script&setup=true&lang=js");
-/* harmony import */ var _home_dijitalcode_Projects_parkirin_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/vue-loader/dist/exportHelper.js */ "./node_modules/vue-loader/dist/exportHelper.js");
-
-
-
-
-;
-const __exports__ = /*#__PURE__*/(0,_home_dijitalcode_Projects_parkirin_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_2__["default"])(_AppDropdown_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_1__["default"], [['render',_AppDropdown_vue_vue_type_template_id_ce0d1992__WEBPACK_IMPORTED_MODULE_0__.render],['__file',"resources/js/components/AppDropdown.vue"]])
-/* hot reload */
-if (false) {}
-
-
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__exports__);
 
 /***/ }),
@@ -1869,21 +1637,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AppDialog_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./AppDialog.vue?vue&type=script&setup=true&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppDialog.vue?vue&type=script&setup=true&lang=js");
  
 
-/***/ }),
-
-/***/ "./resources/js/components/AppDropdown.vue?vue&type=script&setup=true&lang=js":
-/*!************************************************************************************!*\
-  !*** ./resources/js/components/AppDropdown.vue?vue&type=script&setup=true&lang=js ***!
-  \************************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AppDropdown_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_0__["default"])
-/* harmony export */ });
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AppDropdown_vue_vue_type_script_setup_true_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./AppDropdown.vue?vue&type=script&setup=true&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppDropdown.vue?vue&type=script&setup=true&lang=js");
- 
-
 /***/ }),
 
 /***/ "./resources/js/components/AppInputText.vue?vue&type=script&setup=true&lang=js":
@@ -2004,21 +1757,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AppDialog_vue_vue_type_template_id_336aa46e__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./AppDialog.vue?vue&type=template&id=336aa46e */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppDialog.vue?vue&type=template&id=336aa46e");
 
 
-/***/ }),
-
-/***/ "./resources/js/components/AppDropdown.vue?vue&type=template&id=ce0d1992":
-/*!*******************************************************************************!*\
-  !*** ./resources/js/components/AppDropdown.vue?vue&type=template&id=ce0d1992 ***!
-  \*******************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "render": () => (/* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AppDropdown_vue_vue_type_template_id_ce0d1992__WEBPACK_IMPORTED_MODULE_0__.render)
-/* harmony export */ });
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_AppDropdown_vue_vue_type_template_id_ce0d1992__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./AppDropdown.vue?vue&type=template&id=ce0d1992 */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/components/AppDropdown.vue?vue&type=template&id=ce0d1992");
-
-
 /***/ }),
 
 /***/ "./resources/js/components/AppFooter.vue?vue&type=template&id=4ab6097e":

public/js/resources_js_pages_member_Index_vue.js

@@ -1242,10 +1242,16 @@ var IndexTable = [{
 }, {
   field: 'price',
   header: 'Tarif Member'
+}, {
+  field: 'expDate',
+  header: 'Berakhir'
 }];
 var PlatNumberTable = [{
   field: 'platNumber',
   header: 'Plat Kendaraan'
+}, {
+  field: 'typeVehicle',
+  header: 'Jenis Kendaraan'
 }];
 
 /***/ }),

public/js/resources_js_pages_member_TableHeader_js.js

@@ -30,10 +30,16 @@ var IndexTable = [{
 }, {
   field: 'price',
   header: 'Tarif Member'
+}, {
+  field: 'expDate',
+  header: 'Berakhir'
 }];
 var PlatNumberTable = [{
   field: 'platNumber',
   header: 'Plat Kendaraan'
+}, {
+  field: 'typeVehicle',
+  header: 'Jenis Kendaraan'
 }];
 
 /***/ })

public/js/vue.js

@@ -58101,7 +58101,7 @@ module.exports = JSON.parse('{"name":"axios","version":"0.21.4","description":"P
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"10c6b388645ceb22","resources_js_pages_auth_ForgotPassword_vue":"5b9f0529bda25a9b","resources_js_pages_auth_Login_vue":"61b9c9ae1ae9da32","resources_js_pages_auth_ResetPassword_vue":"b091193a1e114ce8","resources_js_pages_auth_VerifyEmail_vue":"a7b9a99e5a331088","resources_js_pages_expense_Create_vue":"1772093ec9ad8e1f","resources_js_pages_expense_Index_vue":"51f7facd5c3c3ea6","resources_js_pages_expense_Show_vue":"6e60ec4571b580bb","resources_js_pages_expense_TableHeader_js":"eed3f0613f167cfd","resources_js_pages_home_Index_vue":"6cd0224828ac8129","resources_js_pages_member_Create_vue":"e560dbe95154c5fa","resources_js_pages_member_Edit_vue":"05b5081c82d41225","resources_js_pages_member_Index_vue":"80015a0d2c0ee954","resources_js_pages_member_TableHeader_js":"9e189bc69c98169d","resources_js_pages_topup_Create_vue":"9d958cbaf19eb892","resources_js_pages_topup_Edit_vue":"258c3b0746574dc0","resources_js_pages_topup_Index_vue":"5c7eced88af886fa","resources_js_pages_topup_Show_vue":"cb35ad21e9ce163f","resources_js_pages_topup_TableHeader_js":"c803a04362b71855","resources_js_pages_typemember_Create_vue":"79728a0314d12450","resources_js_pages_typemember_Edit_vue":"94fb9b5b49338c01","resources_js_pages_typemember_Index_vue":"cd93651ebf36d5a5","resources_js_pages_typemember_TableHeader_js":"de81088b132d3e90","resources_js_pages_typevehicle_Create_vue":"0f937d93865a1ea2","resources_js_pages_typevehicle_Edit_vue":"edba97a3715ba957","resources_js_pages_typevehicle_Index_vue":"53c702d33feb6196","resources_js_pages_typevehicle_TableHeader_js":"a40378918fbe74e1","resources_js_pages_user_Create_vue":"361bf2589467f820","resources_js_pages_user_Edit_vue":"fdb844cf830ec11c","resources_js_pages_user_Index_vue":"16d93eb7e5210300","resources_js_pages_user_Show_vue":"138fd92d6ae36518","resources_js_pages_user_TableHeader_js":"0d87fd422fe40491"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"10c6b388645ceb22","resources_js_pages_auth_ForgotPassword_vue":"5b9f0529bda25a9b","resources_js_pages_auth_Login_vue":"61b9c9ae1ae9da32","resources_js_pages_auth_ResetPassword_vue":"b091193a1e114ce8","resources_js_pages_auth_VerifyEmail_vue":"a7b9a99e5a331088","resources_js_pages_expense_Create_vue":"1772093ec9ad8e1f","resources_js_pages_expense_Index_vue":"51f7facd5c3c3ea6","resources_js_pages_expense_Show_vue":"6e60ec4571b580bb","resources_js_pages_expense_TableHeader_js":"eed3f0613f167cfd","resources_js_pages_home_Index_vue":"6cd0224828ac8129","resources_js_pages_member_Create_vue":"3ca394fe875a5c72","resources_js_pages_member_Edit_vue":"7b222567b848883e","resources_js_pages_member_Index_vue":"71a31a774bb1b571","resources_js_pages_member_TableHeader_js":"51dbf053f7ddd45c","resources_js_pages_topup_Create_vue":"9d958cbaf19eb892","resources_js_pages_topup_Edit_vue":"258c3b0746574dc0","resources_js_pages_topup_Index_vue":"5c7eced88af886fa","resources_js_pages_topup_Show_vue":"cb35ad21e9ce163f","resources_js_pages_topup_TableHeader_js":"c803a04362b71855","resources_js_pages_typemember_Create_vue":"79728a0314d12450","resources_js_pages_typemember_Edit_vue":"94fb9b5b49338c01","resources_js_pages_typemember_Index_vue":"cd93651ebf36d5a5","resources_js_pages_typemember_TableHeader_js":"de81088b132d3e90","resources_js_pages_typevehicle_Create_vue":"0f937d93865a1ea2","resources_js_pages_typevehicle_Edit_vue":"edba97a3715ba957","resources_js_pages_typevehicle_Index_vue":"53c702d33feb6196","resources_js_pages_typevehicle_TableHeader_js":"a40378918fbe74e1","resources_js_pages_user_Create_vue":"361bf2589467f820","resources_js_pages_user_Edit_vue":"fdb844cf830ec11c","resources_js_pages_user_Index_vue":"16d93eb7e5210300","resources_js_pages_user_Show_vue":"138fd92d6ae36518","resources_js_pages_user_TableHeader_js":"0d87fd422fe40491"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/pages/member/Create.vue

@@ -28,31 +28,53 @@ const listPlatNumberClear = () => {
 
 const listPlatNumberOnDelete = (index) => {
   listPlatNumber.splice(index, 1)
+
+  usePage().props.value.errors = {}
 }
 
 const addPlatNumber = () => {
-  form.clearErrors('plat_number')
+  form.clearErrors('plat_number', 'type_vehicle_id')
 
-  if (form.plat_number) {
-    if (listPlatNumber.length + 1 > props.typeMember.max) {
-      form.setError('plat_number', 'Melibihi batas maksimal kendaraan')
+  if (!form.plat_number) {
+    form.setError('plat_number', 'Plat kendaraan tidak boleh kosong')
 
-      return
-    }
+    return
+  }
 
-    listPlatNumber.push({ platNumber: form.plat_number, typeVehicleId: form.type_member_id })
+  if (!form.type_vehicle_id) {
+    form.setError('type_vehicle_id', 'Tidak boleh kosong')
 
-    form.reset('plat_number')
-  } else {
-    form.setError('plat_number', 'Plat kendaraan tidak boleh kosong')
+    return
+  }
+
+  const listPlatNumberExist = listPlatNumber.filter((val) => val.platNumber === form.plat_number.toUpperCase())
+  if (listPlatNumberExist.length) {
+    form.setError('plat_number', 'Nomor plat kendaraan tidak boleh sama')
+
+    return
+  }
+
+  if (listPlatNumber.length + 1 > props.typeMember.max) {
+    form.setError('plat_number', 'Melibihi batas maksimal kendaraan')
+
+    return
   }
+
+  const typeVehicleFilter = props.typeVehicles.filter((val) => val.value === form.type_vehicle_id)[0]
+  listPlatNumber.push({
+    platNumber: form.plat_number.toUpperCase(),
+    typeVehicle: typeVehicleFilter.label,
+    typeVehicleId: typeVehicleFilter.value,
+  })
+
+  form.reset('plat_number', 'type_vehicle_id')
 }
 
 const form = useForm({
   name: null,
   phone: null,
   plat_number: null,
-  type_vehicle: null,
+  type_vehicle_id: null,
   type_member_id: null,
 })
 
@@ -60,7 +82,7 @@ watch(
   () => form.type_member_id,
   () => {
     listPlatNumberClear()
-    form.reset('plat_number')
+    form.reset('plat_number', 'type_vehicle_id')
 
     Inertia.reload({ only: ['typeMember'], data: { id: form.type_member_id } })
   }
@@ -71,7 +93,7 @@ const submit = () => {
     .transform((data) => ({
       name: data.name,
       phone: data.phone,
-      plat_numbers: listPlatNumber,
+      vehicles: listPlatNumber,
       type_member_id: data.type_member_id,
     }))
     .post(route('members.store'), {
@@ -156,16 +178,23 @@ const submit = () => {
                 />
               </div>
               <div class="col-12 md:col-6">
-                <AppInputText
-                  v-model="form.type_vehicle"
+                <AppDropdown
+                  v-model="form.type_vehicle_id"
                   label="Jenis Kendaraan"
                   placeholder="jenis kendaraan"
                   :disabled="!form.type_member_id"
-                  :error="form.errors.type_vehicle"
+                  :options="typeVehicles"
+                  :error="form.errors.type_vehicle_id"
                 />
               </div>
               <div class="col-12 flex flex-column md:flex-row md:align-items-center justify-content-end mb-3 md:mb-0">
-                <Button label="Tambah" class="p-button-outlined" icon="pi pi-car" @click="addPlatNumber" />
+                <Button
+                  label="Tambah"
+                  class="p-button-outlined"
+                  icon="pi pi-car"
+                  :disabled="!form.type_member_id"
+                  @click="addPlatNumber"
+                />
               </div>
               <div class="col-12">
                 <h1 class="text-base"><i class="pi pi-car"></i> <span class="ml-2">Daftar Plat Kendaraan</span></h1>
@@ -187,11 +216,18 @@ const submit = () => {
 
                   <Column>
                     <template #body="{ index }">
+                      <span style="color: #b71c1c">{{ $page.props.errors[`vehicles.${index}.platNumber`] }}</span>
+                    </template>
+                  </Column>
+
+                  <Column>
+                    <template #body="{ index, data }">
                       <div class="flex justify-content-end">
                         <Button
                           icon="pi pi-trash"
                           class="p-button-rounded p-button-text"
-                          @click="listPlatNumberOnDelete(index)"
+                          :class="{ 'p-button-danger': $page.props.errors[`vehicles.${index}.platNumber`] }"
+                          @click="listPlatNumberOnDelete(data.platNumber)"
                         />
                       </div>
                     </template>

resources/js/pages/member/Edit.vue

@@ -4,12 +4,10 @@ import { Inertia } from '@inertiajs/inertia'
 import { Head, useForm, usePage } from '@inertiajs/inertia-vue3'
 import AppLayout from '@/layouts/AppLayout.vue'
 import AppDialog from '@/components/AppDialog.vue'
-import AppDropdown from '@/components/AppDropdown.vue'
 import AppInputText from '@/components/AppInputText.vue'
 
 const props = defineProps({
   member: Object,
-  typeMembers: Array,
 })
 
 const errors = computed(() => usePage().props.value.errors)
@@ -24,15 +22,13 @@ const confirmDialog = () => {
   visibleDialog.value = true
 }
 
-const onAgree = () => Inertia.delete(route('users.destroy', props.member.id))
+const onAgree = () => Inertia.delete(route('members.destroy', props.member.id))
 
 const onCancel = () => (visibleDialog.value = false)
 
 const form = useForm({
   name: props.member.name,
   phone: props.member.phone,
-  plat_number: props.member.plat_number,
-  type_member_id: props.member.type_member_id,
 })
 
 const submit = () => {
@@ -57,25 +53,6 @@ const submit = () => {
               <div class="col-12 md:col-6">
                 <AppInputText v-model="form.phone" label="Nomor HP" placeholder="nomor hp" :error="form.errors.phone" />
               </div>
-
-              <div class="col-12 md:col-6">
-                <AppInputText
-                  v-model="form.plat_number"
-                  label="Plat Kendaraan"
-                  placeholder="plat kendaraan"
-                  :error="form.errors.plat_number"
-                />
-              </div>
-
-              <div class="col-12 md:col-6">
-                <AppDropdown
-                  label="Jenis member"
-                  placeholder="pilih satu"
-                  v-model="form.type_member_id"
-                  :options="typeMembers"
-                  :error="form.errors.type_member_id"
-                />
-              </div>
             </div>
           </template>
 

resources/js/pages/member/TableHeader.js

@@ -5,6 +5,10 @@ export const IndexTable = [
   { field: 'platNumber', header: 'Plat Kendaraan' },
   { field: 'type', header: 'Jenis Member' },
   { field: 'price', header: 'Tarif Member' },
+  { field: 'expDate', header: 'Berakhir' },
 ]
 
-export const PlatNumberTable = [{ field: 'platNumber', header: 'Plat Kendaraan' }]
+export const PlatNumberTable = [
+  { field: 'platNumber', header: 'Plat Kendaraan' },
+  { field: 'typeVehicle', header: 'Jenis Kendaraan' },
+]