@extends('temp.admin')
@php
use NN\Module\DB;
@endphp
@section("content")

<div class="content-header row">
    <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
        <h3 class="content-header-title mb-0 d-inline-block">Dasbor</h3>
        <div class="row breadcrumbs-top d-inline-block">
            <div class="breadcrumb-wrapper col-12">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item active">Hapus manual Simpanan & Angsuran</li>
                </ol>
            </div>
        </div>
    </div>
    <div class="content-header-right col-md-6 col-12">
        <div class="btn-group float-md-right">
        </div>
    </div>
</div>
<div class="content-body">
    <section id="dasbor">
        <div class="row">
            <div class="col-md-6 col-sm-12 d-none">
                <div class="card border-top-3 border-top-vds">
                    <div class="card-header bg-danger white">
                        <h4 class="card-title text-white">Pinjaman Anggota NON Gaji</h4>        						
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body">        							
                            <p class="card-text">
                                <span class="font-small-2" >Total</span>
                                <br>
                                <span class="font-medium-2 text-bold-700 hutang">Rp</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-sm-12 d-none">
                <div class="card border-top-3 border-top-vds">
                    <div class="card-header bg-success white">
                        <h4 class="card-title text-white">Pinjaman Reguler</h4>        						
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body">        							
                            <p class="card-text">
                                <span class="font-small-2" >Total</span>
                                <br>
                                <span class="font-medium-2 text-bold-700 piutang">Rp</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-sm-12">
                <div class="card border-top-3 border-top-vds">
                    <div class="card-header bg-success white">
                        <h4 class="card-title text-white">Hapus Simpanan</h4>        						
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body">        							
                            <div class="form-group">
                                <label for="">Faktur Simpanan</label>
                                <input type="text" id="simpanan" class="form-control" value="">
                                <small>masukkan faktur yang ingin di hapus</small>
                            </div>
                            <button class="btn btn-primary" id="simpananaction">Submit</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-sm-12">
                <div class="card border-top-3 border-top-vds">
                    <div class="card-header bg-success white">
                        <h4 class="card-title text-white">Hapus Angsuran</h4>        						
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body">        							
                            <div class="form-group">
                                <label for="">Faktur Angsuran</label>
                                <input type="text" id="angsuran" class="form-control" value="">
                                <small>masukkan faktur yang ingin di hapus</small>
                            </div>
                            <button class="btn btn-primary" id="angsuranaction">Submit</button>
                        </div>
                    </div>
                </div>
            </div>

            
           
        </div>
    </section>
</div>


@endsection

@section('script')
<script>

    function makeItAction(title ,functionName, elementId, actionId){
        _id(actionId).addEventListener('click', function(){
            let simpanan = _val(elementId);

            if(simpanan == ''){
                return Swal.fire({
                    icon: 'error',
                    title: 'Oops...',
                    text: `Faktur ${title} tidak boleh kosong!`,
                })
            }


            Swal.fire({
                title: 'Konfirmasi',
                text: `Apakah anda yakin ingin menghapus ${title} ini?`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya, Hapus!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    Swal.fire(
                        'Terhapus!',
                        `Data ${title} berhasil dihapus.`,
                        'success'
                    )
                    
                }
            });
            setTimeout(() => {
                document.querySelector('.swal2-cancel').focus()
            }, 100);
            document.querySelector('.swal2-confirm').addEventListener('click', function () {
                let c = cssLoader();
                AuditDevQuery(`call ${functionName}('${simpanan}')`, function(data){
                    c.remove();
                    Swal.fire(
                        'Terhapus!',
                         `Data ${title} berhasil dihapus.`,
                        'success'
                    )    
                })
            })
        })
    }('Simpanan', 'sp_hapus_simpanan', 'simpanan', 'simpananaction')

    makeItAction('simpanan', 'hapus_simpanan', 'simpanan', 'simpananaction');

    makeItAction('angsuran', 'hapus_angsuran', 'angsuran', 'angsuranaction');

</script>  
@endsection