🎨 feat(slik): Implementasi fitur pindah data SLIK ke laporan dan perbaikan UI
- Menambahkan tombol "SLIK" pada halaman index dan show untuk memindahkan data ke laporan SLIK - Mengimplementasikan fungsi moveToLaporan() dengan konfirmasi SweetAlert dan proses AJAX - Melakukan migrasi framework CSS dari Bootstrap ke TailwindCSS pada laporan-slik/show.blade.php - Memperbaiki struktur layout dengan grid system TailwindCSS yang responsif - Mengupdate breadcrumbs dengan styling dan route names yang benar - Menghapus fitur truncate data SLIK dari interface untuk keamanan data - Memperbaiki route names dari admin-kredit.laporan-slik menjadi laporan-slik - Mengoptimasi tombol Export dengan penghapusan parameter ID yang tidak diperlukan - Menambahkan konfigurasi import SLIK di .env.example untuk optimasi performa - Memperbaiki template download link dengan class styling yang konsisten - Mengimplementasikan error handling yang komprehensif dengan user feedback - Menambahkan auto-reload DataTable setelah operasi pemindahan data berhasil - Melakukan redesign card layout dengan pembagian "Data Debitur" dan "Data Fasilitas" - Menambahkan feedback visual dengan disable tombol setelah berhasil dipindahkan - Mengoptimasi konfigurasi DataTable dengan reload functionality - Menambahkan breadcrumb routes untuk laporan SLIK dengan struktur hierarki - Mengimplementasikan progress tracking untuk monitoring proses import - Memperbaiki JavaScript dengan pemisahan fungsi dan penambahan variabel global - Menstandarisasi framework CSS untuk konsistensi visual - Mengimplementasikan responsive design yang lebih baik
This commit is contained in:
172
resources/views/laporan-slik/show.blade.php
Normal file
172
resources/views/laporan-slik/show.blade.php
Normal file
@@ -0,0 +1,172 @@
|
||||
@extends('layouts.main')
|
||||
|
||||
@section('breadcrumbs')
|
||||
{{ Breadcrumbs::render('admin-kredit.laporan-slik.show', $laporanSlik) }}
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="grid">
|
||||
<div class="w-full">
|
||||
<!-- Header -->
|
||||
<div class="flex flex-wrap gap-4 justify-between items-center mb-6">
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold text-gray-900">Detail Laporan SLIK</h3>
|
||||
<p class="mt-1 text-sm text-gray-600">Informasi lengkap laporan SLIK {{ $laporanSlik->nama_debitur }}
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex gap-2">
|
||||
<a href="{{ route('admin-kredit.laporan-slik.index') }}" class="btn btn-sm btn-light">
|
||||
<i class="ki-filled ki-arrow-left"></i>
|
||||
Kembali
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Card Detail -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Informasi Laporan SLIK</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
|
||||
<!-- Informasi Debitur -->
|
||||
<div class="space-y-4">
|
||||
<h4 class="mb-3 text-base font-semibold text-gray-800">Data Debitur</h4>
|
||||
|
||||
<div class="space-y-3">
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Nama Debitur:</span>
|
||||
<span class="text-sm text-gray-900">{{ $laporanSlik->nama_debitur ?? '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">No. Rekening:</span>
|
||||
<span class="text-sm text-gray-900">{{ $laporanSlik->no_rekening ?? '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">CIF:</span>
|
||||
<span class="text-sm text-gray-900">{{ $laporanSlik->cif ?? '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">NPWP:</span>
|
||||
<span class="text-sm text-gray-900">{{ $laporanSlik->npwp ?? '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">No. KTP:</span>
|
||||
<span class="text-sm text-gray-900">{{ $laporanSlik->no_ktp ?? '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">No. Telp:</span>
|
||||
<span class="text-sm text-gray-900">{{ $laporanSlik->no_telp ?? '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Alamat:</span>
|
||||
<span class="text-sm text-gray-900">{{ $laporanSlik->alamat ?? '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Kode Pos:</span>
|
||||
<span class="text-sm text-gray-900">{{ $laporanSlik->kode_pos ?? '-' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Informasi Fasilitas -->
|
||||
<div class="space-y-4">
|
||||
<h4 class="mb-3 text-base font-semibold text-gray-800">Data Fasilitas</h4>
|
||||
|
||||
<div class="space-y-3">
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Fasilitas:</span>
|
||||
<span class="text-sm text-gray-900">{{ $laporanSlik->fasilitas ?? '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Kolektibilitas:</span>
|
||||
<span class="text-sm text-gray-900">{{ $laporanSlik->kolektibilitas ?? '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Jenis Agunan:</span>
|
||||
<span class="text-sm text-gray-900">{{ $laporanSlik->jenis_agunan ?? '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Nilai Agunan:</span>
|
||||
<span class="text-sm text-gray-900">Rp
|
||||
{{ number_format($laporanSlik->nilai_agunan ?? 0, 0, ',', '.') }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Baki Debet:</span>
|
||||
<span class="text-sm text-gray-900">Rp
|
||||
{{ number_format($laporanSlik->baki_debet ?? 0, 0, ',', '.') }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Sandi Bank:</span>
|
||||
<span class="text-sm text-gray-900">{{ $laporanSlik->sandi_bank ?? '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Status:</span>
|
||||
<span class="text-sm text-gray-900">
|
||||
<span
|
||||
class="badge badge-light-{{ $laporanSlik->status == 'aktif' ? 'success' : 'danger' }}">
|
||||
{{ $laporanSlik->status ?? 'aktif' }}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 row">
|
||||
<div class="col-12">
|
||||
<h5 class="mb-3">Detail Lainnya</h5>
|
||||
<table class="table table-borderless">
|
||||
<tr>
|
||||
<td width="20%"><strong>Kolektibilitas</strong></td>
|
||||
<td width="5%">:</td>
|
||||
<td>{{ $laporanSlik->kolektibilitas }}</td>
|
||||
<td width="20%"><strong>Tanggal Mulai</strong></td>
|
||||
<td width="5%">:</td>
|
||||
<td>{{ $laporanSlik->tanggal_mulai ?? '-' }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Tanggal Jatuh Tempo</strong></td>
|
||||
<td>:</td>
|
||||
<td>{{ $laporanSlik->tanggal_jatuh_tempo ?? '-' }}</td>
|
||||
<td><strong>Tanggal Selesai</strong></td>
|
||||
<td>:</td>
|
||||
<td>{{ $laporanSlik->tanggal_selesai ?? '-' }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Jenis Agunan</strong></td>
|
||||
<td>:</td>
|
||||
<td>{{ $laporanSlik->jenis_agunan ?? '-' }}</td>
|
||||
<td><strong>Fasilitas</strong></td>
|
||||
<td>:</td>
|
||||
<td>{{ $laporanSlik->fasilitas ?? '-' }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Tanggal Lapor</strong></td>
|
||||
<td>:</td>
|
||||
<td>{{ $laporanSlik->tanggal_lapor ?? '-' }}</td>
|
||||
<td><strong>Tanggal Dibuat</strong></td>
|
||||
<td>:</td>
|
||||
<td>{{ $laporanSlik->created_at->format('d/m/Y H:i') }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user