@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
<style>
    ul {margin:0;}
</style>
@endsection
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>{{ $transaction_detail->transaction_code }}</h3>
                </div>
                <div class="clearfix"></div>
            </div>           

            <input type="hidden" id="id" value="{{ $transaction_detail->id }}">
            
            <div class="col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Application Detail</h2>
                        <h5>Nomor Anggota {{ $transaction_detail->lakusimpan_idr_customer->customer_code }}</h5>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <div class="row">
                            <div class="col-md-3">
                                <p>Nama Lengkap</p>
                                <p>Tempat Tanggal Lahir</p>
                                <p>Jenis Kelamin</p>
                                <p>Alamat Sekarang</p>
                                <p>RT/RW</p>
                                <p>Kota</p>
                                <p>Kecamatan</p>
                                <p>Kelurahan</p>
                                <p>Kodepos</p>
                                <p>Handphone</p>
                                <p>Email</p>
                                <p>Foto KTP</p>
                                <p>Foto NPWP</p>
                                <p>Signed Form(PDF)</p>
                            </div>
                            <div class="col-md-9">
                                <p> : {{  $transaction_detail->lakusimpan_idr_customer->name }}</p>
                                <p> : {{  $transaction_detail->lakusimpan_idr_customer->tempat_lahir }}, {{ $transaction_detail->lakusimpan_idr_customer->tanggal_lahir }} </p>
                                <p> : {{  $transaction_detail->lakusimpan_idr_customer->jenis_kelamin }}</p>
                                <p> : {{  $transaction_detail->lakusimpan_idr_customer->alamat }}</p>
                                <p> : {{  $transaction_detail->lakusimpan_idr_customer->rt_rw }}</p>
                                <p> : {{  $transaction_detail->lakusimpan_idr_customer->kota->kota }}</p>
                                <p> : {{  $transaction_detail->lakusimpan_idr_customer->kecamatan->nama }}</p>
                                <p> : {{  $transaction_detail->lakusimpan_idr_customer->kelurahan }}</p>
                                <p> : {{  $transaction_detail->lakusimpan_idr_customer->kodepos }}</p>
                                <p> : {{  $transaction_detail->lakusimpan_idr_customer->handphone }}</p>
                                <p> : {{  $transaction_detail->lakusimpan_idr_customer->email }}</p>                                
                                <p style="height:18.56px;"> :
                                    @if(!empty($transaction_detail->lakusimpan_idr_customer->ktp_photo ))
                                        <a href="{{ env('ALIYUN_OSS_IMAGE_URL') }}/{{ env('ALIYUN_OSS_FOLDER_LAKUSIMPAN_IDR') }}/{{ $transaction_detail->lakusimpan_idr_customer->ktp_photo }}" target="_blank" class="btn btn-xs btn-default"><i class="fa fa-download" aria-hidden="true"></i></a>
                                    @else
                                        No Image
                                    @endif
                                </p>   
                                <p style="height:18.56px;"> :
                                    @if(!empty($transaction_detail->lakusimpan_idr_customer->npwp_photo ))
                                        <a href="{{ env('ALIYUN_OSS_IMAGE_URL') }}/{{ env('ALIYUN_OSS_FOLDER_LAKUSIMPAN_IDR') }}/{{ $transaction_detail->lakusimpan_idr_customer->npwp_photo }}" target="_blank" class="btn btn-xs btn-default"><i class="fa fa-download" aria-hidden="true"></i></a>
                                    @else
                                        No Image
                                    @endif
                                </p>                                   
                                <p style="height:18.56px;"> :
                                    @if(!empty($transaction_detail->signed_form ))
                                        <a href="{{ env('ALIYUN_OSS_IMAGE_URL') }}/{{ env('ALIYUN_OSS_FOLDER_LAKUSIMPAN_IDR') }}/{{ $transaction_detail->signed_form }}" target="_blank" class="btn btn-xs btn-default"><i class="fa fa-download" aria-hidden="true"></i></a>
                                    @else
                                        No Image
                                    @endif
                                </p>                                                                   
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Lakusimpan Calculator</h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <div class="row">
                            <div class="col-md-3">
                                <p>Deposito</p>
                                <p>Tenor</p>
                                <p>Sewa Modal</p>
                                <p>Imbal Hasil Akhir Tenor</p>
                                <p>Pph 15%</p>
                                <p>Simpanan Pokok</p>
                                <p>Simpanan Wajib(-Rp.5000/bulan)</p>
                                <p>Termination Penalty(25%)</p>
                                <p>Deposito di akhir tenor</p>                                
                            </div>
                            <div class="col-md-9">
                                <p>: Rp. {{ number_format($transaction_detail->jumlah_deposito, 2)  }}</p>
                                <p>: {{ $transaction_detail->tenor }} bulan</p>
                                <p>:  {{ $transaction_detail->tenor == 12 ? '10' : '8' }}%</p>
                                <p>: Rp. {{ number_format($transaction_detail->imbal_hasil, 2) }} </p>
                                <p>: (Rp. {{ number_format($transaction_detail->pph, 2) }})</p>
                                <p>: (Rp. {{ number_format($transaction_detail->simpanan_pokok, 2)  }})</p>
                                <p>: (Rp. {{ number_format($transaction_detail->simpanan_wajib, 2)  }})</p>
                                <p>: (Rp. {{ number_format($transaction_detail->termination_penalty, 2)  }})</p>
                                <p>: Rp. {{ number_format($transaction_detail->hasil_deposito, 2)  }}</p>
                            </div>
                        </div>              
                    </div>

                    @if($transaction_detail->status == "waiting_approval")
                        <div>
                            <button class="btn btn-primary btn-accept"  onclick="return accept()">Accept</button>
                            <button class="btn btn-danger btn-reject" onclick="return reject()">Reject</button>
                        </div>
                    @endif

                    @if($transaction_detail->status == "sedang_berjalan" || $transaction_detail->status == "akan_berakhir")
                        <div>
                            <button class="btn btn-danger btn-terminate"  onclick="return terminate()">Terminate</button>
                        </div>
                    @endif
                </div>                   
            </div>           
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    function accept() {
        if (confirm("Are you sure want to Accept?")) {
            $(".btn-accept").attr("disabled", true);
            $(".btn-reject").attr("disabled", true);
            var id = $("#id").val();
            $.ajax({
                url: '/lakusimpan_idr/accept_lakusimpan_idr_request',
                method: "POST",            
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data: { id : id},
                success: function(response) {
                    alert(response.success);  
                    window.location.href = "{{url('/lakusimpan_idr/show_approval_list')}}";                                   
                },
                error: function(response) {
                    var data = response.responseJSON;
                    alert(data.error);               
                }
            });
        } else {
            return false;
        }
    }

    function reject() {
        if (confirm("Are you sure want to Reject?")) {
            $(".btn-reject").attr("disabled", true);
            var id = $("#id").val();
            $.ajax({
                url: '/lakusimpan_idr/reject_lakusimpan_idr_request',
                method: "POST",            
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data: { id : id},
                success: function(response) {
                    alert(response.success);  
                    window.location.href = "{{url('/lakusimpan_idr/show_approval_list')}}";                                   
                },
                error: function(response) {
                    var data = response.responseJSON;
                    alert(data.error);               
                }
            });
        } else {
            return false;
        }
    }

    function terminate() {
        if (confirm("Are you sure want to Terminate?")) {
            $(".btn-terminate").attr("disabled", true);
            var id = $("#id").val();
            $.ajax({
                url: '/lakusimpan_idr/terminate_lakusimpan_idr',
                method: "POST",            
                headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                data: { id : id},
                success: function(response) {
                    alert(response.success);  
                    window.location.href = "{{url('/lakusimpan_idr/application_list')}}";                                   
                },
                error: function(response) {
                    var data = response.responseJSON;
                    alert(data.error);               
                }
            });
        } else {
            return false;
        }
    }
</script>
@endsection