feat(webstatement): tambahkan fitur pengelolaan kartu ATM

- Tambahkan menu "Kartu ATM" pada konfigurasi menu module.
- Implementasi controller `KartuAtmController` dengan fungsi `index` dan `dataForDatatables`.
- Tambahkan route untuk pengelolaan "Kartu ATM" termasuk datatables.
- Tambahkan model relasi `biaya` pada model `Atmcard`.
- Tambahkan view halaman daftar kartu ATM dengan fitur datatables.
- Tambahkan breadcrumbs untuk halaman "Kartu ATM".

Signed-off-by: Daeng Deni Mardaeni <ddeni05@gmail.com>

app/Http/Controllers/KartuAtmController.php

@@ -0,0 +1,105 @@
+<?php
+
+    namespace Modules\Webstatement\Http\Controllers;
+
+    use App\Http\Controllers\Controller;
+    use Illuminate\Http\Request;
+    use Modules\Webstatement\Models\Atmcard;
+
+    class KartuAtmController extends Controller
+    {
+        public $user;
+
+        /**
+         * Display a listing of the resource.
+         */
+        public function index()
+        {
+            return view('webstatement::kartu-atm.index');
+        }
+
+        /**
+         * Provide data for datatables.
+         */
+        public function dataForDatatables(Request $request)
+        {
+
+            // Retrieve data from the database
+            $query = Atmcard::query();
+
+            // Apply search filter if provided
+            if ($request->has('search') && !empty($request->get('search'))) {
+                $search = $request->get('search');
+                $query->where(function ($q) use ($search) {
+                    $q->where('crdno', 'LIKE', "%$search%")
+                      ->orWhere('accflag', 'LIKE', "%$search%")
+                      ->orWhere('cracc1', 'LIKE', "%$search%")
+                      ->orWhere('cracc2', 'LIKE', "%$search%")
+                      ->orWhere('cracc3', 'LIKE', "%$search%")
+                      ->orWhere('cracc4', 'LIKE', "%$search%")
+                      ->orWhere('cracc5', 'LIKE', "%$search%")
+                      ->orWhere('craccnam1', 'LIKE', "%$search%")
+                      ->orWhere('craccnam2', 'LIKE', "%$search%")
+                      ->orWhere('craccnam3', 'LIKE', "%$search%")
+                      ->orWhere('craccnam4', 'LIKE', "%$search%")
+                      ->orWhere('craccnam5', 'LIKE', "%$search%")
+                      ->orWhere('crsts', 'LIKE', "%$search%")
+                      ->orWhere('cttype', 'LIKE', "%$search%")
+                      ->orWhere('ctdesc', 'LIKE', "%$search%")
+                      ->orWhere('crdate', 'LIKE', "%$search%")
+                      ->orWhere('branch', 'LIKE', "%$search%")
+                      ->orWhere('fee', 'LIKE', "%$search%")
+                      ->orWhere('currency', 'LIKE', "%$search%");
+
+                });
+            }
+
+            // Apply sorting if provided
+            if ($request->has('sortOrder') && !empty($request->get('sortOrder'))) {
+                $order  = $request->get('sortOrder');
+                $column = $request->get('sortField');
+                $query->orderBy($column, $order);
+            }
+
+            // Get the total count of records
+            $totalRecords = $query->count();
+
+            // Apply pagination if provided
+            if ($request->has('page') && $request->has('size')) {
+                $page   = $request->get('page');
+                $size   = $request->get('size');
+                $offset = ($page - 1) * $size; // Calculate the offset
+
+                $query->skip($offset)->take($size);
+            }
+
+            // Get the filtered count of records
+            $filteredRecords = $query->count();
+
+            // Get the data for the current page
+            $data = $query->get();
+
+            // Calculate the page count
+            $pageCount = ceil($filteredRecords / ($request->get('size') ?: 1));
+
+            // Calculate the current page number
+            $currentPage = $request->get('page') ?: 1;
+
+            $data = $data->map(function ($item) {
+                $item->fee = $item->biaya->biaya;
+                return $item;
+            });
+
+            // Return the response data as a JSON object
+            return response()->json([
+                'draw'            => $request->get('draw'),
+                'recordsTotal'    => $totalRecords,
+                'recordsFiltered' => $filteredRecords,
+                'pageCount'       => $pageCount,
+                'page'            => $currentPage,
+                'totalCount'      => $totalRecords,
+                'data'            => $data,
+            ]);
+        }
+
+    }

app/Models/Atmcard.php

@@ -14,4 +14,8 @@ class Atmcard extends Model
      * The attributes that are mass assignable.
      */
     protected $guarded = ['id'];
+
+    public function biaya(){
+        return $this->belongsTo(JenisKartu::class,'ctdesc','code');
+    }
 }

module.json

@@ -11,6 +11,17 @@
     "files": [],
     "menu": {
         "main": [
+            {
+                "title": "Kartu ATM",
+                "path": "kartu-atm",
+                "icon": "ki-filled ki-credit-cart text-lg",
+                "classes": "",
+                "attributes": [],
+                "permission": "",
+                "roles": [
+                    "administrator"
+                ]
+            },
             {
                 "title": "Nasabah",
                 "path": "customer",
@@ -32,14 +43,28 @@
         ],
         "master": [
             {
-                "title": "Jenis Kartu",
+                "title": "Basic Data",
-                "path": "jenis-kartu",
+                "path": "basicdata",
-                "icon": "ki-filled ki-category text-lg",
+                "icon": "ki-filled ki-category text-lg text-primary",
                 "classes": "",
                 "attributes": [],
                 "permission": "",
                 "roles": [
-                    "administrator"
+                    "administrator",
+                    "admin"
+                ],
+                "sub": [
+                    {
+                        "title": "Jenis Kartu",
+                        "path": "jenis-kartu",
+                        "icon": "ki-filled ki-category text-lg",
+                        "classes": "",
+                        "attributes": [],
+                        "permission": "",
+                        "roles": [
+                            "administrator"
+                        ]
+                    }
                 ]
             },
             {

resources/views/kartu-atm/index.blade.php

@@ -0,0 +1,127 @@
+@extends('layouts.main')
+
+@section('breadcrumbs')
+    {{ Breadcrumbs::render(request()->route()->getName()) }}
+@endsection
+
+@section('content')
+    <div class="grid">
+        <div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="10" data-datatable-state-save="false" id="atmcard-table" data-api-url="{{ route('kartu-atm.datatables') }}">
+            <div class="card-header py-5 flex-wrap">
+                <h3 class="card-title">
+                    Daftar Kartu ATM
+                </h3>
+                <div class="flex flex-wrap gap-2 lg:gap-5">
+                    <div class="flex">
+                        <label class="input input-sm"> <i class="ki-filled ki-magnifier"> </i>
+                            <input placeholder="Search Kartu ATM" id="search" type="text" value="">
+                        </label>
+                    </div>
+                </div>
+            </div>
+            <div class="card-body">
+                <div class="scrollable-x-auto">
+                    <table class="table table-auto table-border align-middle text-gray-700 font-medium text-sm" data-datatable-table="true">
+                        <thead>
+                        <tr>
+                            <th class="min-w-[150px]" data-datatable-column="crdno">
+                                <span class="sort"> <span class="sort-label">Nomor Kartu</span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[120px]" data-datatable-column="cracc1">
+                                <span class="sort"> <span class="sort-label">Rekening</span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[200px]" data-datatable-column="craccnam1">
+                                <span class="sort"> <span class="sort-label">Nama</span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[100px]" data-datatable-column="cttype">
+                                <span class="sort"> <span class="sort-label">Tipe Kartu</span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[150px]" data-datatable-column="ctdesc">
+                                <span class="sort"> <span class="sort-label">Deskripsi</span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[100px]" data-datatable-column="branch">
+                                <span class="sort"> <span class="sort-label">Cabang</span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                            <th class="min-w-[100px]" data-datatable-column="fee">
+                                <span class="sort"> <span class="sort-label">Biaya</span>
+                                    <span class="sort-icon"> </span> </span>
+                            </th>
+                        </tr>
+                        </thead>
+                    </table>
+                </div>
+                <div class="card-footer justify-center md:justify-between flex-col md:flex-row gap-3 text-gray-600 text-2sm font-medium">
+                    <div class="flex items-center gap-2">
+                        Show
+                        <select class="select select-sm w-16" data-datatable-size="true" name="perpage"> </select> per page
+                    </div>
+                    <div class="flex items-center gap-4">
+                        <span data-datatable-info="true"> </span>
+                        <div class="pagination" data-datatable-pagination="true">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+@endsection
+
+@push('scripts')
+    <script type="module">
+        const element = document.querySelector('#atmcard-table');
+        const searchInput = document.getElementById('search');
+
+        const apiUrl = element.getAttribute('data-api-url');
+        const dataTableOptions = {
+            apiEndpoint: apiUrl,
+            pageSize: 10,
+            columns: {
+                crdno: {
+                    title: 'Nomor Kartu',
+                },
+                cracc1: {
+                    title: 'Rekening',
+                },
+                craccnam1: {
+                    title: 'Nama',
+                },
+                cttype: {
+                    title: 'Tipe Kartu',
+                },
+                ctdesc: {
+                    title: 'Deskripsi',
+                },
+                branch: {
+                    title: 'Cabang',
+                },
+                fee: {
+                    title: 'Biaya',
+                    render: (item, data) => {
+                        console.log(data);
+                        return data.fee ? parseFloat(data.fee).toLocaleString('id-ID', {
+                            style: 'currency',
+                            currency: 'IDR'
+                        }) : '-';
+                    },
+                }
+            },
+        };
+
+        let dataTable = new KTDataTable(element, dataTableOptions);
+
+        // Custom search functionality
+        searchInput.addEventListener('change', function () {
+            const searchValue = this.value.trim();
+            dataTable.goPage(1);
+            dataTable.search(searchValue, true);
+        });
+
+        window.dataTable = dataTable;
+    </script>
+@endpush

routes/breadcrumbs.php

@@ -77,3 +77,9 @@
         $trail->parent('jenis-kartu.index');
         $trail->push('Edit Jenis Kartu', route('jenis-kartu.edit', $data->id));
     });
+
+
+    Breadcrumbs::for('kartu-atm.index', function (BreadcrumbTrail $trail) {
+        $trail->parent('home');
+        $trail->push('Kartu ATM', route('kartu-atm.index'));
+    });

routes/web.php

@@ -3,6 +3,7 @@
 use Illuminate\Support\Facades\Route;
     use Modules\Webstatement\Http\Controllers\BiayaKartuController;
     use Modules\Webstatement\Http\Controllers\JenisKartuController;
+    use Modules\Webstatement\Http\Controllers\KartuAtmController;
     use Modules\Webstatement\Http\Controllers\MigrasiController;
 use Modules\Webstatement\Http\Controllers\WebstatementController;
 use Modules\Webstatement\Http\Controllers\CustomerController;
@@ -38,6 +39,11 @@ Route::middleware(['auth'])->group(function () {
     });
     Route::resource('jenis-kartu', JenisKartuController::class);
 
+    Route::prefix('kartu-atm')->name('kartu-atm.')->group(function () {
+        Route::get('datatables', [KartuAtmController::class, 'dataForDatatables'])->name('datatables');
+    });
+    Route::resource('kartu-atm', KartuAtmController::class)->only('index');
+
     Route::prefix('emailblast')->group(function () {
         Route::get('/', [EmailBlastController::class, 'index'])->name('emailblast.index');
         Route::get('/create', [EmailBlastController::class, 'create'])->name('emailblast.create');