add business industry crud

app/Http/Controllers/Api/BusinessOrIndustriesController.php

@@ -0,0 +1,120 @@
+<?php
+
+namespace App\Http\Controllers\Api;
+
+use App\Http\Controllers\Controller;
+use App\Http\Requests\BusinessIndustryRequest;
+use App\Imports\BusinessIndustriesImport;
+use App\Models\BusinessOrIndustry;
+use Illuminate\Http\Request;
+use Maatwebsite\Excel\Facades\Excel;
+use \Illuminate\Support\Facades\Validator;
+class BusinessOrIndustriesController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function index(Request $request)
+    {
+        $query = BusinessOrIndustry::query()->orderBy('id', 'desc');
+
+        if ($request->has("search") && !empty($request->get("search"))) {
+            $search = $request->get("search");
+
+            info($request); // Debugging log
+
+            $query->where(function ($q) use ($search) {
+                $q->where("nop", "LIKE", "%{$search}%")
+                ->orWhere("nama_kecamatan", "LIKE", "%{$search}%")
+                ->orWhere("nama_kelurahan", "LIKE", "%{$search}%");
+            });
+        }
+
+        return response()->json($query->paginate());
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function store(Request $request)
+    {
+        //
+    }
+
+    /**
+     * Display the specified resource.
+     */
+    public function show(string $id)
+    {
+        //
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(BusinessIndustryRequest $request, string $id)
+    {
+        try{
+            $data = BusinessOrIndustry::findOrFail($id);
+            $data->update($request->validated());
+            return response()->json(['message' => 'Data updated successfully.'], 200);
+        }catch(\Exception $e){
+            \Log::error($e->getMessage());
+            return response()->json(['message' => 'Failed to update data'],500);
+        }
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy(string $id)
+    {
+        try{
+            $data = BusinessOrIndustry::findOrFail($id);
+            $data->delete();
+            return response()->json(['message' => 'Data deleted successfully.'], 200);
+        }catch(\Exception $e){
+            \Log::error($e->getMessage());
+            return response()->json(['message' => 'Failed to delete data'],500);
+        }
+    }
+
+    public function upload(Request $request){
+
+        if ($request->hasFile('file')) {
+            $file = $request->file('file');
+        }
+
+        // Validasi file
+        $validator = Validator::make($request->all(), [
+            'file' => 'required|mimes:xlsx,xls|max:102400', // Max 100MB
+        ]);
+
+        if ($validator->fails()) {
+            return response()->json([
+                'message' => 'File validation failed.',
+                'errors' => $validator->errors()
+            ], 400);
+        }
+
+        try {
+            // Ambil file dari request
+            $file = $request->file('file');
+
+            // Menggunakan Laravel Excel untuk mengimpor file
+            Excel::import(new BusinessIndustriesImport, $file);
+
+            // Jika sukses, kembalikan respons sukses
+            return response()->json([
+                'message' => 'File uploaded and imported successfully!'
+            ], 200);
+        } catch (\Exception $e) {
+            // Jika ada error, kembalikan error response
+            return response()->json([
+                'message' => 'Error during file import.',
+                'error' => $e->getMessage()
+            ], 500);
+        }
+
+    }
+}

app/Http/Controllers/Api/UsersController.php

@@ -4,9 +4,11 @@ namespace App\Http\Controllers\Api;
 
 use App\Http\Controllers\Controller;
 use App\Http\Requests\Auth\LoginRequest;
+use App\Http\Requests\UsersRequest;
 use App\Http\Resources\UserResource;
 use App\Models\User;
 use App\Traits\GlobalApiResponse;
+use Illuminate\Support\Facades\DB;
 use Illuminate\Support\Facades\Hash;
 use Illuminate\Http\Request;
 
@@ -35,4 +37,27 @@ class UsersController extends Controller
         $request->user()->tokens()->delete();
         return response()->json(['message' => 'logged out successfully']);
     }
+    public function store(UsersRequest $request){
+                $validate_data = $request->validated();
+
+        DB::beginTransaction();
+        try{
+            $user = User::create([
+                'name' => $validate_data->name,
+                'email' => $validate_data->email,
+                'password' => Hash::make($validate_data->password),
+                'firstname' => $validate_data->firstname,
+                'lastname' => $validate_data->lastname,
+                'position' => $validate_data->position
+            ]);
+
+            $user->roles()->attach($request->role_id);
+
+            DB::commit();
+            return response()->json(['message' => 'Successfully created'],201);
+        }catch(\Exception $e){
+            DB::rollBack();
+            return response()->json(['message' => $e->getMessage()],500);
+        };
+    }
 }

app/Http/Controllers/BusinessOrIndustriesController.php

@@ -0,0 +1,66 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\BusinessOrIndustry;
+use Illuminate\Http\Request;
+
+class BusinessOrIndustriesController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function index()
+    {
+        return view('business-industries.index');
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function create()
+    {
+        return view("business-industries.create");
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     */
+    public function store(Request $request)
+    {
+        //
+    }
+
+    /**
+     * Display the specified resource.
+     */
+    public function show(string $id)
+    {
+        //
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit(string $id)
+    {
+        $data = BusinessOrIndustry::findOrFail($id);
+        return view('business-industries.edit', compact('data'));
+    }
+
+    /**
+     * Update the specified resource in storage.
+     */
+    public function update(Request $request, string $id)
+    {
+        //
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     */
+    public function destroy(string $id)
+    {
+        //
+    }
+}

app/Http/Controllers/Master/UsersController.php

@@ -3,6 +3,7 @@
 namespace App\Http\Controllers\Master;
 
 use App\Http\Controllers\Controller;
+use App\Http\Requests\UsersRequest;
 use App\Models\Role;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\DB;
@@ -28,7 +29,7 @@ class UsersController extends Controller
         $roles = Role::all();
         return view('master.users.create', compact('roles'));
     }
-    public function store(Request $request){
+    public function store(UsersRequest $request){
         $request->validate([
             'name' => ['required', 'string', 'max:255'],
             'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
@@ -39,6 +40,7 @@ class UsersController extends Controller
             'role_id' => 'required|exists:roles,id'
         ]);
 
+
         DB::beginTransaction();
         try{
             $user = User::create([

app/Http/Requests/BusinessIndustryRequest.php

@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class BusinessIndustryRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'nama_kecamatan' => 'required|string|max:255',
+            'nama_kelurahan' => 'required|string|max:255',
+            'nop' => 'required|string|max:255|unique:business_or_industries,nop,' . $this->route('api_business_industry'),
+            'nama_wajib_pajak' => 'required|string|max:255',
+            'alamat_wajib_pajak' => 'nullable|string|max:255',
+            'alamat_objek_pajak' => 'required|string|max:255',
+            'luas_bumi' => 'required|numeric',
+            'luas_bangunan' => 'required|numeric',
+            'njop_bumi' => 'required|numeric',
+            'njop_bangunan' => 'required|numeric',
+            'ketetapan' => 'required|string|max:255',
+            'tahun_pajak' => 'required|integer|min:1900|max:' . date('Y'),
+        ];
+    }
+}

app/Http/Requests/UsersRequest.php

@@ -0,0 +1,43 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class UsersRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        $userId = $this->route('user'); // Get user ID from route (used in update)
+
+        return [
+            'name' => ['required', 'string', 'max:255'],
+            'email' => [
+                'required',
+                'string',
+                'email',
+                'max:255',
+                Rule::unique('users')->ignore($userId), // Ignore the user's own email when updating
+            ],
+            'password' => [$this->isMethod('post') ? 'required' : 'nullable', 'confirmed', 'max:255'],
+            'firstname' => ['required', 'string', 'max:255'],
+            'lastname' => ['required', 'string', 'max:255'],
+            'position' => ['required', 'string', 'max:255'],
+            'role_id' => ['required', 'exists:roles,id'],
+        ];
+    }
+}

app/Imports/BusinessIndustriesImport.php

@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Imports;
+
+use App\Models\BusinessOrIndustry;
+use Maatwebsite\Excel\Concerns\ToModel;
+use Maatwebsite\Excel\Concerns\ToCollection;
+use Illuminate\Support\Collection;
+
+class BusinessIndustriesImport implements ToCollection
+{
+    /**
+    * @param array $row
+    *
+    * @return \Illuminate\Database\Eloquent\Model|null
+    */
+    public function collection(Collection $rows)
+    {
+        foreach ($rows->skip(1) as $row){
+            $clean_nop = preg_replace('/[^A-Za-z0-9]/', '', $row[2]);
+            if (!BusinessOrIndustry::where('nop', $clean_nop)->exists()) {
+                BusinessOrIndustry::create([
+                    'nama_kecamatan'     => $row[0],
+                    'nama_kelurahan'     => $row[1],
+                    'nop'                => $clean_nop, // Store cleaned 'nop'
+                    'nama_wajib_pajak'   => $row[3],
+                    'alamat_wajib_pajak' => $row[4], 
+                    'alamat_objek_pajak' => $row[5], 
+                    'luas_bumi'          => $row[6], 
+                    'luas_bangunan'      => $row[7], 
+                    'njop_bumi'          => $row[8], 
+                    'njop_bangunan'      => $row[9], 
+                    'ketetapan'          => $row[10], 
+                    'tahun_pajak'        => $row[11], 
+                ]);
+            }
+        }
+    }
+}

app/Models/BusinessOrIndustry.php

@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class BusinessOrIndustry extends Model
+{
+    protected $table = "business_or_industries";
+    protected $fillable = [
+        'nama_kecamatan',
+        'nama_kelurahan',
+        'nop',
+        'nama_wajib_pajak',
+        'alamat_wajib_pajak',
+        'alamat_objek_pajak',
+        'luas_bumi',
+        'luas_bangunan',
+        'njop_bumi',
+        'njop_bangunan',
+        'ketetapan',
+        'tahun_pajak',
+    ];
+}

database/migrations/2025_02_17_144423_create_business_or_industries_table.php

@@ -0,0 +1,39 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('business_or_industries', function (Blueprint $table) {
+            $table->id();
+            $table->string('nama_kecamatan');
+            $table->string('nama_kelurahan');
+            $table->string('nop')->unique();
+            $table->string('nama_wajib_pajak');
+            $table->text('alamat_wajib_pajak')->nullable();
+            $table->text('alamat_objek_pajak');
+            $table->decimal('luas_bumi',20,2)->default(0);
+            $table->decimal('luas_bangunan',20,2)->default(0);
+            $table->decimal('njop_bumi',20,2)->default(0);
+            $table->decimal('njop_bangunan',20,2)->default(0);
+            $table->decimal('ketetapan',20,2)->default(0);
+            $table->integer('tahun_pajak');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('business_or_industries');
+    }
+};

database/seeders/UsersRoleMenuSeeder.php

@@ -148,7 +148,14 @@ class UsersRoleMenuSeeder extends Seeder
                 "url" => "advertisements.index",
                 "icon" => null,
                 "parent_id" => $data->id,
-                "sort_order" => 1,
+                "sort_order" => 2,
+            ],
+            [
+                "name" => "Usaha atau Industri",
+                "url" => "business-industries.index",
+                "icon" => null,
+                "parent_id" => $data->id,
+                "sort_order" => 2,
             ],
         ];
 
@@ -165,6 +172,7 @@ class UsersRoleMenuSeeder extends Seeder
         $setting_dashboard = Menu::where('name', 'Setting Dashboard')->first();
         $setting_pbg = Menu::where('name', 'PBG')->first();
         $reklame = Menu::where('name', 'Reklame')->first();
+        $businessIndustries = Menu::where('name', 'Usaha atau Industri')->first();
 
         // Superadmin gets all menus
         $superadmin->menus()->sync([
@@ -184,6 +192,7 @@ class UsersRoleMenuSeeder extends Seeder
             $setting_dashboard->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
             $setting_pbg->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
             $reklame->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
+            $businessIndustries->id => ["allow_show" => true, "allow_create" => true, "allow_update" => true, "allow_destroy" => true],
         ]);
 
         // Admin gets limited menus

resources/js/business-industries/create.js

@@ -0,0 +1,125 @@
+import { Dropzone } from "dropzone";
+import GlobalConfig from "../global-config";
+Dropzone.autoDiscover = false;
+
+var previewTemplate,
+    dropzone,
+    dropzonePreviewNode = document.querySelector("#dropzone-preview-list");
+console.log(previewTemplate);
+console.log(dropzone);
+console.log(dropzonePreviewNode);
+
+const toastNotification = document.getElementById("toastNotification");
+const toast = new bootstrap.Toast(toastNotification);
+
+(dropzonePreviewNode.id = ""),
+    dropzonePreviewNode &&
+        ((previewTemplate = dropzonePreviewNode.parentNode.innerHTML),
+        dropzonePreviewNode.parentNode.removeChild(dropzonePreviewNode),
+        (dropzone = new Dropzone(".dropzone", {
+            url: `${GlobalConfig.apiHost}/api/api-business-industries/upload`,
+            method: "post",
+            acceptedFiles: ".xls,.xlsx", // Use acceptedFiles for better validation
+            previewTemplate: previewTemplate,
+            previewsContainer: "#dropzone-preview",
+            autoProcessQueue: false, // Disable auto post
+            headers: {
+                Authorization: `Bearer ${document
+                    .querySelector('meta[name="api-token"]')
+                    .getAttribute("content")}`,
+            },
+            init: function () {
+                // Listen for the success event
+                this.on("success", function (file, response) {
+                    console.log("File successfully uploaded:", file);
+                    console.log("API Response:", response);
+
+                    // Show success toast
+                    document.getElementById("toast-message").innerText =
+                        response.message;
+                    toast.show();
+                    document.getElementById("submit-upload").innerHTML =
+                        "Upload Files";
+                    // Tunggu sebentar lalu reload halaman
+                    setTimeout(() => {
+                        window.location.href = "/data/business-industries";
+                    }, 2000);
+                });
+                // Listen for the error event
+                this.on("error", function (file, errorMessage) {
+                    console.error("Error uploading file:", file);
+                    console.error("Error message:", errorMessage);
+                    // Handle the error response
+
+                    // Show error toast
+                    document.getElementById("toast-message").innerText =
+                        errorMessage.message;
+                    toast.show();
+                    document.getElementById("submit-upload").innerHTML =
+                        "Upload Files";
+                });
+            },
+        })));
+
+// Add event listener to control the submission manually
+document.querySelector("#submit-upload").addEventListener("click", function () {
+    console.log("Ini adalah value dropzone", dropzone.files[0]);
+    const formData = new FormData();
+    console.log("Dropzonefiles", dropzone.files);
+
+    this.innerHTML =
+        '<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>Loading...';
+
+    // Pastikan ada file dalam queue sebelum memprosesnya
+    if (dropzone.files.length > 0) {
+        formData.append("file", dropzone.files[0]);
+        console.log("ini adalah form data on submit", ...formData);
+        dropzone.processQueue(); // Ini akan manual memicu upload
+    } else {
+        // Show error toast when no file is selected
+        document.getElementById("toast-message").innerText =
+            "Please add a file first.";
+        toast.show();
+
+        document.getElementById("submit-upload").innerHTML = "Upload Files";
+    }
+});
+
+// Optional: Listen for the 'addedfile' event to log or control file add behavior
+dropzone.on("addedfile", function (file) {
+    console.log("File ditambahkan:", file);
+    console.log("Nama File:", file.name);
+    console.log("Tipe File:", file.type);
+    console.log("Ukuran File:", (file.size / 1024).toFixed(2) + " KB");
+});
+
+dropzone.on("complete", function (file) {
+    dropzone.removeFile(file);
+});
+
+// Function to show toast
+// function showToast(iconClass, iconColor, message) {
+//     const toastElement = document.getElementById("toastUploadAdvertisement");
+//     const toastBody = toastElement.querySelector(".toast-body");
+//     const toastHeader = toastElement.querySelector(".toast-header");
+
+//     // Remove existing icon (if any) before adding the new one
+//     const existingIcon = toastHeader.querySelector(".bx");
+//     if (existingIcon) {
+//         toastHeader.querySelector(".auth-logo").removeChild(existingIcon); // Remove the existing icon
+//     }
+
+//     // Add the new icon to the toast header
+//     const icon = document.createElement("i");
+//     icon.classList.add("bx", iconClass);
+//     icon.style.fontSize = "25px";
+//     icon.style.color = iconColor;
+//     toastHeader.querySelector(".auth-logo").appendChild(icon);
+
+//     // Set the toast message
+//     toastBody.textContent = message;
+
+//     // Show the toast
+//     const toast = new bootstrap.Toast(toastElement); // Inisialisasi Bootstrap Toast
+//     toast.show();
+// }

resources/js/business-industries/index.js

@@ -0,0 +1,260 @@
+import { Grid } from "gridjs/dist/gridjs.umd.js";
+import gridjs from "gridjs/dist/gridjs.umd.js";
+import "gridjs/dist/gridjs.umd.js";
+import GlobalConfig from "../global-config.js";
+
+class BusinessIndustries {
+    constructor() {
+        this.table = null; // Store Grid.js instance
+    }
+    init() {
+        this.getFetchApiData();
+    }
+
+    getFetchApiData() {
+        let tableContainer = document.getElementById(
+            "table-business-industries"
+        );
+
+        if (this.table) {
+            // If table exists, update its data instead of recreating
+            this.table
+                .updateConfig({
+                    server: {
+                        url: `${GlobalConfig.apiHost}/api/api-business-industries`,
+                        credentials: "include",
+                        headers: {
+                            Authorization: `Bearer ${document
+                                .querySelector('meta[name="api-token"]')
+                                .getAttribute("content")}`,
+                            "Content-Type": "application/json",
+                        },
+                        then: (data) =>
+                            data.data.map((item) => [
+                                item.id,
+                                item.nama_kecamatan,
+                                item.nama_kelurahan,
+                                item.nop,
+                                item.nama_wajib_pajak,
+                                item.alamat_wajib_pajak,
+                                item.alamat_objek_pajak,
+                                item.luas_bumi,
+                                item.luas_bangunan,
+                                item.njop_bumi,
+                                item.njop_bangunan,
+                                item.ketetapan,
+                                item.tahun_pajak,
+                                item.created_at,
+                                item.id,
+                            ]),
+                        total: (data) => data.total,
+                    },
+                })
+                .forceRender();
+            return;
+        }
+
+        this.table = new Grid({
+            columns: [
+                { name: "ID", width: "80px", hidden: false },
+                { name: "Nama Kecamatan", width: "200px" },
+                { name: "Nama Kelurahan", width: "200px" },
+                { name: "NOP", width: "150px" },
+                { name: "Nama Wajib Pajak", width: "250px" },
+                { name: "Alamat Wajib Pajak", width: "300px" },
+                { name: "Alamat Objek Pajak", width: "300px" },
+                { name: "Luas Bumi", width: "150px" },
+                { name: "Luas Bangunan", width: "150px" },
+                { name: "NJOP Bumi", width: "150px" },
+                { name: "NJOP Bangunan", width: "150px" },
+                { name: "Ketetapan", width: "150px" },
+                { name: "Tahun Pajak", width: "120px" },
+                { name: "Created", width: "180px" },
+                {
+                    name: "Actions",
+                    width: "120px",
+                    formatter: function (cell) {
+                        return gridjs.html(`
+                    <div class="d-flex justify-content-center gap-2">
+                        <a href="/data/business-industries/${cell}/edit" class="btn btn-yellow btn-sm d-inline-flex align-items-center justify-content-center">
+                            <i class='bx bx-edit'></i>
+                        </a>
+                        <button class="btn btn-sm btn-red d-inline-flex align-items-center justify-content-center btn-delete-business-industries" data-id="${cell}">
+                            <i class='bx bxs-trash'></i>
+                        </button>
+                    </div>
+                `);
+                    },
+                },
+            ],
+            search: {
+                server: {
+                    url: (prev, keyword) => `${prev}?search=${keyword}`,
+                },
+            },
+            pagination: {
+                limit: 15,
+                server: {
+                    url: (prev, page) =>
+                        `${prev}${prev.includes("?") ? "&" : "?"}page=${
+                            page + 1
+                        }`,
+                },
+            },
+            sort: true,
+            server: {
+                url: `${GlobalConfig.apiHost}/api/api-business-industries`,
+                headers: {
+                    Authorization: `Bearer ${document
+                        .querySelector('meta[name="api-token"]')
+                        .getAttribute("content")}`,
+                    "Content-Type": "application/json",
+                },
+                then: (data) =>
+                    data.data.map((item) => [
+                        item.id,
+                        item.nama_kecamatan,
+                        item.nama_kelurahan,
+                        item.nop,
+                        item.nama_wajib_pajak,
+                        item.alamat_wajib_pajak,
+                        item.alamat_objek_pajak,
+                        item.luas_bumi,
+                        item.luas_bangunan,
+                        item.njop_bumi,
+                        item.njop_bangunan,
+                        item.ketetapan,
+                        item.tahun_pajak,
+                        item.created_at,
+                        item.id, // ID for Actions column
+                    ]),
+                total: (data) => data.total,
+            },
+        }).render(tableContainer);
+
+        document.addEventListener("click", this.handleDelete.bind(this));
+    }
+    handleDelete(event) {
+        if (event.target.classList.contains("btn-delete-business-industries")) {
+            event.preventDefault();
+            const id = event.target.getAttribute("data-id");
+            let modalElement = document.getElementById("modalConfirmation");
+            let toastMessage = document.getElementById("toast-message");
+
+            if (!modalElement) {
+                console.error("Modal element not found!");
+                return;
+            }
+
+            let modal = new bootstrap.Modal(modalElement);
+            let btnSaveConfirmation = document.getElementById(
+                "btnSaveConfirmation"
+            );
+            let toastElement = document.getElementById("toastNotification");
+            let toast = new bootstrap.Toast(toastElement);
+
+            // Remove previous event listeners to avoid multiple bindings
+            btnSaveConfirmation.replaceWith(
+                btnSaveConfirmation.cloneNode(true)
+            );
+            btnSaveConfirmation = document.getElementById(
+                "btnSaveConfirmation"
+            );
+
+            // Set the role ID on the confirm button inside the modal
+            btnSaveConfirmation.setAttribute("data-business-industries-id", id);
+
+            // Show the modal
+            modal.show();
+
+            btnSaveConfirmation.addEventListener("click", async () => {
+                let deletedId = btnSaveConfirmation.getAttribute(
+                    "data-business-industries-id"
+                );
+
+                try {
+                    let response = await fetch(
+                        `${GlobalConfig.apiHost}/api/api-business-industries/${deletedId}`,
+                        {
+                            method: "DELETE",
+                            credentials: "include",
+                            headers: {
+                                "X-CSRF-TOKEN": document
+                                    .querySelector('meta[name="csrf-token"]')
+                                    .getAttribute("content"),
+                                Authorization: `Bearer ${document
+                                    .querySelector('meta[name="api-token"]')
+                                    .getAttribute("content")}`,
+                                "Content-Type": "application/json",
+                            },
+                        }
+                    );
+
+                    if (response.ok) {
+                        let result = await response.json();
+                        toastMessage.innerText =
+                            result.message || "Deleted successfully!";
+                        toast.show();
+
+                        // Hide modal
+                        modal.hide();
+
+                        // Refresh Grid.js table
+                        this.refreshDataSettings();
+                    } else {
+                        let error = await response.json();
+                        console.error("Delete failed:", error);
+                        toastMessage.innerText =
+                            error.message || "Delete failed!";
+                        toast.show();
+                    }
+                } catch (error) {
+                    console.error("Error deleting item:", error);
+                    toastMessage.innerText = "An error occurred!";
+                    toast.show();
+                }
+            });
+        }
+    }
+
+    refreshDataSettings() {
+        if (this.table) {
+            this.table
+                .updateConfig({
+                    server: {
+                        url: `${GlobalConfig.apiHost}/api/api-business-industries`,
+                        credentials: "include",
+                        headers: {
+                            Authorization: `Bearer ${document
+                                .querySelector('meta[name="api-token"]')
+                                .getAttribute("content")}`,
+                            "Content-Type": "application/json",
+                        },
+                        then: (data) =>
+                            data.data.map((item) => [
+                                item.id,
+                                item.nama_kecamatan,
+                                item.nama_kelurahan,
+                                item.nop,
+                                item.nama_wajib_pajak,
+                                item.alamat_wajib_pajak,
+                                item.alamat_objek_pajak,
+                                item.luas_bumi,
+                                item.luas_bangunan,
+                                item.njop_bumi,
+                                item.njop_bangunan,
+                                item.ketetapan,
+                                item.tahun_pajak,
+                                item.created_at,
+                                item.id, // ID for Actions column
+                            ]),
+                        total: (data) => data.total,
+                    },
+                })
+                .forceRender();
+        }
+    }
+}
+document.addEventListener("DOMContentLoaded", function (e) {
+    new BusinessIndustries().init();
+});

resources/js/business-industries/update.js

@@ -0,0 +1,79 @@
+class UpdateBusinessIndustries {
+    init() {
+        this.handleUpdateData();
+    }
+
+    handleUpdateData() {
+        const form = document.getElementById("formUpdateBusinessIndustries");
+        const submitButton = document.getElementById(
+            "btnUpdateBusinessIndustries"
+        );
+        const toastNotification = document.getElementById("toastNotification");
+        const toastBody = document.getElementById("toastBody"); // Add an element inside toast to display messages
+        const spinner = document.getElementById("spinner");
+        const toast = new bootstrap.Toast(toastNotification);
+
+        if (!submitButton) {
+            console.error("Error: Submit button not found!");
+            return;
+        }
+
+        submitButton.addEventListener("click", async function (e) {
+            e.preventDefault();
+
+            // Disable button and show spinner
+            submitButton.disabled = true;
+            spinner.classList.remove("d-none");
+
+            // Create FormData object
+            const formData = new FormData(form);
+            const formObject = {};
+            formData.forEach((value, key) => {
+                formObject[key] = value;
+            });
+            formData.append("_method", "PUT");
+
+            try {
+                let response = await fetch(form.action, {
+                    method: "POST", // Laravel's update route uses PUT, so adjust accordingly
+                    headers: {
+                        Authorization: `Bearer ${document
+                            .querySelector('meta[name="api-token"]')
+                            .getAttribute("content")}`,
+                        "Content-Type": "application/json",
+                    },
+                    body: JSON.stringify(formObject),
+                });
+
+                let data = await response.json();
+
+                if (response.ok) {
+                    // Show success toast
+                    document.getElementById("toast-message").innerText =
+                        data.message;
+                    toast.show();
+                    setTimeout(() => {
+                        window.location.href = "/data/business-industries";
+                    }, 2000);
+                } else {
+                    // Show error toast with message from API
+                    document.getElementById("toast-message").innerText =
+                        data.message;
+                    toast.show();
+                    submitButton.disabled = false;
+                    spinner.classList.add("d-none");
+                }
+            } catch (error) {
+                // Show error toast for network errors
+                document.getElementById("toast-message").innerText =
+                    data.message;
+                toast.show();
+                submitButton.disabled = false;
+                spinner.classList.add("d-none");
+            }
+        });
+    }
+}
+document.addEventListener("DOMContentLoaded", function (e) {
+    new UpdateBusinessIndustries().init();
+});

resources/js/master/users/create.js

@@ -44,12 +44,18 @@ document.addEventListener("DOMContentLoaded", function (e) {
                         error.message;
                     toast.show();
                     console.error("Error:", error);
+
+                    submitButton.disabled = false;
+                    spinner.classList.add("d-none");
                 }
             } catch (error) {
                 console.error("Request failed:", error);
                 document.getElementById("toast-message").innerText =
                     error.message;
                 toast.show();
+
+                submitButton.disabled = false;
+                spinner.classList.add("d-none");
             }
         });
 });

resources/views/business-industries/create.blade.php

@@ -0,0 +1,78 @@
+@extends('layouts.vertical', ['subtitle' => 'Business Industries'])
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Data', 'subtitle' => 'Business Industries'])
+
+<x-toast-notification />
+<div class="row">
+    <div class="col-xl-12">
+        <div class="card">
+            <div class="card-header">
+                <h5 class="card-title">Upload Data</h5>
+                <p class="card-subtitle">  
+                    Please upload a file with the extension <strong>.xls or .xlsx</strong> with a maximum size of <strong>10 MB</strong>.  
+                    <br>  
+                    For <strong>.xls</strong> and <strong>.xlsx</strong> files, ensure that the data is contained within a <strong>single sheet</strong> with the following columns:  
+                    <!-- <strong>No, Nama Wajib Pajak, NPWPD, Jenis Reklame, Isi Reklame, Alamat Wajib Pajak, Lokasi Reklame, Desa,  
+                    Kecamatan, Panajang, Lebar, Sudut Pandang, Muka, Luas, Sudut, Kontak.</strong>   -->
+                </p>
+            </div>
+
+            <div class="card-body">
+
+                <div class="mb-3">
+
+                    <div class="dropzone">
+                        <form enctype="multipart/form-data">
+                            <div class="fallback">
+                                <input id="file-dropzone"type="file" name="file" multiple/>
+                            </div>
+                        </form>
+                        <div class="dz-message needsclick">
+                            <i class="h1 bx bx-cloud-upload"></i>
+                            <h3>Drop files here or click to upload.</h3>
+                        </div>
+                    </div>
+
+                    <ul class="list-unstyled mb-0" id="dropzone-preview">
+                        <li class="mt-2" id="dropzone-preview-list">
+                            <!-- This is used as the file preview template -->
+                            <div class="border rounded">
+                                <div class="d-flex align-items-center p-2">
+                                    <div class="flex-shrink-0 me-3">
+                                        <div class="avatar-sm bg-light rounded">
+                                            <img data-dz-thumbnail class="img-fluid rounded d-block" src="#"
+                                                alt="" />
+                                        </div>
+                                    </div>
+                                    <div class="flex-grow-1">
+                                        <div class="pt-1">
+                                            <h5 class="fs-14 mb-1" data-dz-name>&nbsp;
+                                            </h5>
+                                            <p class="fs-13 text-muted mb-0" data-dz-size></p>
+                                            <strong class="error text-danger" data-dz-errormessage></strong>
+                                        </div>
+                                    </div>
+                                    <div class="flex-shrink-0 ms-3">
+                                        <button data-dz-remove class="btn btn-sm btn-danger">Delete</button>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                    <!-- end dropzon-preview -->
+                </div>
+                <div class="d-flex justify-content-end">
+                    <button id="submit-upload" class="btn btn-primary">Upload Files</button>
+                </div>
+            </div> <!-- end card body -->
+        </div> <!-- end card -->
+    </div> <!-- end col -->
+</div> <!-- end row -->
+
+@endsection
+
+@section('scripts')
+@vite(['resources/js/business-industries/create.js'])
+@endsection

resources/views/business-industries/edit.blade.php

@@ -0,0 +1,89 @@
+@extends('layouts.vertical', ['subtitle' => 'Create'])
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Data Settings', 'subtitle' => 'Setting Dashboard'])
+
+<x-toast-notification />
+<div class="row d-flex justify-content-center">
+	<div class="col-lg-6">
+		<div class="card">
+			<div class="card-body">
+				<form id="formUpdateBusinessIndustries" action="{{ route('api-business-industries.update', $data->id) }}" method="POST">
+					@csrf
+					@method('PUT')
+                    <div class="mb-3">
+                        <label for="nama_kecamatan" class="form-label">Nama Kecamatan</label>
+                        <input type="text" id="nama_kecamatan" class="form-control" name="nama_kecamatan" value="{{ $data->nama_kecamatan }}">
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="nama_kelurahan" class="form-label">Nama Kelurahan</label>
+                        <input type="text" id="nama_kelurahan" class="form-control" name="nama_kelurahan" value="{{ $data->nama_kelurahan }}">
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="nop" class="form-label">NOP</label>
+                        <input type="text" id="nop" class="form-control" name="nop" value="{{ $data->nop }}">
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="nama_wajib_pajak" class="form-label">Nama Wajib Pajak</label>
+                        <input type="text" id="nama_wajib_pajak" class="form-control" name="nama_wajib_pajak" value="{{ $data->nama_wajib_pajak }}">
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="alamat_wajib_pajak" class="form-label">Alamat Wajib Pajak</label>
+                        <input type="text" id="alamat_wajib_pajak" class="form-control" name="alamat_wajib_pajak" value="{{ $data->alamat_wajib_pajak }}">
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="alamat_objek_pajak" class="form-label">Alamat Objek Pajak</label>
+                        <input type="text" id="alamat_objek_pajak" class="form-control" name="alamat_objek_pajak" value="{{ $data->alamat_objek_pajak }}">
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="luas_bumi" class="form-label">Luas Bumi</label>
+                        <input type="number" id="luas_bumi" class="form-control" name="luas_bumi" value="{{ $data->luas_bumi }}">
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="luas_bangunan" class="form-label">Luas Bangunan</label>
+                        <input type="number" id="luas_bangunan" class="form-control" name="luas_bangunan" value="{{ $data->luas_bangunan }}">
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="njop_bumi" class="form-label">NJOP Bumi</label>
+                        <input type="number" id="njop_bumi" class="form-control" name="njop_bumi" value="{{ $data->njop_bumi }}">
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="njop_bangunan" class="form-label">NJOP Bangunan</label>
+                        <input type="number" id="njop_bangunan" class="form-control" name="njop_bangunan" value="{{ $data->njop_bangunan }}">
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="ketetapan" class="form-label">Ketetapan</label>
+                        <input type="text" id="ketetapan" class="form-control" name="ketetapan" value="{{ $data->ketetapan }}">
+                    </div>
+
+                    <div class="mb-3">
+                        <label for="tahun_pajak" class="form-label">Tahun Pajak</label>
+                        <input type="number" id="tahun_pajak" class="form-control" name="tahun_pajak" value="{{ $data->tahun_pajak }}">
+                    </div>
+
+                    <button class="btn btn-primary me-1" type="button" id="btnUpdateBusinessIndustries">
+                        <span id="spinner" class="spinner-border spinner-border-sm me-1 d-none" role="status" aria-hidden="true"></span>
+                        Update
+                    </button>
+				</form>
+			</div>
+		</div>
+	</div>
+</div>
+
+@endsection
+
+@section('scripts')
+@vite(['resources/js/business-industries/update.js'])
+@endsection

resources/views/business-industries/index.blade.php

@@ -0,0 +1,31 @@
+@extends('layouts.vertical', ['subtitle' => 'Business Industries'])
+
+@section('css')
+@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
+@endsection
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Data', 'subtitle' => 'Business Industries'])
+
+<x-toast-notification />
+<x-modal-confirmation buttonText="Delete" confirmationMessage="Are you sure you want to delete this?" />
+
+<div class="row">
+	<div class="col-12">
+		<div class="card w-100">
+			<div class="card-body">
+				<div class="d-flex flex-wrap justify-content-end align-items-center mb-2">
+					<a href="{{ route('business-industries.create')}}" class="btn btn-success btn-sm d-block d-sm-inline w-auto">Create</a>
+				</div>
+				<div id="table-business-industries"></div>
+			</div>
+		</div>
+	</div>
+</div>
+
+@endsection
+
+@section('scripts')
+@vite(['resources/js/business-industries/index.js'])
+@endsection

routes/api.php

@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\Api\BusinessOrIndustriesController;
 use App\Http\Controllers\Api\DashboardController;
 use App\Http\Controllers\Api\DataSettingController;
 use App\Http\Controllers\Api\GlobalSettingsController;
@@ -71,6 +72,10 @@ Route::group(['middleware' => 'auth:sanctum'], function (){
 
     // roles api
     Route::apiResource('api-roles', RolesController::class);
+
+    //business industries api 
+    Route::apiResource('api-business-industries', BusinessOrIndustriesController::class);
+    Route::post('api-business-industries/upload', [BusinessOrIndustriesController::class, 'upload'])->name('business-industries.upload');
 });
 
 

routes/web.php

@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\BusinessOrIndustriesController;
 use App\Http\Controllers\DataSettingController;
 use App\Http\Controllers\Dashboards\BigDataController;
 use App\Http\Controllers\Home\HomeController;
@@ -62,5 +63,6 @@ Route::group(['middleware' => 'auth'], function(){
         // Rute khusus untuk create dan bulk-create
         Route::get('/advertisements/create', [AdvertisementController::class, 'create'])->name('advertisements.create');
         Route::get('/advertisements/bulk-create', [AdvertisementController::class, 'bulkCreate'])->name('advertisements.bulk-create');
+        Route::resource('/business-industries',BusinessOrIndustriesController::class);
     });
 });

vite.config.js

@@ -71,6 +71,10 @@ export default defineConfig({
                 "resources/js/data-settings/index.js",
                 "resources/js/data-settings/create.js",
                 "resources/js/data-settings/update.js",
+                // business-industries
+                "resources/js/business-industries/create.js",
+                "resources/js/business-industries/update.js",
+                "resources/js/business-industries/index.js",
             ],
             refresh: true,
         }),