2a1ecfd9e2
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
175 lines
9.4 KiB
PHP
175 lines
9.4 KiB
PHP
@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
|