Files
konfirmasibank/Resources/views/pages/index.blade.php
2024-07-15 10:15:15 +07:00

600 lines
30 KiB
PHP

<x-default-layout>
@php
$route = explode('.', Route::currentRouteName());
@endphp
<!--begin::Card-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="csrf-token" content="{{ csrf_token() }}" />
<style>
.bd-example-modal-lg .modal-dialog{
display: table;
position: relative;
margin: 0 auto;
top: calc(50% - 24px);
}
.bd-example-modal-lg .modal-dialog .modal-content{
background-color: transparent;
border: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
</style>
@push('styles')
<!-- Bootstrap CSS -->
@endpush
<div class="card card-xxl-stretch mb-5 mb-xl-8">
<!--begin::Card body-->
<div class="card-body pt-6">
<div class="container">
<div class="row" >
<div class="col-md-2"></div>
<div class="col-md-6" style="border: 1px solid grey;padding: 20px;background-color:#f4f4f4">
<form id="myForm">
<div class="row mb-3">
<label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm">No CIF <span style="color:red">*</span></label>
<div class="col-sm-10">
<input type="text" class="form-control form-control-sm" name="cif" id="cif" placeholder="No CIF" >
</div>
</div>
<div class="row mb-3">
<label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm">Cabang</label>
<div class="col-sm-10">
{{-- <input type="text" class="form-control form-control-sm" name="kodecabang" id="kodecabang" placeholder="Nama Cabang"> --}}
<select name="kodecabang" class="form-select form-select-sm mb-2">
<option value="" @readonly(true)>-- Pilih Cabang --</option>
@foreach ($data['company'] as $item)
<option value="{{ $item->company_name }}" >{{ $item->company_name }}</option>
@endforeach
</select>
</div>
</div>
<div class="row mb-3">
<label for="colFormLabelSm" class="col-sm-2 col-form-label col-form-label-sm">Tanggal <span style="color:red">*</span></label>
<div class="col-sm-10">
<input type="hidden" id="pastYear" value="{{$data['pastYear']}}">
<input type="hidden" id="currentYear" value="{{$data['currentYear']}}">
<input type="text" class="form-control form-control-sm datepicker" name="startDate" placeholder="DD-MM-YYYY">
</div>
{{-- <div class="col-sm-1">
<label for="colFormLabelSm" class="col-form-label col-form-label-sm">S/D</label>
</div>
<div class="col-sm-5">
<input type="date" class="form-control form-control-sm" min="{{$data['pastYear']}}" max="{{$data['currentYear']}}" name="endDate" clear id="endDate" placeholder="Tanggal Selesai">
</div> --}}
</div>
<div class="text-end">
<button type="submit" class="btn btn-primary btn-sm ms-auto">Cari</button>
</div>
</form>
</div>
<div class="col-md-4 d-flex justify-content-end">
<form class="form_customer2" id="exportForm">
@csrf
<div class="d-flex flex-column mb-8 fv-row">
{{-- <input type="text" style="margin-bottom: 5px" name="cus_no" id="acc_no2" /> --}}
<input type="hidden" style="margin-bottom: 5px" name="acc_no" class="selected-values"/>
{{-- <input type="hidden" style="margin-bottom: 5px" name="kode_cabang" />
<input type="hidden" style="margin-bottom: 5px" name="periode" /> --}}
<div class="text-right ">
<div class="d-flex justify-content-end ">
{{-- <button type="button" class="btn btn-light-primary btn-sm exportPdf" style="display:none" id="buttonExport1">
<i class="ki-duotone ki-exit-down fs-2"><span class="path1"></span><span
class="path2"></span></i>
Export
</button> --}}
<button type="button" class="btn btn-light-primary btn-sm exportPdf" style="display:none" id="buttonPostInfoSurat">
<i class="ki-duotone ki-plus fs-2"><span class="path1"></span><span
class="path2"></span></i>
Surat
</button>
</div>
</div>
</div>
</form>
<form class="fasilitas" method="get" action="{{ route($route[0].'.fasilitas') }}" >
@csrf
<input type="hidden" style="margin-bottom: 5px" name="cus_no_fasilitas" id="cus_no_fasilitas" />
<input type="hidden" style="margin-bottom: 5px" name="startDateFasilitas" id="startDateFasilitas" />
<input type="hidden" style="margin-bottom: 5px" name="endDateFasilitas" id="endDateFasilitas" />
<input type="hidden" style="margin-bottom: 5px" name="company_name" id="company_name" />
<button type="submit" class="btn btn-light-info btn-sm fasilitasButton" style="margin-left:5px;display:none" >
<i class="ki-duotone ki-plus fs-2"><span class="path1"></span><span class="path2"></span></i>
Fasilitas
</button>
</form>
<form method="POST" action="{{ route($route[0].'.export') }}" target="_blank">
@csrf
<input type="hidden" style="margin-bottom: 5px" name="cusNo" id="cusNo" />
<input type="hidden" style="margin-bottom: 5px" name="accNo" id="accNo" />
<input type="hidden" style="margin-bottom: 5px" name="cabang" id="cabang" />
<input type="hidden" style="margin-bottom: 5px" name="signerId" id="signerId" />
<input type="hidden" style="margin-bottom: 5px" name="startDate2" id="startDate2" />
<button type="submit" class="btn btn-light-info btn-sm exportButton" style="margin-left:5px;display:none" ><i class="ki-duotone ki-plus fs-2"><span class="path1"></span><span class="path2"></span></i>
Export</button>
</form>
</div>
</div>
</div>
</div>
<div class="card-body pt-6">
<form class="form_customer3" >
<div class="form-check d-flex justify-content-end " style ="margin-right:45px">
<input class="form-check-input mycheck" type="checkbox" value="" id="selectAll">
<label class="form-check-label mycheck" for="" style="padding-left:5px">
All
</label>
</div>
<!-- Button to trigger the modal -->
<div class="table-responsive " style="overflow-x:auto;">
<div id="user_table">
@include('konfirmasibank::pages.table')
</div>
</div>
</form>
</div>
<!--end::Card body-->
</div>
<!-- The Modal -->
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Tambah Fasilitas</h4>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<!-- Your horizontal form goes here -->
<form class="form-horizontal" id="myForm">
<div class="form-group row">
<label for="name" class="col-sm-4 col-form-label">No Rekening:</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm" id="norek" name="norek" placeholder="Nomor Rekening">
</div>
</div>
<div class="form-group row">
<label for="name" class="col-sm-4 col-form-label">Cabang:</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm" name="cabang" placeholder="Pilih Cabang">
</div>
</div>
<div class="form-group row">
<label for="name" class="col-sm-4 col-form-label">Jenis Rekening:</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm" name="jns_rekening" placeholder="Jenis Rekening">
</div>
</div>
<div class="form-group row">
<label for="name" class="col-sm-4 col-form-label">Jenis Pinjaman:</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm" name="jns_pinjaman" placeholder="Jenis Pinjaman">
</div>
</div>
<div class="form-group row">
<label for="name" class="col-sm-4 col-form-label">Jenis Fasilitas:</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm" name="jns_fasilitas" placeholder="Jenis Fasilitas">
</div>
</div>
<!-- Add more form fields as needed -->
</form>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal" id ="cancelBtn">Close</button>
<button type="button" class="btn btn-primary btn-sm" id="submitFormBtn">Submit</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="signerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<!-- Modal header -->
<div class="modal-header">
<h5 class="modal-title" id="myModalLabel">Tambah Info Surat</h5>
<button type="button" class="closeButton" data-dismiss="modal" aria-label="Close"
style="display:none">
<span aria-hidden="true">&times;</span>
</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<form class="form-horizontal" id="formSigner">
@csrf
<!-- Add your form fields here -->
<input type="text" style="margin-bottom: 5px" name="cus_no">
<input type="text" style="margin-bottom: 5px" name="kode_cabang" />
<input type="text" style="margin-bottom: 5px" name="startDateExport" />
<input type="text" style="margin-bottom: 5px" name="endDateExport" />
<div class="form-group row">
<label for="inputName" class="col-sm-4 col-form-label">Penandatangan</label>
<div class="col-sm-8">
<select class="form-select form-select-sm" aria-label="Small select example" id="signer-select" name="signer" required>
<option selected>Pilih Penandatangan</option>
@foreach ($data['signer'] as $item)
<option value="{{$item->id}}">{{$item->signer_type}}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group row">
<label for="inputName" class="col-sm-4 col-form-label">No Surat</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm " name="no_surat" placeholder="Nomor Surat" required>
</div>
</div>
<div class="form-group row">
<label for="inputName" class="col-sm-4 col-form-label">No Req Surat</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm " name="no_req_surat" placeholder="No Permintaan Surat" placeholder="DD-MM-YYYY" required>
</div>
</div>
<div class="form-group row">
<label for="inputName" class="col-sm-4 col-form-label">Tgl Req Surat</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm datepicker" name="tgl_req_surat" placeholder="DD-MM-YYYY" required>
</div>
</div>
<div class="form-group row">
<label for="inputName" class="col-sm-4 col-form-label">Email</label>
<div class="col-sm-8">
<input type="email" class="form-control form-control-sm " name="email" placeholder="Email">
</div>
</div>
<div class="form-group row">
<label for="inputName" class="col-sm-4 col-form-label">Telepon</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm " name="tlp" title="Please enter valid phone number" placeholder="No Tlp">
</div>
</div>
<div class="form-group row">
<label for="inputName" class="col-sm-4 col-form-label">Nama Tujuan</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm " name="nama_tujuan" placeholder="Nama Tujauan">
</div>
</div>
<div class="form-group row">
<label for="inputName" class="col-sm-4 col-form-label">Alamat</label>
<div class="col-sm-8">
<textarea rows="4" cols="40" class="form-control form-control-sm " id="alamat" name="alamat" placeholder="Alamat"></textarea>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-sm closeButtonSigner"
data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary btn-sm" id="submitInfoSurat">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Modal loading spiner -->
<div class="modal fade bd-example-modal-lg modalSpiner" data-backdrop="static" data-keyboard="false" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-content" style="width: 48px">
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
</div>
</div>
@push('customscript')
<!-- jQuery -->
<script>
$(function() {
$('.mycheck').hide();
$('#cif_null').hide();
var pasYear = $('#pastYear').val();
var currentYear = $('#currentYear').val();
$('.datepicker').flatpickr({
dateFormat: "d-m-Y",
minDate: pasYear,
maxDate: currentYear
})
$("#myForm").submit(function (event) {
event.preventDefault(); // Prevent the form from submitting normally
if ($("#cif").val() === "") {
alert("Nomor CIF harus diisi.");
return; // Stop form submission
}
if ($("#startDate").val() === "") {
alert("Tanggal mulai harus diisi.");
return; // Stop form submission
}
if ($("#endtDate").val() === "") {
alert("Tanggal selesai harus diisi.");
return; // Stop form submission
}
$('.row-none').hide();
$('.mycheck').show();
$('.firstrow').remove();
$('.secondrow').remove();
$('.loading1').show();
var actionUrl = $(".form_customer3").attr('action');
var cif = $("input[name=cif]").val();
var kodecabang = $("select[name='kodecabang']").val();
var periode = $("input[name=periode]").val();
var startDate = $("input[name=startDate]").val();
var endDate = $("input[name=endDate]").val();
$("input[name=cus_no_fasilitas]").val(cif);
$("input[name=cus_no]").val(cif);
$("input[name=kode_cabang]").val(kodecabang);
var no = 1;
$.ajax({
url: "{{ route('getData') }}",
type: "GET",
data: $(this).serialize(),
dataType: "json",
success: function (items) {
$('.loading1').hide();
let dateString ='';
$.each(items, function(i, index) {
$('#dataBody').append('<tr class="secondrow"><td>' + (
no++) +
'</td><td>' + items[i]['ACCOUNT_NUMBER'] +
'</td><td>' + items[i]['COMPANY_NAME'] +
'</td><td>' + items[i]['SHORT_NAME'] +
'</td><td style="text-align:right">' + items[i]['WORKING_BALANCE'] +
// '</td><td>' + items[i]['PRODUCT'] +
'</td><td style="text-align:center">' + items[i]['CURRENCY'] + '</td>'+
'<td class="tes">'+
'<div style="padding-left:22px" class="form-check form-check-custom form-check-solid me-10">'+'<input class=" form-check-input h-20px w-20px checkbox-item" type="checkbox" name="account_number" value="' + items[i]['ACCOUNT_NUMBER'] + '"></div>'+
'</td>'+
'</tr>'
);
});
$(".fasilitasButton").show();
var kdcabang = $("#kodecabang").val();
$("#company_name").val(kdcabang);
$("input[name=startDateFasilitas]").val(startDate);
$("input[name=endDateFasilitas]").val(endDate);
$("input[name=cusFasilitas]").val(cif);
$(".selected-values").val('');
$('#cusNo').val();
$('#accNo').val();
$('#cabang').val();
$('.exportButton').hide();
$('#buttonPostInfoSurat').hide();
$('#selectAll').prop('checked', false);;
},
error: function (error) {
console.error("Form submission failed!");
// Handle the error if needed
}
});
});
function currency(params) {
params.maskMoney({
prefix: 'Rp ',
thousands: '.',
decimal: ',',
precision: 0, // ubah ke 2 jika ingin menampilkan desimal
allowNegative: false // ubah ke true jika ingin mengizinkan angka negatif
});
}
var accNumbers = [];
$('#selectAll').change(function() {
$('.exportPdf').show();
$('.checkbox-item').prop('checked', $(this).prop('checked'));
//Get Value Account Number
if ( $(this).prop('checked')) {
accNumbers.splice(0, accNumbers.length);
$.each($(".checkbox-item:checked"), function() {
accNumbers.push($(this).val());
$("input[name=acc_no]").val(accNumbers)
});
} else {
accNumbers.splice(0, accNumbers.length);
$("input[type=checkbox]").prop('checked', false);
$.each($("input[name='account_number']"), function() {
// arr.push($(this).val());
$("input[name=acc_no]").val('')
});
}
});
// var selectedValues = [];
$('#table4 tbody').on('change', 'tr td.tes input[type=checkbox]', function() {
$('.exportPdf').show();
if (!$(this).prop('checked')) {
accNumbers.splice(0, accNumbers.length);
$('#selectAll').prop('checked', false);
//$(this).val('');
$.each($(".checkbox-item:checked"), function() {
accNumbers.push($(this).val());
$("input[name=acc_no]").val(accNumbers)
});
} else {
accNumbers.splice(0, accNumbers.length);
$.each($(".checkbox-item:checked"), function() {
accNumbers.push($(this).val());
$("input[name=acc_no]").val(accNumbers)
});
// Periksa apakah semua checkbox item sudah di-check, jika ya, centang checkbox all
if ($('.checkbox-item:checked').length === $('.checkbox-item').length) {
$('#selectAll').prop('checked', true);
}
}
});
// Open the modal when the button is clicked
$("#openModalBtn").click(function() {
$("#myModal").modal('show');
});
// Handle form submission when the "Submit" button is clicked
$("#submitFormBtn").click(function() {
var formData = $("#myForm2").serialize();
console.log(formData);
$("#myModal").modal('hide');
});
$("#cancelBtn").click(function() {
$("#myModal").modal('hide');
});
$(".closeButtonSigner").click(function() {
$("#signerModal").modal('hide');
});
//submit signer
$("#buttonPostInfoSurat").click(function(){
$("#signerModal").modal('show');
})
//submit signer
// $("#exportButton").click(function(){
// $("#signerModal").modal('show');
// })
// Handle form submission when the "Submit" button inside the modal is clicked
$("#submitInfoSurat").click(function(e) {
e.preventDefault();
var cif = $('input[name="cus_no"]').val();
var cabang = $('input[name="kode_cabang"]').val();
var startDate = $('input[name="startDate"]').val();
var endDate = $('input[name="endDate"]').val();
var acc_no = $('input[name="acc_no"]').val();
var no_req_surat = $('input[name="no_req_surat"]').val();
var no_surat = $('input[name="no_surat"]').val();
var tgl_req_surat = $('input[name="tgl_req_surat"]').val();
var email = $('input[name="email"]').val();
var tlp = $('input[name="tlp"]').val();
var nama_tujuan = $('input[name="nama_tujuan"]').val();
var alamat = $.trim($("#alamat").val());
var signer = $("#signer-select").find('option:selected').val();
$("#signerModal").modal('hide');
// $('.modalSpiner').modal('show');
var dt = new Date();
var date = dt.getYear() + ":" + dt.getDate() + ":" + dt.getHours();
// var formData = $("#formSigner").serialize();
var dataToSend = {
_token: $('meta[name="csrf-token"]').attr('content'),
cus_no: cif,
kode_cabang: cabang,
startDate:startDate,
endDate:endDate,
acc_no:acc_no,
signer:signer,
no_req_surat:no_req_surat,
no_surat:no_surat,
tgl_req_surat:tgl_req_surat,
email:email,
tlp:tlp,
nama_tujuan:nama_tujuan,
alamat:alamat
};
$.ajax({
type: "POST",
url: "{{ route('konfirmasibank.postInfoSurat') }}",
data: dataToSend, // serializes the form's elements.
dataType: 'json', // Mengatur tipe data yang diharapkan dari respons
success: function(data) {
// $('.modalSpiner').modal('hide');
// Create a Blob from the response data
$('#cusNo').val(cif);
$('input[name="email"]').val();
$('#accNo').val(acc_no);
$('#cabang').val(cabang);
$('#startDate2').val(startDate);
$('#signerId').val(signer);
// location.reload();
$('.exportButton').show();
//$('#signerModal')[0].reset();
toastr.success(data.message);
},
error: function(data, textStatus, errorThrown) {
$('.modalSpiner').modal('hide');
var errors = data.responseJSON.errors;
$.each(errors, function(key, value) {
toastr.error(value);
});
}
});
});
});
</script>
@endpush
</x-default-layout>