@extends('layouts.authorized')
@inject('carbon', '\Carbon')

@section('headerCustom')
	@php
		$title = 'Laporan OJK (Formulir 3-C)'; 
	@endphp
@endsection

@section('title', $title)

@section('content')

	<div class="row">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					<span>{{ $title }}</span>
				</div>
				<div class="card-body no-padding">
					<div class="row">
						<div class="col-md-12">
							<div class="container-fluid">
								<br>
								<div class="form-group row">
									<div class="col-md-12">
										<div class="input-group input-date-range">
			                                <input name="dateFrom" type="text" class="customdatepickerinput form-control" value="{{  Carbon::now()->subMonths(1)->format('M Y') }}">
			                                <span class="input-group-addon">To</span>
			                                <input name="dateTo" type="text" class="customdatepickerinput form-control" value="{{ Carbon::now()->format('M Y') }}">
			                            </div>
									</div>
								</div>
							</div>
						</div>
					</div>
					@tableconfig
					@tableajax(route('admin.report.ojkReport3cData'))
						<thead>
							<tr>
								<th data-column-name="creditApplicationCreated" data-sortable="true">Tgl Record</th>
								<th data-column-name="investorId" data-sortable="true">ID Penyelenggara</th>
								<th data-column-name="investorName" data-sortable="true">Nama Penyelenggara</th>
								<th data-column-name="customerDetailId" data-sortable="true">ID Pengguna</th>
								<th data-column-name="CustomerName" data-sortable="true">Nama Pengguna</th>
								<th data-column-name="jenisPengguna" data-sortable="false">Jenis Pengguna</th>
								<th data-column-name="idBadanHukum" data-sortable="false">ID Badan Hukum</th>
								<th data-column-name="jenisBadanHukum" data-sortable="false">Jenis Badan Hukum</th>
								<th data-column-name="namaBadanHukum" data-sortable="false">Nama Badan Hukum</th>
								<th data-column-name="idCardNumber" data-sortable="true">ID KTP</th>
								<th data-column-name="tempatLahir" data-sortable="false">Tempat Lahir</th>
								<th data-column-name="dateOfBirth" data-sortable="true">Tanggal Lahir</th>
								<th data-column-name="age" data-sortable="false">Usia</th>
								<th data-column-name="gender" data-sortable="true">Jenis Kelamin</th>
								<th data-column-name="lastEducation" data-sortable="true">Pendidikan</th>
								<th data-column-name="companyName" data-sortable="true">Pekerjaan</th>
								<th data-column-name="companyPosition" data-sortable="true">Bidang Pekerjaan</th>
								<th data-column-name="kodeLayananJasaKeuangan" data-sortable="false">Kode Layanan Jasa Keuangan</th>
								<th data-column-name="jenisLayananJasaKeuangan" data-sortable="false">Jenis Layanan Jasa Keuangan</th>
								<th data-column-name="domisiliLayananJasaKeuangan" data-sortable="false">Domisili Layanan Jasa Keuangan</th>
								<th data-column-name="religion" data-sortable="true">Agama</th>
								<th data-column-name="address" data-sortable="true">Alamat</th>
								<th data-column-name="city" data-sortable="true">Kota</th>
								<th data-column-name="province" data-sortable="true">Provinsi</th>
								<th data-column-name="creditDetailCreated" data-sortable="true">Tgl Permohonan Pinjaman</th>
								<th data-column-name="totalCreditPlafond" data-sortable="true">Jml Permohonan Pinjaman</th>
								<th data-column-name="ratingPermohonanPinjaman" data-sortable="false">Rating Permohonan Pinjaman</th>
								<th data-column-name="otherInstallment" data-sortable="true">Informasi Kredit</th>
								<th data-column-name="totalCreditPlafond" data-sortable="true">Jml Permohonan Pinjaman Disetujui</th>
								<th data-column-name="orderDate" data-sortable="true">Tgl Penawaran Pemberian Pinjaman</th>
								<th data-column-name="subtotalWithMargin" data-sortable="true">Jml Penawaran Pemberian Pinjaman</th>
								<th data-column-name="permintaanJaminan" data-sortable="false">Permintaan Jaminan</th>
								<th data-column-name="subtotalWithMargin" data-sortable="true">Jml Penawaran Pemberian Pinjaman Disetujui</th>
								<th data-column-name="transactionType" data-sortable="true">Penggunaan Pinjaman</th>
								<th data-column-name="period" data-sortable="true">Frekuensi Pembayaran</th>
								<th data-column-name="jenisPembayaran" data-sortable="false">Jenis Pembayaran</th>
								<th data-column-name="marginRate" data-sortable="true">Tingkat Bunga Pinjaman</th>
								<th data-column-name="expiredAt" data-sortable="true">Tgl Jatuh Tempo Pinjaman</th>
								<th data-column-name="period" data-sortable="true">Tenor Pinjaman</th>
								<th data-column-name="sisaPinjaman" data-sortable="false">Sisa Pinjaman Berjalan</th>
								<th data-column-name="status" data-sortable="true">Status Pinjaman</th>
							</tr>
						</thead>
					@endtableajax
				</div>
			</div>
		</div>
	</div>

@endsection

@section('jsCustom')
	<script>
		$(document).ready(function() {
			$('.customdatepickerinput').datetimepicker({
	            viewMode: 'years',
	            format: 'MMM YYYY'
	        });

            $('.customdatepickerinput').on('dp.change', function() {
                refreshDataTable(); 
            }); 
        })

		function customFilter(filter) {
			filter.dateFrom = $('[name=dateFrom]').val(); 
			filter.dateTo = $('[name=dateTo]').val(); 
            return filter;
        }

		function refreshDataTable() {
            $(dataTableList).each(function(index, data){
                dataTableList[index].clear().draw();
            });
        }
	</script>
@endsection