@extends('cms.layouts.authorized')
@inject('constant', '\App\Util\Constant')
@section('title', 'RDL Danamon')

@section('headerCustom')

@endsection

@section('content')
    <div class="row">
        <div class="col-xs-12">
            <div class="card">
                <div class="card-header card-header-add">
                    <span>RDI<b>(Rekening Dana Investor)</b> Danamon</span><span class="badge ml-15">{{ @$constant::RDI_DANAMON_STATUS_LABELS[@$rdlDanamon->status] }}</span>
                </div>
                <div class="card-body">
                    <div class="row">
                        @if (in_array($rdlDanamon->status, [@$constant::RDI_DANAMON_STATUS_ACTIVE, @$constant::RDI_DANAMON_STATUS_DEACTIVE]))
                        <div class="col-md-12">
                            <div class="col-md-3">Saldo</div>
                            <div class="col-md-9">
                                : Rp  {{ getPriceNumber($rdlDanamon->amount) }}
                                @if ($rdlDanamon->status == @$constant::RDI_DANAMON_STATUS_ACTIVE)
                                    <a class="p-5" href="{{ route('lender.rdlDanamon.inquiryBalance') }}" title="Perbarui Saldo"><i class="fa fa-refresh" aria-hidden="true"></i></a>
                                @endif
                                {{-- <button class="btn text-primary p-5" style="background-color: unset;" type="button" title="Perbarui Saldo" data-toggle="modal" data-target="#modal-verify-inquiry">
                                    <i class="fa fa-refresh" aria-hidden="true"></i>
                                </button> --}}
                            </div>
                        </div>    
                            <div class="col-md-12">
                                <div class="col-md-3">Nomor Rekening Danamon</div>
                                <div class="col-md-9">: {{ $rdlDanamon->bankAccountNumber }}</div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-3">NIK</div>
                                <div class="col-md-9">: {{ $rdlDanamon->bankIdCardNumber }}</div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-3">Nomor Handphone</div>
                                <div class="col-md-9">: {{ $rdlDanamon->bankMobilePhone }}</div>
                            </div>
                            @if ($rdlDanamon->status == @$constant::RDI_DANAMON_STATUS_ACTIVE)
                                <div class="col-md-12 pt-20">
                                    <button class="btn btn-xs btn-danger" type="button" data-toggle="modal" data-target="#modal-unbinding">Unbinding akun RDL danamon</button>
                                </div>
                            @elseif ($rdlDanamon->status == @$constant::RDI_DANAMON_STATUS_DEACTIVE)
                                <div class="col-md-12 pt-20">
                                    <button class="btn btn-xs btn-primary" type="button" data-toggle="modal" data-target="#modal-rebinding">Rebinding akun RDL danamon</button>
                                </div>
                            @endif
                        @elseif ($rdlDanamon->status == @$constant::RDI_DANAMON_STATUS_PENDING)
                            <div class="col-md-12">
                                <a href="{{ route('lender.rdlDanamon.retryOtp', ['refrenceNumberFor' => 'registration', 'invoicePaymentId' => '']) }}">Aktivasi akun RDI Danamon</a>
                            </div>
                        @else
                            <div class="col-md-12">
                                <p class="mt-5">Sudah memiliki rekening danamon ?</p>
                                <br>
                                <div class="col-lg-12">
                                    <div class="col-md-4">
                                        <p>
                                            Jika belum silahkan buat rekening danamon <br>
                                            <span class="text-warning">( Mohon untuk memilih jenis rekening syariah saat pembukaan rekening danamon ! )</span>
                                        </p>
                                    </div>
                                    <div class="col-md-8">
                                        <a class="btn btn-primary" href="https://register.dbank.co.id/" target="_blank">disini</a>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <hr>
                                </div>
                                <div class="col-lg-12">
                                    <div class="col-md-4">
                                        <p>
                                            Jika sudah aktifkan akun RDI/Direct debit danamon <br>
                                            <span class="text-warning">( Mohon untuk pendaftaran akun tidak menggunakan kartu debit untuk payroll dan dikhususkan menggunakan jenis rekening syariah ! )</span>
                                        </p>
                                    </div>
                                    <div class="col-md-8">
                                        <button class="btn btn-primary" type="button" data-toggle="modal" data-target="#modal-activation">disini</button>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="modal-activation" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-activation-title" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="{{ route('lender.rdlDanamon.register') }}" method="POST">
                    <div class="modal-header">
                        <h5 class="modal-title" id="my-modal-title">Register Akun RDI Danamon</h5>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="col-md-4">
                                    <b><p>Nomor Rekening Danamon</p></b>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" name="bankAccountNumber" type="number" required>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="col-md-4">
                                    <b><p>Nomor Handphone</p></b>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" name="bankMobilePhone" type="number" required>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="col-md-4">
                                    <b><p>NIK</p></b>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" name="bankIdCardNumber" type="number" required>
                                </div>
                                <small class="text-muted text-sm">Masukkan nomor handphone dan NIK sesuai dengan yang terdaftar di kartu debit rekening danamon anda !</small>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            Batal
                        </button>
                        <button type="submit" class="btn btn-primary">
                            Submit
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div id="modal-verify-inquiry" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-verify-inquiry-title" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="{{ route('lender.rdlDanamon.verifyInquiryBalance') }}" method="POST">
                    <div class="modal-header">
                        <h5 class="modal-title" id="my-modal-title">Verifikasi Inquiry Balance Saldo Anda</h5>
                    </div>
                    <div class="modal-body row">
                        <div class="col-12 text-center">
                            <b><p>Masukkan OTP</p></b>
                            <input class="form-control text-center otp" name="otp" type="number" max="6" required>
                            {{-- <small>Belum menerima OTP ? <span><a href="{{ route('lender.rdlDanamon.retryOtp') }}">Kirim Ulang</a></span></small> --}}
                            <br><br>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            Batal
                        </button>
                        <button type="submit" class="btn btn-primary">
                            Submit
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div id="modal-unbinding" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-verify-inquiry-title" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="{{ route('lender.rdlDanamon.unregister') }}" method="GET">
                    <div class="modal-header">
                        <h5 class="modal-title" id="my-modal-title">Unbinding Akun RDL Danamon</h5>
                    </div>
                    <div class="modal-body row">
                        <div class="col-12 text-center">
                            Anda yakin untuk menonaktifkan akun RDL Danamon Anda ? 
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            Batal
                        </button>
                        <button type="submit" class="btn btn-danger">
                            Setuju
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    @if ($rdlDanamon->status == @$constant::RDI_DANAMON_STATUS_DEACTIVE)
        <div id="modal-rebinding" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-verify-inquiry-title" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form action="{{ route('lender.rdlDanamon.register') }}" method="POST">
                        <input class="form-control" name="bankAccountNumber" type="hidden" value="{{ $rdlDanamon->bankAccountNumber }}">
                        <input class="form-control" name="bankMobilePhone" type="hidden" value="{{ $rdlDanamon->bankMobilePhone }}">
                        <input class="form-control" name="bankIdCardNumber" type="hidden" value="{{ $rdlDanamon->bankIdCardNumber }}">
                        <div class="modal-header">
                            <h5 class="modal-title" id="my-modal-title">Rebinding Akun RDL Danamon</h5>
                        </div>
                        <div class="modal-body row">
                            <div class="col-12 text-center">
                                Anda yakin untuk mengaktifkan kembali akun RDL Danamon Anda ? 
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">
                                Batal
                            </button>
                            <button type="submit" class="btn btn-primary">
                                Setuju
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

@endsection

@section('jsCustom')
    <script>
        $(document).ready(function () {
            var isInquiry = '{!! session('isInquiry') !!}';
    
            if (isInquiry) {
                $('#modal-verify-inquiry').modal('show');
            }
        });
    </script>
@endsection