✨ feat(slik): tambahkan fitur detail SLIK dengan tampilan responsive
Menambahkan fitur detail SLIK yang menampilkan informasi lengkap debitur dengan desain yang responsive dan user-friendly. - Menambahkan kolom "Kolektibilitas" dan "Fasilitas" pada tabel DataTable - Menghapus filter tahun, bulan, dan status yang tidak digunakan - Menambahkan tombol "Detail" untuk setiap baris data - Memperbaiki responsive design dengan CSS khusus untuk mobile - Menambahkan class `min-w-[1200px]` untuk memastikan tabel dapat discroll horizontal - Memperbarui konfigurasi DataTable untuk menampilkan kolom baru - Menambahkan fungsi JavaScript `showDetail()` untuk redirect ke halaman detail - Menghapus modal detail yang tidak digunakan lagi - Memperbaiki styling dengan Tailwind CSS untuk konsistensi - Membuat halaman detail baru dengan layout yang responsive - Menampilkan informasi lengkap debitur dalam format card yang terorganisir - Menggunakan grid layout 2 kolom untuk desktop dan 1 kolom untuk mobile - Menampilkan data dalam kategori: Data Debitur, Data Fasilitas, dan Informasi Tambahan - Menambahkan tombol kembali untuk navigasi mudah - Menggunakan Tailwind CSS untuk styling yang konsisten dengan halaman index - Responsive design yang optimal untuk semua ukuran layar
This commit is contained in:
Daeng Deni Mardaeni
174
resources/views/slik/show.blade.php
Normal file
174
resources/views/slik/show.blade.php
Normal file
@@ -0,0 +1,174 @@
|
||||
@extends('layouts.main')
|
||||
|
||||
@section('breadcrumbs')
|
||||
{{ Breadcrumbs::render('slik') }}
|
||||
@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 SLIK</h3>
|
||||
<p class="mt-1 text-sm text-gray-600">Informasi lengkap debitur {{ $slik->nama_debitur }}</p>
|
||||
</div>
|
||||
<div class="flex gap-2">
|
||||
<a href="{{ route('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 Debitur</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">{{ $slik->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">{{ $slik->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">{{ $slik->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">{{ $slik->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">{{ $slik->no_ktp ?? '-' }}</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">{{ $slik->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">{{ $slik->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">{{ $slik->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($slik->nilai_agunan ?? 0, 0, ',', '.') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Informasi Tambahan -->
|
||||
<div class="pt-6 mt-8 border-t border-gray-200">
|
||||
<h4 class="mb-4 text-base font-semibold text-gray-800">Informasi Tambahan</h4>
|
||||
|
||||
<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
|
||||
<div class="space-y-3">
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Tanggal Mulai:</span>
|
||||
<span
|
||||
class="text-sm text-gray-900">{{ $slik->tanggal_mulai ? \Carbon\Carbon::parse($slik->tanggal_mulai)->format('d/m/Y') : '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Tanggal Jatuh Tempo:</span>
|
||||
<span
|
||||
class="text-sm text-gray-900">{{ $slik->tanggal_jatuh_tempo ? \Carbon\Carbon::parse($slik->tanggal_jatuh_tempo)->format('d/m/Y') : '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Tanggal Restrukturisasi:</span>
|
||||
<span
|
||||
class="text-sm text-gray-900">{{ $slik->tanggal_restrukturisasi ? \Carbon\Carbon::parse($slik->tanggal_restrukturisasi)->format('d/m/Y') : '-' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="space-y-3">
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Tanggal Kondisi:</span>
|
||||
<span
|
||||
class="text-sm text-gray-900">{{ $slik->tanggal_kondisi ? \Carbon\Carbon::parse($slik->tanggal_kondisi)->format('d/m/Y') : '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Tanggal Lapor:</span>
|
||||
<span
|
||||
class="text-sm text-gray-900">{{ $slik->tanggal_lapor ? \Carbon\Carbon::parse($slik->tanggal_lapor)->format('d/m/Y') : '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Tanggal Selesai:</span>
|
||||
<span
|
||||
class="text-sm text-gray-900">{{ $slik->tanggal_selesai ? \Carbon\Carbon::parse($slik->tanggal_selesai)->format('d/m/Y') : '-' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="space-y-3">
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Kode Kantor:</span>
|
||||
<span class="text-sm text-gray-900">{{ $slik->kode_kantor ?? '-' }}</span>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between">
|
||||
<span class="text-sm font-medium text-gray-600">Kode Cabang:</span>
|
||||
<span class="text-sm text-gray-900">{{ $slik->kode_cabang ?? '-' }}</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-{{ $slik->status == 'aktif' ? 'success' : 'danger' }}">
|
||||
{{ $slik->status ?? 'aktif' }}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
// Add any additional JavaScript for detail page
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// Initialize any required components
|
||||
KTApp.init();
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
Reference in New Issue
Block a user