feature: umkm crud and add template file for reklame

2025-02-17 13:03:54 +07:00
parent 41ddbaef24
commit 8c236c460d
27 changed files with 1434 additions and 42 deletions
--- a/app/Http/Controllers/Api/AdvertisementController.php
+++ b/app/Http/Controllers/Api/AdvertisementController.php
@@ -53,7 +53,7 @@ class AdvertisementController extends Controller
            $advertisement->village_name = $village ? $village->village_name : null;
            
            $district = DB::table('districts')->where('district_code', $advertisement->district_code)->first();
-        $advertisement->district_name = $district ? $district->district_name : null;
+            $advertisement->district_name = $district ? $district->district_name : null;
            return $advertisement;
        });

@@ -75,10 +75,10 @@ class AdvertisementController extends Controller
    {
        $data = $request->validated();

-        // Cari village_code berdasarkan village_name
-        $village_code = DB::table('villages')->where('village_name', $data['village_name'])->value('village_code');
        // Cari district_code berdasarkan district_name
        $district_code = DB::table('districts')->where('district_name', $data['district_name'])->value('district_code');
+        // Cari village_code berdasarkan village_name
+        $village_code = DB::table('villages')->where('village_name', $data['village_name'])->where('district_code', $district_code)->value('village_code');

        // Tambahkan village_code dan district_code ke data
        $data['village_code'] = $village_code;
@@ -142,10 +142,10 @@ class AdvertisementController extends Controller
    {
        $data = $request->validated();

-        // Cari village_code berdasarkan village_name
-        $village_code = DB::table('villages')->where('village_name', $data['village_name'])->value('village_code');
        // Cari district_code berdasarkan district_name
        $district_code = DB::table('districts')->where('district_name', $data['district_name'])->value('district_code');
+        // Cari village_code berdasarkan village_name
+        $village_code = DB::table('villages')->where('village_name', $data['village_name'])->where('district_code', $district_code)->value('village_code');

        // Tambahkan village_code dan district_code ke data
        $data['village_code'] = $village_code;
@@ -196,4 +196,17 @@ class AdvertisementController extends Controller

        return response()->json($results);
    }
+
+    public function downloadExcelAdvertisement()
+    {
+        $filePath = storage_path('app/public/templateFile/template_reklame.xlsx');
+
+        // Cek apakah file ada
+        if (!file_exists($filePath)) {
+            return response()-> json(['message' => 'File tidak ditemukan!'], Response::HTTP_NOT_FOUND);
+        }
+
+        // Return file to download
+        return response()->download($filePath);
+    }
 }
--- a/app/Http/Controllers/Api/UmkmController.php
+++ b/app/Http/Controllers/Api/UmkmController.php
@@ -8,6 +8,11 @@ use App\Http\Requests\UmkmRequest;
 use Illuminate\Http\Response;
 use App\Http\Controllers\Controller;
 use App\Http\Resources\UmkmResource;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Validator;
+use Maatwebsite\Excel\Facades\Excel;
+use App\Imports\UmkmImport;
+use Illuminate\Support\Facades\Storage;

 class UmkmController extends Controller
 {
@@ -16,9 +21,41 @@ class UmkmController extends Controller
     */
    public function index(Request $request)
    {
-        $umkms = Umkm::paginate();
+        info($request);
+        $perPage = $request->input('per_page', 15);
+        $search = $request->input('search', '');

-        return UmkmResource::collection($umkms);
+        $query = Umkm::query();
+
+        $umkm = $query->paginate($perPage);
+
+        $umkm->getCollection()->transform(function ($umkm) {
+            $village = DB::table('villages')->where('village_code', $umkm->village_code)->first();
+            $umkm->village_name = $village ? $village->village_name : null;
+            
+            $district = DB::table('districts')->where('district_code', $umkm->district_code)->first();
+            $umkm->district_name = $district ? $district->district_name : null;
+
+            $business_scale = DB::table('business_scale')->where('id', $umkm->business_scale_id)->first();
+            $umkm->business_scale = $business_scale ? $business_scale->business_scale : null;
+
+            $permit_status = DB::table('permit_status')->where('id', $umkm->permit_status_id)->first();
+            $umkm->permit_status = $permit_status ? $permit_status->permit_status : null;
+
+            $business_form = DB::table('business_form')->where('id', $umkm->business_form_id)->first();
+            $umkm->business_form = $business_form ? $business_form->business_form : null;
+            return $umkm;
+        });
+
+        return response()->json([
+            'data' => UmkmResource::collection($umkm),
+            'meta' => [
+                'total' => $umkm->total(),
+                'per_page' => $umkm->perPage(),
+                'current_page' => $umkm->currentPage(),
+                'last_page' => $umkm->lastPage(),
+            ]
+        ]);
    }

    /**
@@ -26,7 +63,66 @@ class UmkmController extends Controller
     */
    public function store(UmkmRequest $request): Umkm
    {
-        return Umkm::create($request->validated());
+        info($request);
+        $data = $request->validated();
+
+        // Cari kode berdasarkan nama
+        $district_code = DB::table('districts')->where('district_name', $data['district_name'])->value('district_code');
+        $village_code = DB::table('villages')->where('village_name', $data['village_name'])->where('district_code', $district_code)->value('village_code');
+        $business_scale_id = DB::table('business_scale')->where('id', $data['business_scale'])->value('id');
+        $permit_status_id = DB::table('permit_status')->where('id', $data['permit_status'])->value('id');
+        $business_form_id = DB::table('business_form')->where('id', $data['business_form'])->value('id');
+
+        info($business_scale_id);
+
+        // Update data dengan kode yang ditemukan
+        $data['village_code'] = $village_code;
+        $data['district_code'] = $district_code;
+        $data['land_area'] = (double) $request['land_area'];
+        $data['business_scale_id'] = (int) $business_scale_id;
+        $data['permit_status_id'] = (int) $permit_status_id;
+        $data['business_form_id'] = (int) $business_form_id;
+
+        info($data);
+
+        // Simpan ke database
+        return Umkm::create($data);
+    }
+
+    /**
+     * Import advertisements from Excel or CSV.
+     */
+    public function importFromFile(Request $request)
+    {
+        // Validasi file
+        $validator = Validator::make($request->all(), [
+            'file' => 'required|mimes:xlsx, xls|max:10240',
+        ]);
+
+        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 UmkmImport, $file);
+
+            // Jika sukses, kembalikan response sukses
+            return response()->json([
+                'message' => 'File uploaded and imported successfully!'
+            ], 200);
+        } catch (\Exception $e) {
+            return response()->json([
+                'message' => 'Error during file import.',
+                'error' => $e->getMessage()
+            ], 500);
+        }
    }

    /**
@@ -42,7 +138,31 @@ class UmkmController extends Controller
     */
    public function update(UmkmRequest $request, Umkm $umkm): Umkm
    {
-        $umkm->update($request->validated());
+        info($request);
+        $data = $request->validated();
+
+        
+        // Cari district_code berdasarkan district_name
+        $district_code = DB::table('districts')->where('district_name', $data['district_name'])->value('district_code');
+        // Cari village_code berdasarkan village_name
+        $village_code = DB::table('villages')->where('village_name', $data['village_name'])->where('district_code', $district_code)->value('village_code');
+        $business_scale_id = DB::table('business_scale')->where('id', $data['business_scale_id'])->value('id');
+        $permit_status_id = DB::table('permit_status')->where('id', $data['permit_status_id'])->value('id');
+        $business_form_id = DB::table('business_form')->where('id', $data['business_form_id'])->value('id');
+
+        
+        // Tambahkan village_code dan district_code ke data
+        $data['village_code'] = $village_code;
+        $data['district_code'] = $district_code;
+        $data['land_area'] = (double) $request['land_area'];
+        $data['business_scale_id'] = (int) $business_scale_id;
+        $data['permit_status_id'] = (int) $permit_status_id;
+        $data['business_form_id'] = (int) $business_form_id;
+
+        // Log data setelah transformasi
+        info($data);
+
+        $umkm->update($data);

        return $umkm;
    }
@@ -53,4 +173,17 @@ class UmkmController extends Controller

        return response()->noContent();
    }
+
+    public function downloadExcelUmkm()
+    {
+        $filePath = storage_path('app/public/templateFile/template_umkm.xlsx');
+
+        // Cek apakah file ada
+        if (!file_exists($filePath)) {
+            return response()-> json(['message' => 'File tidak ditemukan!'], Response::HTTP_NOT_FOUND);
+        }
+
+        // Return file to download
+        return response()->download($filePath);
+    }
 }
--- a/app/Http/Controllers/Data/UmkmController.php
+++ b/app/Http/Controllers/Data/UmkmController.php
@@ -0,0 +1,149 @@
+<?php
+
+namespace App\Http\Controllers\Data;
+
+use App\Http\Controllers\Controller;
+use App\Models\Umkm;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
+
+class UmkmController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     */
+    public function index()
+    {
+        return view('data.umkm.index');
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function bulkCreate()
+    {
+        return view('data.umkm.form-upload');
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     */
+    public function create()
+    {
+        $title = 'UMKM';
+        $subtitle = 'Create Data';
+
+        // Mengambil data untuk dropdown
+        $dropdownOptions = [
+            'village_name' => DB::table('villages')->orderBy('village_name')->pluck('village_name', 'village_code'),
+            'district_name' => DB::table('districts')->orderBy('district_name')->pluck('district_name', 'district_code'),
+            'business_scale' => DB::table('business_scale')->orderBy('business_scale')->pluck('business_scale', 'id'),
+            'permit_status' => DB::table('permit_status')->orderBy('permit_status')->pluck('permit_status', 'id'),
+            'business_form' => DB::table('business_form')->orderBy('business_form')->pluck('business_form', 'id')
+        ];
+
+        $fields = $this->getFields();
+        $fieldTypes = $this->getFieldTypes();
+
+        $apiUrl = url('/api/umkm');
+
+        return view('data.umkm.form', compact('title', 'subtitle', 'fields', 'fieldTypes', 'apiUrl', 'dropdownOptions'));
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     */
+    public function edit($id)
+    {
+        $title = 'UMKM';
+        $subtitle = 'Update Data';
+        $modelInstance = Umkm::find($id);
+        // Pastikan model ditemukan
+        if (!$modelInstance) {
+            return redirect()->route('umkm.index')->with('error', 'umkm not found');
+        }
+
+        // Mengambil dan memetakan village_name dan district_name
+        $village = DB::table('villages')->where('village_code', $modelInstance->village_code)->first();
+        $modelInstance->village_name = $village ? $village->village_name : null;
+
+        $district = DB::table('districts')->where('district_code', $modelInstance->district_code)->first();
+        $modelInstance->district_name = $district ? $district->district_name : null;
+
+        $business_scale = DB::table('business_scale')->where('id', $modelInstance->business_scale_id)->first();
+        $modelInstance->business_scale_id = $business_scale ? $business_scale->id : null;
+        
+        $permit_status = DB::table('permit_status')->where('id', $modelInstance->permit_status_id)->first();
+        $modelInstance->permit_status_id = $permit_status ? $permit_status->id : null;
+
+        $business_form = DB::table('business_form')->where('id', $modelInstance->business_form_id)->first();
+        $modelInstance->business_form_id = $business_form ? $business_form->id : null;
+
+        // dd($modelInstance['business_form_id']);
+        // Mengambil data untuk dropdown
+        $dropdownOptions = [
+            'village_name' => DB::table('villages')->orderBy('village_name')->pluck('village_name', 'village_code'),
+            'district_name' => DB::table('districts')->orderBy('district_name')->pluck('district_name', 'district_code'),
+            'business_scale_id' => DB::table('business_scale')->orderBy('business_scale')->pluck('business_scale', 'id'),
+            'permit_status_id' => DB::table('permit_status')->orderBy('permit_status')->pluck('permit_status', 'id'),
+            'business_form_id' => DB::table('business_form')->orderBy('business_form')->pluck('business_form', 'id')
+        ];
+
+        info("AdvertisementController@edit diakses dengan Model Instance: $modelInstance");
+        $fields = $this->getFields();
+        $fieldTypes = $this->getFieldTypes();
+
+        $apiUrl = url('/api/umkm');
+
+        // dd($modelInstance->business_form_id, $dropdownOptions['business_form']);
+        return view('data.umkm.form', compact('title', 'subtitle', 'modelInstance', 'fields', 'fieldTypes', 'apiUrl', 'dropdownOptions'));
+    }
+
+    private function getFields()
+    {
+        return [
+            "business_name" => "Nama Usaha",
+            "business_address" => "Alamat Usaha",
+            "business_desc" => "Deskripsi Usaha",
+            "business_contact" => "Kontak Usaha",
+            "business_id_number" => "NIB",
+            "business_scale_id" => "Skala Usaha",
+            "owner_id" => "NIK",
+            "owner_name" => "Nama Pemilik",
+            "owner_address" => "Alamat Pemilik",
+            "owner_contact" => "Kontak Pemilik",
+            "business_type" => "Jenis Usaha",
+            "district_name" => "Kecamatan",
+            "village_name" => "Desa",
+            "number_of_employee" => "Jumlah Karyawan",
+            "land_area" => "Luas Tanah",
+            "permit_status_id" => "Ijin Status",
+            "business_form_id" => "Bisnis Form",
+            "revenue" => "Omset"
+        ];
+    }
+
+    private function getFieldTypes()
+    {
+        return [
+            "business_name" => "text",
+            "business_address" => "text",
+            "business_desc" => "textarea",
+            "business_contact" => "text",
+            "business_id_number" => "text",
+            "business_scale_id" => "select",
+            "owner_id" => "text",
+            "owner_name" => "text",
+            "owner_address" => "text",
+            "owner_contact" => "text",
+            "business_type" => "text",
+            "district_name" => "combobox",
+            "village_name" => "combobox",
+            "number_of_employee" => "text",
+            "land_area" => "text",
+            "permit_status_id" => "select",
+            "business_form_id" => "select",
+            "revenue" => "text"
+        ];
+    }
+}
--- a/app/Http/Requests/UmkmRequest.php
+++ b/app/Http/Requests/UmkmRequest.php
@@ -33,12 +33,74 @@ class UmkmRequest extends FormRequest
 			'owner_address' => 'required|string',
 			'owner_contact' => 'required|string',
 			'business_type' => 'required|string',
-			'business_form' => 'required|string',
-			'revenue' => 'required',
-			'village_code' => 'required|string',
-			'distric_code' => 'required',
+			'business_form_id' => 'required|string',
+			'revenue' => 'required|numeric|between:0,999999999999999999.99',
+			'village_name' => 'required|string',
+			'district_name' => 'required',
 			'number_of_employee' => 'required',
 			'permit_status_id' => 'required',
+            'land_area' => 'required|integer|between:0,99999999999',
+        ];
+    }
+
+    /**
+     * Get the validation messages for the request.
+     *
+     * @return array<string, string>
+     */
+    public function messages(): array
+    {
+        return [
+            'business_name.required' => 'Nama usaha wajib diisi.',
+            'business_name.string' => 'Nama usaha harus berupa teks.',
+
+            'business_address.required' => 'Alamat usaha wajib diisi.',
+            'business_address.string' => 'Alamat usaha harus berupa teks.',
+
+            'business_desc.required' => 'Deskripsi usaha wajib diisi.',
+            'business_desc.string' => 'Deskripsi usaha harus berupa teks.',
+
+            'business_contact.required' => 'Kontak usaha wajib diisi.',
+            'business_contact.string' => 'Kontak usaha harus berupa teks.',
+
+            'business_id_number.string' => 'Nomor ID usaha harus berupa teks.',
+
+            'business_scale.required' => 'Skala usaha wajib diisi.',
+
+            'owner_id.required' => 'ID pemilik wajib diisi.',
+            'owner_id.string' => 'ID pemilik harus berupa teks.',
+
+            'owner_name.required' => 'Nama pemilik wajib diisi.',
+            'owner_name.string' => 'Nama pemilik harus berupa teks.',
+
+            'owner_address.required' => 'Alamat pemilik wajib diisi.',
+            'owner_address.string' => 'Alamat pemilik harus berupa teks.',
+
+            'owner_contact.required' => 'Kontak pemilik wajib diisi.',
+            'owner_contact.string' => 'Kontak pemilik harus berupa teks.',
+
+            'business_type.required' => 'Jenis usaha wajib diisi.',
+            'business_type.string' => 'Jenis usaha harus berupa teks.',
+
+            'business_form.required' => 'Bentuk usaha wajib diisi.',
+            'business_form.string' => 'Bentuk usaha harus berupa teks.',
+
+            'revenue.required' => 'Omset wajib diisi.',
+            'revenue.numeric' => 'Omset harus berupa angka yang valid.',
+            'revenue.between' => 'Omset harus berada di antara 0 dan 9.999.999.999,99.',
+
+            'village_name.required' => 'Nama desa wajib diisi.',
+            'village_name.string' => 'Nama desa harus berupa teks.',
+
+            'district_name.required' => 'Nama distrik wajib diisi.',
+
+            'number_of_employee.required' => 'Jumlah karyawan wajib diisi.',
+
+            'permit_status.required' => 'Status izin wajib diisi.',
+
+            'land_area.required' => 'Luas lahan wajib diisi.',
+            'land_area.integer' => 'Luas lahan harus berupa angka bulat.',
+            'land_area.between' => 'Luas lahan harus berada di antara 0 dan 99.999.999.999.',
        ];
    }
 }
--- a/app/Imports/AdvertisementImport.php
+++ b/app/Imports/AdvertisementImport.php
@@ -47,7 +47,7 @@ class AdvertisementImport implements ToCollection
            $districtCode = $districts[$districtName] ?? null;

            $listTrueVillage = DB::table('villages')
-                ->where('district_code', $districtCode) // Perbaikan pada where()
+                ->where('district_code', $districtCode)
                ->get()
                ->mapWithKeys(function ($item) {
                    return [strtolower(trim($item->village_name)) => [
--- a/app/Imports/UmkmImport.php
+++ b/app/Imports/UmkmImport.php
@@ -0,0 +1,98 @@
+<?php
+
+namespace App\Imports;
+
+use App\Models\Umkm;
+use Illuminate\Support\Collection;
+use Maatwebsite\Excel\Concerns\ToCollection;
+use Illuminate\Support\Facades\DB;
+
+class UmkmImport implements ToCollection
+{
+
+    protected static $processed = false;
+    /**
+     * Process each row in the file.
+     */
+    public function collection(Collection $rows)
+    {
+        if (self::$processed) {
+            return;
+        }
+        self::$processed = true;
+
+        if ($rows->isEmpty())
+        {
+            return;
+        }
+
+        // Ambil data districts dengan normalisasi nama
+        $districts = DB::table('districts')
+            ->get()
+            ->mapWithKeys(function ($item) {
+                return [strtolower(trim($item->district_name)) => $item->district_code];
+            })
+            ->toArray();
+        // Cari header secara otomatis
+        $header = $rows->first();
+        $headerIndex = collect($header)->search(fn($value) => !empty($value));
+
+        // Pastikan header ditemukan
+        if ($headerIndex === false) {
+            return;
+        }
+
+        info($rows);
+
+        foreach ($rows->skip(1) as $row) {
+            // Normalisasi nama kecamatan dan desa
+            $districtName = strtolower(trim(str_replace('Kecamatan', '', $row[14])));
+            $villageName = strtolower(trim($row[13]));
+
+            // Cari distric_code dari table districts
+            $districtCode = $districts[$districtName] ?? null;
+
+            $listTrueVillage = DB::table('villages')
+                ->where('district_code', $districtCode)
+                ->get()
+                ->mapWithKeys(function ($item) {
+                    return [strtolower(trim($item->village_name)) => [
+                        'village_code' => $item->village_code,
+                        'district_code' => $item->district_code
+                    ]];
+                })
+                ->toArray();
+            
+            // ambil village code yang village_name sama dengan $villageName
+            $villageCode = $listTrueVillage[$villageName]['village_code'] ?? '0000';
+
+            $dataToInsert[] = [
+                'business_name' => $row[0],
+                'business_address' => $row[1],
+                'business_desc' => $row[2],
+                'business_contact' => $row[3],
+                'business_id_number' => $row[4],
+                'business_scale_id' => $row[5],
+                'owner_id' => $row[6],
+                'owner_name' => $row[7],
+                'owner_address' => $row[8],
+                'owner_contact' => $row[9],
+                'business_type' => $row[10],
+                'business_form_id' => $row[11],
+                'revenue' => $row[12],
+                'village_code' => $villageCode,
+                'district_code' => $districtCode,
+                'number_of_employee' => $row[15],
+                'land_area' => $row[16],
+                'permit_status_id' => $row[17],
+            ];
+        }
+
+        info($dataToInsert);
+        if (!empty($dataToInsert)) {
+            Umkm::insert($dataToInsert);
+        } else {
+            return;
+        }
+    }
+}
--- a/app/Models/Umkm.php
+++ b/app/Models/Umkm.php
@@ -21,7 +21,7 @@ use Illuminate\Database\Eloquent\Model;
 * @property $owner_address
 * @property $owner_contact
 * @property $business_type
- * @property $business_form
+ * @property $business_form_id
 * @property $revenue
 * @property $village_code
 * @property $distric_code
@@ -42,7 +42,7 @@ class Umkm extends Model
     *
     * @var array<int, string>
     */
-    protected $fillable = ['business_name', 'business_address', 'business_desc', 'business_contact', 'business_id_number', 'business_scale_id', 'owner_id', 'owner_name', 'owner_address', 'owner_contact', 'business_type', 'business_form', 'revenue', 'village_code', 'distric_code', 'number_of_employee', 'land_area', 'permit_status_id'];
+    protected $fillable = ['business_name', 'business_address', 'business_desc', 'business_contact', 'business_id_number', 'business_scale_id', 'owner_id', 'owner_name', 'owner_address', 'owner_contact', 'business_type', 'business_form_id', 'revenue', 'village_code', 'district_code', 'number_of_employee', 'land_area', 'permit_status_id'];


 }
--- a/database/migrations/2025_02_12_100256_update_business_form_column_in_umkm_table.php
+++ b/database/migrations/2025_02_12_100256_update_business_form_column_in_umkm_table.php
@@ -0,0 +1,30 @@
+<?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::table('umkm', function (Blueprint $table) {
+            $table->dropColumn('business_form');
+            $table->integer('business_form_id')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('umkm', function (Blueprint $table) {
+            $table->dropColumn('business_form_id');
+            $table->string('business_form')->nullable();
+        });
+    }
+};
--- a/database/migrations/2025_02_12_100644_create_business_form_table.php
+++ b/database/migrations/2025_02_12_100644_create_business_form_table.php
@@ -0,0 +1,29 @@
+<?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_form', function (Blueprint $table) {
+            $table->id();
+            $table->timestamp('created_at')->default(DB::raw('CURRENT_TIMESTAMP'));
+            $table->timestamp('updated_at')->default(DB::raw('CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP'));
+            $table->string('business_form');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('business_form');
+    }
+};
--- a/database/migrations/2025_02_12_103210_update_distric_code_column_in_umkm_table.php
+++ b/database/migrations/2025_02_12_103210_update_distric_code_column_in_umkm_table.php
@@ -0,0 +1,28 @@
+<?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::table('umkm', function (Blueprint $table) {
+            $table->renameColumn('distric_code', 'district_code');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('umkm', function (Blueprint $table) {
+            $table->renameColumn('district_code', 'distric_code');
+        });
+    }
+};
--- a/database/migrations/2025_02_13_072400_rename_umkms_table_to_umkm.php
+++ b/database/migrations/2025_02_13_072400_rename_umkms_table_to_umkm.php
@@ -0,0 +1,28 @@
+<?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::table('umkm', function (Blueprint $table) {
+            Schema::rename('umkm', 'umkms'); 
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('umkm', function (Blueprint $table) {
+            Schema::rename('umkm', 'umkms');
+        });
+    }
+};
--- a/database/migrations/2025_02_13_102551_update_revenue_and_land_area_columns_in_umkm_table.php
+++ b/database/migrations/2025_02_13_102551_update_revenue_and_land_area_columns_in_umkm_table.php
@@ -0,0 +1,36 @@
+<?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::table('umkms', function (Blueprint $table) {
+            // Mengubah kolom 'revenue' menjadi decimal(20, 2)
+            $table->decimal('revenue', 20, 2)->change();
+
+            // Mengubah kolom 'land_area' menjadi decimal(20, 2)
+            $table->integer('land_area')->nullable()->change();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('umkm', function (Blueprint $table) {
+            // Mengembalikan kolom 'revenue' ke decimal default (jika ada)
+            $table->decimal('revenue')->change();
+
+            // Mengembalikan kolom 'land_area' ke tipe sebelumnya (float atau lainnya)
+            $table->float('land_area')->nullable()->change();
+        });
+    }
+};
--- a/database/seeders/BusinessFormSeeder.php
+++ b/database/seeders/BusinessFormSeeder.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace Database\Seeders;
+
+use Illuminate\Database\Console\Seeds\WithoutModelEvents;
+use Illuminate\Database\Seeder;
+use Illuminate\Support\Facades\DB;
+
+class BusinessFormSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        DB::table('business_form')->insert([
+            ['business_form' => 'Perseorangan'],
+            ['business_form' => 'Persekutuan'],
+            ['business_form' => 'Koperasi'],
+            ['business_form' => 'CV'],
+            ['business_form' => 'PT'],
+            ['business_form' => 'PTTB'],
+            ['business_form' => 'Perseroan'],
+        ]);
+    }
+}
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "Darkone-Laravel",
+  "name": "sibedas-pbg-web",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
@@ -18,6 +18,7 @@
        "node-waves": "^0.7.6",
        "quill": "^1.3.7",
        "simplebar": "^5.3.9",
+        "sweetalert2": "^11.16.0",
        "wnumb": "^1.2.0"
      },
      "devDependencies": {
@@ -2507,6 +2508,16 @@
        "node": ">= 0.8.0"
      }
    },
+    "node_modules/sweetalert2": {
+      "version": "11.16.0",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.16.0.tgz",
+      "integrity": "sha512-4CGgNMpQHcwV+Gov0j4u3lDc/5lyl04NBsa1vW0Se9cqsrQoUimD6/Z5UyZiRP4kMbwQGyb7wsp0x3ytybti6w==",
+      "license": "MIT",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/limonte"
+      }
+    },
    "node_modules/tailwindcss": {
      "version": "3.4.15",
      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.15.tgz",
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
    "node-waves": "^0.7.6",
    "quill": "^1.3.7",
    "simplebar": "^5.3.9",
+    "sweetalert2": "^11.16.0",
    "wnumb": "^1.2.0"
  }
 }
--- a/resources/js/data/advertisements/form-upload.js
+++ b/resources/js/data/advertisements/form-upload.js
@@ -1,4 +1,5 @@
 import { Dropzone } from "dropzone";
+import GlobalConfig from "../../global-config.js";

 Dropzone.autoDiscover = false;

@@ -14,7 +15,7 @@ console.log(dropzonePreviewNode);
        ((previewTemplate = dropzonePreviewNode.parentNode.innerHTML),
        dropzonePreviewNode.parentNode.removeChild(dropzonePreviewNode),
        (dropzone = new Dropzone(".dropzone", {
-            url: "http://localhost:8000/api/advertisements/import",
+            url: `${GlobalConfig.apiHost}/api/advertisements/import`,
            // url: "https://httpbin.org/post",
            method: "post",
            acceptedFiles: ".xls,.xlsx",  // Use acceptedFiles for better validation
@@ -85,6 +86,40 @@ dropzone.on("complete", function(file) {
    dropzone.removeFile(file);
 });

+// Add event listener to donwload file template
+document.getElementById('downloadtempadvertisement').addEventListener('click', function() {
+    var url = `${GlobalConfig.apiHost}/api/download-template-advertisement`;
+    fetch(url, {
+        method: 'GET',
+        headers: {
+            Authorization: `Bearer ${document
+                .querySelector('meta[name="api-token"]')
+                .getAttribute("content")}`
+        },
+    })
+    .then(response => {
+        if (response.ok) {
+            return response.blob();
+        } else {
+            return response.json();
+        }
+    })
+    .then((blob) => {
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.style.display = 'none';
+        a.href = url;
+        a.download = 'template_reklame.xlsx';
+        document.body.appendChild(a);
+        a.click();
+        window.URL.revokeObjectURL(url);
+    })
+    .catch((error) => {
+        console.error("Gagal mendownload file:", error);
+        showToast('bxs-error-alt', 'red', "Template file is not already exist.");
+    })
+})
+
 // Function to show toast
 function showToast(iconClass, iconColor, message) {
    const toastElement = document.getElementById('toastUploadAdvertisement');
--- a/resources/js/data/umkm/data-umkm.js
+++ b/resources/js/data/umkm/data-umkm.js
@@ -0,0 +1,81 @@
+import gridjs from "gridjs/dist/gridjs.umd.js";
+import "gridjs/dist/gridjs.umd.js";
+import GlobalConfig from "../../global-config.js";
+import GeneralTable from "../../table-generator.js";
+
+const dataUMKMColumns = [
+    "Nama Usaha",
+    "Alamat Usaha",
+    "Deskripsi Usaha",
+    "Kontak Usaha",
+    "NIB",
+    "Skala Usaha",
+    "NIK",
+    "Nama Pemilik",
+    "Alamat Pemilik",
+    "Kontak Pemilik",
+    "Jenis Usaha",
+    "Bentuk Usaha",
+    "Revenue",
+    "Desa",
+    "Kecamatan",
+    "Jumlah Karyawan",
+    "Luas Tanah",
+    "Ijin Status",
+    {
+        name: "Actions",
+        widht: "120px",
+        formatter: function(cell, row) {
+            const id = row.cells[18].data;
+            const model = "data/umkm";
+            return gridjs.html(`
+                <div class="d-flex justify-items-end gap-10">
+                    <button class="btn btn-warning me-2 btn-edit" 
+                        data-id="${id}" 
+                        data-model="${model}">
+                        <i class='bx bx-edit' ></i></button>
+                    <button class="btn btn-red btn-delete" 
+                            data-id="${id}">
+                            <i class='bx bxs-trash' ></i></button>
+                </div>
+            `);
+        }
+    }
+];
+
+document.addEventListener("DOMContentLoaded", () => {
+    const table = new GeneralTable(
+        "umkm-data-table",
+        `${GlobalConfig.apiHost}/api/umkm`,
+        `${GlobalConfig.apiHost}`,
+        dataUMKMColumns
+    );
+
+    table.processData = function (data) {
+        return data.data.map((item) => {
+            return [
+                item.business_name,
+                item.business_address,
+                item.business_desc,
+                item.business_contact,
+                item.business_id_number,
+                item.business_scale,
+                item.owner_id,
+                item.owner_name,
+                item.owner_address,
+                item.owner_contact,
+                item.business_type,
+                item.business_form,
+                item.revenue,
+                item.village_name,
+                item.district_name,
+                item.number_of_employee,
+                item.land_area,
+                item.permit_status,
+                item.id,
+            ];
+        });
+    };
+
+    table.init();
+});
--- a/resources/js/data/umkm/form-create-update.js
+++ b/resources/js/data/umkm/form-create-update.js
@@ -0,0 +1,185 @@
+import GlobalConfig from "../../global-config";
+
+document.addEventListener("DOMContentLoaded", function () {
+    const saveButton = document.querySelector(".modal-footer .btn-primary");
+    const modalButton = document.querySelector(".btn-modal");
+    const form = document.querySelector("form#create-update-form");
+    var authLogo = document.querySelector(".auth-logo");
+
+    if (!saveButton || !form) return;
+
+    saveButton.addEventListener("click", function () {
+        // Disable tombol dan tampilkan spinner
+        modalButton.disabled = true;
+        modalButton.innerHTML = `
+            <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>
+            Loading...
+        `;
+        const isEdit = saveButton.classList.contains("btn-edit");
+        const formData = new FormData(form)
+        const toast = document.getElementById('toastEditUpdate');
+        const toastBody = toast.querySelector('.toast-body');
+        const toastHeader = toast.querySelector('.toast-header small');
+
+        const data = {};
+
+        // Mengonversi FormData ke dalam JSON
+        formData.forEach((value, key) => {
+            data[key] = value;
+        });
+
+        // Log semua data dalam FormData
+        for (let pair of formData.entries()) {
+            console.log(pair[0] + ": " + pair[1]);
+        }
+        const url = form.getAttribute("action");
+        console.log("Ini adalah url dari form action", url);
+
+        const method = isEdit ? "PUT" : "POST";
+
+        fetch(url, {
+            method: method,
+            body: JSON.stringify(data),
+            headers: {
+                Authorization: `Bearer ${document
+                    .querySelector('meta[name="api-token"]')
+                    .getAttribute("content")}`,
+                "Content-Type": "application/json",
+            }
+        })
+        .then(response => response.json())
+        .then(data => {
+            console.log("Response data:", data);
+            if (!data.errors) {
+                // Remove existing icon (if any) before adding the new one
+                if (authLogo) {
+                    // Hapus ikon yang sudah ada jika ada
+                    const existingIcon = authLogo.querySelector('.bx');
+                    if (existingIcon) {
+                        authLogo.removeChild(existingIcon);
+                    }
+
+                    // Buat ikon baru
+                    const icon = document.createElement('i');
+                    icon.classList.add('bx', 'bxs-check-square');
+                    icon.style.fontSize = '25px';
+                    icon.style.color = 'green'; // Pastikan 'green' dalam bentuk string
+
+                    // Tambahkan ikon ke dalam auth-logo
+                    authLogo.appendChild(icon);
+                }
+
+                // Set success message for the toast
+                toastBody.textContent = isEdit ? "Data updated successfully!" : "Data created successfully!";
+                toast.classList.add('show');  // Show the toast
+                setTimeout(() => {
+                    toast.classList.remove('show');  // Hide the toast after 3 seconds
+                }, 3000);
+
+                setTimeout(() => {
+                    window.location.href = '/data/umkm';
+                }, 3000);
+            } else {
+                if (authLogo) {
+                    // Hapus ikon yang sudah ada jika ada
+                    const existingIcon = authLogo.querySelector('.bx');
+                    if (existingIcon) {
+                        authLogo.removeChild(existingIcon);
+                    }
+
+                    // Buat ikon baru
+                    const icon = document.createElement('i');
+                    icon.classList.add('bx', 'bxs-error-alt');
+                    icon.style.fontSize = '25px';
+                    icon.style.color = 'red'; // Pastikan 'green' dalam bentuk string
+
+                    // Tambahkan ikon ke dalam auth-logo
+                    authLogo.appendChild(icon);
+                }
+                // Set error message for the toast
+                toastBody.textContent = "Error: " + (data.message || "Something went wrong");
+                toast.classList.add('show');  // Show the toast
+
+                // Enable button and reset its text on error
+                modalButton.disabled = false;
+                modalButton.innerHTML = isEdit ? "Update" : "Create";
+
+                setTimeout(() => {
+                    toast.classList.remove('show');  // Hide the toast after 3 seconds
+                }, 3000);
+            }
+        })
+        .catch(error => {
+            console.error("Error:", error);
+            if (authLogo) {
+                // Hapus ikon yang sudah ada jika ada
+                const existingIcon = authLogo.querySelector('.bx');
+                if (existingIcon) {
+                    authLogo.removeChild(existingIcon);
+                }
+
+                // Buat ikon baru
+                const icon = document.createElement('i');
+                icon.classList.add('bx', 'bxs-error-alt');
+                icon.style.fontSize = '25px';
+                icon.style.color = 'red'; // Pastikan 'green' dalam bentuk string
+
+                // Tambahkan ikon ke dalam auth-logo
+                authLogo.appendChild(icon);
+            }
+            // Set error message for the toast
+            toastBody.textContent = "An error occurred while processing your request.";
+            toast.classList.add('show');  // Show the toast
+
+            // Enable button and reset its text on error
+            modalButton.disabled = false;
+            modalButton.innerHTML = isEdit ? "Update" : "Create";
+
+            setTimeout(() => {
+                toast.classList.remove('show');  // Hide the toast after 3 seconds
+            }, 3000);
+        });
+    });
+
+    // Fungsi fetchOptions untuk autocomplete server-side
+    window.fetchOptions = function (field) {
+        let inputValue = document.getElementById(field).value;
+        console.log("Query Value:", inputValue); // Debugging log
+        if (inputValue.length < 2) return;
+        let districtValue = document.getElementById("district_name").value; // Ambil kecamatan terpilih
+
+        let url = `${GlobalConfig.apiHost}/api/combobox/search-options?query=${encodeURIComponent(inputValue)}&field=${field}`;
+
+        // Jika field desa, tambahkan kecamatan sebagai filter
+        if (field === "village_name") {
+            url += `&district=${encodeURIComponent(districtValue)}`;
+        }
+
+        fetch(url, {
+            method: 'GET',
+            headers: {
+                Authorization: `Bearer ${document
+                    .querySelector('meta[name="api-token"]')
+                    .getAttribute("content")}`,
+                "Content-Type": "application/json",
+            }
+        })
+        .then(response => response.json())
+        .then(data => {
+            let dataList = document.getElementById(field + "Options");
+            dataList.innerHTML = "";
+
+            data.forEach(item => {
+                let option = document.createElement("option");
+                option.value = item.name;
+                option.dataset.code = item.code;
+                dataList.appendChild(option);
+            });
+        })
+        .catch(error => console.error("Error fetching options:", error));
+    };
+
+    document.querySelector('.btn-back').addEventListener('click', function() {
+        window.history.back();
+    });
+});
--- a/resources/js/data/umkm/form-upload.js
+++ b/resources/js/data/umkm/form-upload.js
@@ -0,0 +1,149 @@
+import { Dropzone } from "dropzone";
+import GlobalConfig from "../../global-config.js";
+
+Dropzone.autoDiscover = false;
+
+var previewTemplate,
+    dropzone,
+    dropzonePreviewNode = document.querySelector("#dropzone-preview-list");
+console.log(previewTemplate);
+console.log(dropzone);
+console.log(dropzonePreviewNode);
+
+(dropzonePreviewNode.id = ""),
+    dropzonePreviewNode &&
+        ((previewTemplate = dropzonePreviewNode.parentNode.innerHTML),
+        dropzonePreviewNode.parentNode.removeChild(dropzonePreviewNode),
+        (dropzone = new Dropzone(".dropzone", {
+            url: `${GlobalConfig.apiHost}/api/umkm/import`,
+            // url: "https://httpbin.org/post",
+            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
+                    showToast('bxs-check-square', 'green', response.message);
+                    document.getElementById("submit-upload").innerHTML = "Upload Files";
+                    // Tunggu sebentar lalu reload halaman
+                    setTimeout(() => {
+                        window.location.href = "/data/umkm";
+                    }, 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
+                    showToast('bxs-error-alt', 'red', errorMessage.message);
+                    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
+        showToast('bxs-error-alt', 'red', "Please add a file first.");
+        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);
+});
+
+// Add event listener to download file template
+document.getElementById('downloadtempumkm').addEventListener('click', function() {
+    var url = `${GlobalConfig.apiHost}/api/download-template-umkm`;
+    fetch(url, {
+        method: 'GET',
+        headers: {
+            Authorization: `Bearer ${document
+                .querySelector('meta[name="api-token"]')
+                .getAttribute("content")}`
+        },
+    })
+    .then(response => {
+        if (response.ok) {
+            return response.blob();  // Jika respons OK, konversi menjadi blob
+        } else {
+            return response.json(); // Jika respons gagal, konversi menjadi JSON untuk menangani pesan error
+        }
+    })
+    .then((blob) => {
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.style.display = 'none';
+        a.href = url;
+        a.download = 'template_umkm.xlsx';
+        document.body.appendChild(a);
+        a.click();
+        window.URL.revokeObjectURL(url);
+    })
+    .catch((error) => {
+        console.error("Gagal mendownload file:", error);
+        showToast('bxs-error-alt', 'red', "Template file is not already exist.");
+    })
+})
+
+// Function to show toast
+function showToast(iconClass, iconColor, message) {
+    const toastElement = document.getElementById('toastUploadUmkm');
+    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();
+}
+
--- a/resources/js/table-generator.js
+++ b/resources/js/table-generator.js
@@ -1,5 +1,6 @@
 import { Grid } from "gridjs/dist/gridjs.umd.js";
 import "gridjs/dist/gridjs.umd.js";
+import Swal from "sweetalert2";

 class GeneralTable {
    constructor(tableId, apiUrl, baseUrl, columns, options = {}) {
@@ -94,9 +95,29 @@ class GeneralTable {
    handleDelete(event) {
        const id = event.target.getAttribute('data-id');
        console.log(id);
-        if (confirm("Are you sure you want to delete this item?")) {
-            this.deleteRecord(id);
-        }
+        // if (confirm("Are you sure you want to delete this item?")) {
+        //     this.deleteRecord(id);
+        // }
+        Swal.fire({
+            title: "Are you sure?",
+            text: "You won't be able to revert this!",
+            icon: "warning",
+            showCancelButton: true,
+            confirmButtonColor: "#d33",
+            cancelButtonColor: "#3085d6",
+            confirmButtonText: "Yes, delete it!"
+        }).then((result) => {
+            if (result.isConfirmed) {
+                this.deleteRecord(id);
+                Swal.fire({
+                    title: "Deleted!",
+                    text: "Your record has been deleted.",
+                    icon: "success",
+                    showConfirmButton: false, // Menghilangkan tombol OK
+                    timer: 2000 // Menutup otomatis dalam 2 detik (opsional)
+                });                
+            }
+        });
    }

    async deleteRecord(id) {
@@ -110,23 +131,30 @@ class GeneralTable {
                        .getAttribute("content")}`,
                    "Content-Type": "application/json",
                },
-                // headers: {
-                //     'Authorization': `Bearer ${document.querySelector('meta[name="api-token"]').getAttribute("content")}`,
-                //     'Content-Type': 'application/json',
-                // },
            });
-            if (response.status === 204) {  // Jika status code 204, berarti berhasil
-                alert('Data deleted successfully!');
+            if (response.status === 204) {
                location.reload();
            } else {
-                const data = await response.json();  // Jika ada data di response body
-                alert('Failed to delete data: ' + (data.message || 'Unknown error.'));
+                const data = await response.json();
+                showErrorAlert(`Failed to delete record: ${data.message || "Unknown error"}`);
            }
        } catch (error) {
            console.error('Error deleting data:', error);
-            alert('Error deleting data.');
+            showErrorAlert("Error deleting data. Please try again.");
        }
    }
 }

+// Fungsi untuk menampilkan alert
+function showErrorAlert(message) {
+    const alertContainer = document.getElementById("alert-container");
+    
+    alertContainer.innerHTML = `
+        <div class="alert alert-danger alert-dismissible fade show" role="alert">
+            ${message}
+            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+        </div>
+    `;
+}
+
 export default GeneralTable;
--- a/resources/views/data/advertisements/form-upload.blade.php
+++ b/resources/views/data/advertisements/form-upload.blade.php
@@ -8,14 +8,10 @@
    <div class="col-xl-12">
        <div class="card">
            <div class="card-header">
-                <h5 class="card-title">Upload Data Reklame</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 class="d-flex justify-content-between align-items-center">
+                    <h5 class="card-title">Upload Data Reklame</h5>
+                    <button id="downloadtempadvertisement" class="btn btn-secondary">Download Template</button>
+                </div>
            </div>

            <div class="card-body">
@@ -31,6 +27,10 @@
                        <div class="dz-message needsclick">
                            <i class="h1 bx bx-cloud-upload"></i>
                            <h3>Drop files here or click to upload.</h3>
+                            <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>
+                            </p>
                        </div>
                    </div>

@@ -82,7 +82,7 @@
        <div class="toast-body">
        </div>
    </div>
-  </div>
+</div>

@endsection

--- a/resources/views/data/umkm/form-upload.blade.php
+++ b/resources/views/data/umkm/form-upload.blade.php
@@ -0,0 +1,91 @@
+@extends('layouts.vertical', ['subtitle' => 'File Upload'])
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => 'Form', 'subtitle' => 'File Uploads'])
+
+<div class="row">
+    <div class="col-xl-12">
+        <div class="card">
+            <div class="card-header">
+                <div class="d-flex justify-content-between align-items-center">
+                    <h5 class="card-title mb-0">Upload Data Umkm</h5>
+                    <button id="downloadtempumkm" class="btn btn-secondary">Download Template</button>
+                </div>
+            </div>
+
+            <div class="card-body">
+
+                <div class="mb-3">
+
+                    <div class="dropzone">
+                        <form action="" method="post" 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>
+                            <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>
+                            </p>
+                        </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 -->
+
+<div class="toast-container position-fixed end-0 top-0 p-3">
+    <div id="toastUploadUmkm" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
+        <div class="toast-header">
+            <div class="auth-logo me-auto">
+            </div>
+            <small class="text-muted"></small>
+            <button type="button" class="btn-close" data-bs-dismiss="toast"
+                aria-label="Close"></button>
+        </div>
+        <div class="toast-body">
+        </div>
+    </div>
+</div>
+
+@endsection
+
+@section('scripts')
+@vite(['resources/js/data/umkm/form-upload.js'])
+@endsection
--- a/resources/views/data/umkm/form.blade.php
+++ b/resources/views/data/umkm/form.blade.php
@@ -0,0 +1,126 @@
+@extends('layouts.vertical', ['subtitle' => $subtitle]) <!-- Menggunakan subtitle dari controller -->
+
+@section('content')
+
+@include('layouts.partials/page-title', ['title' => $title, 'subtitle' => $subtitle]) <!-- Menggunakan title dan subtitle dari controller -->
+
+<div class="row d-flex justify-content-center">
+    @if (session('error'))
+        <div class="alert alert-danger">
+            {{ session('error') }}
+        </div>
+    @endif
+
+    @if ($errors->any())
+        <div class="alert alert-danger">
+            <ul>
+                @foreach ($errors->all() as $error)
+                    <li>{{ $error }}</li>
+                @endforeach
+            </ul>
+        </div>
+    @endif
+
+    <div class="col-lg-12 col-md-12">
+        <div class="card">
+            <div class="card-header">
+                <button class="btn btn-danger float-end btn-back">
+                    <i class='bx bx-arrow-back'></i>
+                    Back
+                </button>
+            </div>
+            <div class="card-body">
+                <form id="create-update-form" action="{{ isset($modelInstance) && $modelInstance->id ? $apiUrl . '/' . $modelInstance->id : $apiUrl }}" method="POST">
+                    @csrf
+                    @if(isset($modelInstance))
+                        @method('PUT')
+                    @endif
+
+                    <div class="row">
+                        @foreach($fields as $field => $label)
+                            <div class="col-md-6 form-group mb-3">
+                                <label for="{{ $field }}">{{ $label }}</label>
+                                @php
+                                    $fieldType = $fieldTypes[$field] ?? 'text'; // Default text jika tidak ditemukan tipe
+                                @endphp
+
+                                @if($fieldType == 'textarea')
+                                    <textarea id="{{ $field }}" name="{{ $field }}" class="form-control">{{ old($field, isset($modelInstance) ? $modelInstance->{$field} : '') }}</textarea>
+                                @elseif($fieldType == 'select' && isset($dropdownOptions[$field]))
+                                    <select id="{{ $field }}" name="{{ $field }}" class="form-control">
+                                        @foreach($dropdownOptions[$field] as $code => $name)
+                                            @php
+                                                $selectedValue = old($field, $modelInstance->{$field});
+                                                $isSelected = strval($selectedValue) === strval($code);
+                                            @endphp
+                                            <option value="{{ $code }}" class="{{ $isSelected ? 'selected' : '' }}" {{ $isSelected ? 'selected' : '' }}>
+                                                {{ $name }}
+                                            </option>                                        
+                                        @endforeach
+                                    </select>
+                                @elseif($fieldType == 'combobox' && isset($dropdownOptions[$field]))
+                                    <input class="form-control" list="{{ $field }}Options" id="{{ $field }}" name="{{ $field }}" 
+                                        value="{{ old($field, isset($modelInstance) ? $modelInstance->{$field} : '') }}" placeholder="Type to search..." oninput="fetchOptions('{{ $field }}')">
+                                    <datalist id="{{ $field }}Options"></datalist>
+                                @else
+                                    <input type="{{ $fieldType }}" id="{{ $field }}" name="{{ $field }}" class="form-control" value="{{ old($field, isset($modelInstance) ? $modelInstance->{$field} : '') }}">
+                                @endif
+                            </div>
+                        @endforeach
+                    </div>
+
+                    <div class="d-flex justify-content-end">
+                        <button type="button" class="btn {{ isset($modelInstance) ? 'btn-warning' : 'btn-success' }} width-lg btn-modal" data-bs-toggle="modal" data-bs-target="#confirmationModalCenter">
+                            {{ isset($modelInstance) ? 'Update' : 'Create' }}
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!-- Modal -->
+<div class="modal fade" id="confirmationModalCenter" tabindex="-1"
+    aria-labelledby="confirmationModalCenterTitle" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="confirmationModalCenterTitle">
+                  {{ isset($modelInstance) ? 'Update Confirmation' : 'Create Confirmation' }}
+                </h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"
+                    aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <p>{{ isset($modelInstance) ? 'Are you sure you want to save the data changes?' : 'Are you sure you want to create new data based on the form contents?' }}</p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary"
+                    data-bs-dismiss="modal">Close</button>
+                <button type="button" class="btn btn-primary {{ isset($modelInstance) ? 'btn-edit' : 'btn-create' }}" data-bs-dismiss="modal">Save changes</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="toast-container position-fixed end-0 top-0 p-3">
+  <div id="toastEditUpdate" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
+      <div class="toast-header">
+          <div class="auth-logo me-auto">
+          </div>
+          <small class="text-muted"></small>
+          <button type="button" class="btn-close" data-bs-dismiss="toast"
+              aria-label="Close"></button>
+      </div>
+      <div class="toast-body">
+      </div>
+  </div>
+</div>
+
+@endsection
+
+@section('scripts')
+@vite(['resources/js/data/umkm/form-create-update.js'])
+@endsection
--- a/resources/views/data/umkm/index.blade.php
+++ b/resources/views/data/umkm/index.blade.php
@@ -0,0 +1,38 @@
+@extends('layouts.vertical', ['subtitle' => 'UMKM'])
+
+@section('css')
+@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
+@endsection
+
+@section('content')
+@include('layouts.partials/page-title', ['title' => 'Data', 'subtitle' => 'UMKM'])
+
+<div class="card">
+    <div class="card-header">
+        <h5 class="card-title">Daftar UMKM</h5>
+    </div>
+    <div class="card-body">
+        <div class="row">
+            <div class="d-flex justify-content-end gap-10 pb-3">
+                <button class="btn btn-success me-2 width-lg btn-create" data-model="data/umkm">
+                    <i class='bx bxs-file-plus'></i>
+                    Create</button>
+                <button class="btn btn-primary width-lg btn-bulk-create" data-model="data/umkm">
+                    <i class='bx bx-upload' ></i>
+                    Bulk Create
+                </button>
+            </div>
+            <div>
+                <div id="umkm-data-table"></div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div id="alert-container"></div>
+
+@endsection
+
+@section('scripts')
+@vite(['resources/js/data/umkm/data-umkm.js'])
+@endsection
--- a/resources/views/layouts/partials/sidebar.blade.php
+++ b/resources/views/layouts/partials/sidebar.blade.php
@@ -94,6 +94,9 @@
                              <li class="sub-nav-item">
                                   <a class="sub-nav-link" href="{{ route ('advertisements.index') }}">Reklame</a>
                              </li>
+                              <li class="sub-nav-item">
+                                   <a class="sub-nav-link" href="{{ route ('umkm.index') }}">UMKM</a>
+                              </li>
                         </ul>
                    </div>
               </li>
--- a/routes/api.php
+++ b/routes/api.php
@@ -8,6 +8,7 @@ use App\Http\Controllers\Api\ScrapingController;
 use App\Http\Controllers\Api\UsersController;
 use App\Http\Controllers\Settings\SyncronizeController;
 use App\Http\Controllers\Api\AdvertisementController;
+use App\Http\Controllers\Api\UmkmController;
 use Illuminate\Support\Facades\Route;

 Route::post('/login', [UsersController::class, 'login'])->name('api.user.login');
@@ -45,13 +46,16 @@ Route::group(['middleware' => 'auth:sanctum'], function (){
    Route::apiResource('advertisements', AdvertisementController::class);
    Route::get('/combobox/search-options', [AdvertisementController::class, 'searchOptionsInAdvertisements']);
    Route::post('/advertisements/import', [AdvertisementController::class, 'importFromFile']);
+    Route::get('/download-template-advertisement', [AdvertisementController::class, 'downloadExcelAdvertisement']);

-    // route
-    Route::apiResource('umkms', UmkmController::class);
+    // umkm
+    Route::apiResource('umkm', UmkmController::class);
+    Route::post('/umkm/import', [UmkmController::class, 'importFromFile']);
+    Route::get('/download-template-umkm', [UmkmController::class, 'downloadExcelUmkm']);
 });


 Route::get('/sync-task', [SyncronizeController::class, 'syncPbgTask'])->name('api.task');
 Route::get('/get-user-token', [SyncronizeController::class, 'getUserToken'])->name('api.task.token');
 Route::get('/get-index-integration-retribution/{uuid}', [SyncronizeController::class, 'syncIndexIntegration'])->name('api.task.inntegration');
-Route::get('/sync-task-submit/{uuid}', [SyncronizeController::class, 'syncTaskDetailSubmit'])->name('api.task.submit');
+Route::get('/sync-task-submit/{uuid}', [SyncronizeController::class, 'syncTaskDetailSubmit'])->name('api.task.submit');
--- a/routes/web.php
+++ b/routes/web.php
@@ -7,6 +7,7 @@ use App\Http\Controllers\RequestAssignment\PbgTaskController;
 use App\Http\Controllers\Settings\SettingsController;
 use App\Http\Controllers\Settings\SyncronizeController;
 use App\Http\Controllers\Data\AdvertisementController;
+use App\Http\Controllers\Data\UmkmController;
 use Illuminate\Support\Facades\Route;

 require __DIR__ . '/auth.php';
@@ -49,5 +50,12 @@ 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');
+
+        // Resource route, kecuali create karena dibuat terpisah
+        Route::resource('/umkm', UmkmController::class)->except(['create', 'show']);
+
+        // Rute khusus untuk create dan bulk-create
+        Route::get('/umkm/create', [UmkmController::class, 'create'])->name('umkm.create');
+        Route::get('/umkm/bulk-create', [UmkmController::class, 'bulkCreate'])->name('umkm.bulk-create');
    });
 });