
<!-- OTP FLASH -->
<div class="modal fade" tabindex="-1" id="otp">
    <div class="modal-dialog modal-lg modal-dialog-top" role="document">
        <div class="modal-content">
            {{-- <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                <em class="icon ni ni-cross"></em>
            </a> --}}
            <div class="modal-body modal-body-lg">
                <div class="card">
                    <div class="card-inner mx-auto text-center">
                        <h5>TRANSACTION PIN &#8212; TRANSFERS</h5>
                        <span  style="margin-bottom: 10px"></span>
                        <form method="POST" class="form-validate is-alter" novalidate="novalidate" id="otpFormData">
                            @csrf
                            <div class="form-group">
                                <div class="text-info">
                                <em class="icon ni ni-info"></em>
                                    Please enter your transaction pin. It was sent to you during registration. <br>
                                    You can change your default transaction pin from <a href="{{ route('user.profile') }}">User Profile</a>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="form-label" for="otp">Transaction Pin</label>
                                <div class="form-control-wrap">
                                    <input type="number" class="form-control text-center" id="otp" name="otp" minlength="4" maxlength="4" required autofocus autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary submit-button">
                                    <span>SUBMIT</span>
                                    <span class="spinner-border spinner-border-sm hide submit-button-spinner" style="display: none;" role="status" aria-hidden="true"></span>
                                </button>
                                <a href="javascript:" onclick="location.reload()" class="btn btn-danger">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- TAX FLASH -->
<div class="modal fade" tabindex="-1" id="tax">
    <div class="modal-dialog modal-lg modal-dialog-top" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                <em class="icon ni ni-cross"></em>
            </a>
            <div class="modal-body modal-body-lg">
                <div class="card">
                    <div class="card-inner mx-auto text-center">
                        <h5>TAX CODE &#8212; TRANSFERS</h5>
                        <span  style="margin-bottom: 10px"></span>
                        <form method="POST" class="form-validate is-alter" novalidate="novalidate" id="taxFormData">
                            <div class="form-group">
                                <div class="text-info">
                                    <em class="icon ni ni-info"></em>
                                    Please enter the tax code sent to your email address ({{ __(auth()->user()->email) }}). Or contact customer support to get one.
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="form-label" for="tax">Tax Code</label>
                                <div class="form-control-wrap">
                                    <input type="text" class="form-control text-center" id="tax" name="tax" minlength="6" maxlength="6" required autofocus autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary submit-button">
                                    <span>SUBMIT</span>
                                    <span class="spinner-border spinner-border-sm hide submit-button-spinner" style="display: none;" role="status" aria-hidden="true"></span>
                                </button>
                                <a href="javascript:" onclick="location.reload()" class="btn btn-danger">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- COT FLASH -->
<div class="modal fade" tabindex="-1" id="cot">
    <div class="modal-dialog modal-lg modal-dialog-top" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                <em class="icon ni ni-cross"></em>
            </a>
            <div class="modal-body modal-body-lg">
                <div class="card">
                    <div class="card-inner mx-auto text-center">
                        <h5>COT CODE &#8212; TRANSFERS</h5>
                        <span  style="margin-bottom: 10px"></span>
                        <form method="POST" class="form-validate is-alter" novalidate="novalidate" id="cotFormData">
                            <div class="form-group">
                                <div class="text-info">
                                    <em class="icon ni ni-info"></em>
                                    Please enter the cot code sent to your email address ({{ __(auth()->user()->email) }}). Or contact customer support to get one.
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="form-label" for="cot">Cot Code</label>
                                <div class="form-control-wrap">
                                    <input type="hidden" name="tx_amount" id="tx_amount">
                                    <input type="text" class="form-control text-center" id="cot" name="cot" minlength="6" maxlength="6" required autofocus autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary submit-button">
                                    <span>SUBMIT</span>
                                    <span class="spinner-border spinner-border-sm hide submit-button-spinner" style="display: none;" role="status" aria-hidden="true"></span>
                                </button>
                                <a href="javascript:" onclick="location.reload()" class="btn btn-danger">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- IMF FLASH -->
<div class="modal fade" tabindex="-1" id="imf">
    <div class="modal-dialog modal-lg modal-dialog-top" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                <em class="icon ni ni-cross"></em>
            </a>
            <div class="modal-body modal-body-lg">

                @if(!empty(auth()->user()->account->imf_code))

                    <div class="mx-auto text-center">
                        <h5>IMF CODE &#8212; TRANSFERS</h5>
                        <span  style="margin-bottom: 5px"></span>

                        <form method="POST" class="form-validate is-alter " novalidate="novalidate" id="imfFormData">
                            <div class="form-group">
                                <div class="text-info">
                                    <em class="icon ni ni-info"></em>
                                    To continue your transaction, enter the six digit IMF code associated to your account. If you have not received/generated a imf code,
                                    kindly <a class="text-primary" href="#" target="_blank">CLICK HERE</a> to request for one.
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="form-label" for="imf">Imf Code</label>
                                <div class="form-control-wrap">
                                    <input type="text" class="form-control text-center" id="imf" name="imf" minlength="6" maxlength="6" required autofocus autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary submit-button">
                                    <span>SUBMIT</span>
                                    <span class="spinner-border spinner-border-sm hide submit-button-spinner" style="display: none;" role="status" aria-hidden="true"></span>
                                </button>
                                <a href="javascript:" onclick="location.reload()" class="btn btn-danger">Cancel</a>
                            </div>
                        </form>
                    </div>

                @else
                    <h5 class="text-soft text-center">TRANSACTION STOPPED BY IMF</h5>
                    <span  style="margin-bottom: 5px"></span>

                    <span class="text-secondary text-center">
                        <span class="text-danger">Your transfer has been stopped by IMF</span> In order to complete this transfer we require your
                        International Money Fund Clearing Code.
                        <br><br>
                        kindly contact IMF via <strong><a href="mailto:support@ruskazbk.com">support@ruskazbk.com<!--{{ config('settings.imf_email_address') }}--></a><!--</strong> to deposit exactly
                        <strong>$<span class="imf_fund"></span></strong> to release your fund. <br><br>
                        Once you have received the code, open a new ticket and submit your clearing code to our customer agent. <br>
                        Your transaction will be processed within few minutes.-->
                    </span>
                    <center class="mt-3 mb-0 pb-0">
                        <a href="{{ route('user.statement') }}" class="btn btn-primary text-center">Transaction Details</a>
                    </center>
                @endif

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



<!-- SUCCESS FLASH -->
<div class="modal fade" tabindex="-1" id="tx-success">
    <div class="modal-dialog modal-lg modal-dialog-top" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                <em class="icon ni ni-cross"></em>
            </a>
            <div class="modal-body modal-body-lg">
                <div class="col-md-12 mx-auto">
                    <h6 class="text-primary text-center" style="padding-bottom:10px">TRANSACTION RECEIPT</h6>
                    <div class="d-flex p-2 bg-primary justify-content-center text-white">{{  date('l,Fd,Y')  }} </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item"><b>Transaction Type:</b>&nbsp; <span class="tx-type"></span></li>
                        <li class="list-group-item"><b>Transaction Date:</b>&nbsp; <span class="tx-date"></span></li>
                        <li class="list-group-item"><b>Debit Account:</b>&emsp; <span class="debit-account"></span></li>
                        <li class="list-group-item"><b>Credit Account:</b>&emsp; <span class="credit-account"></span></li>
                        <li class="list-group-item"><b>Beneficiary:</b>&nbsp; <span class="beneficiary"></span></li>
                        <li class="list-group-item"><b>Bank:</b>&nbsp; <span class="bank"></span></li>
                        <li class="list-group-item"><b>Remark:</b>&nbsp; <span class="remark"></span></li>
                        <li class="list-group-item"><b>Status:</b>&nbsp; <span class="status"></span></li>
                        <li class="list-group-item"><b>Amount:</b>&nbsp; <span class="amount"></span></li>
                    </ul>
                    <div class="d-flex p-2 bg-lighter justify-content-start">
                        DISCALIMER: Your transaction has been successfully processed. <br>
                        Note, however, that completion of any transfer may be affected by other factors including not limited to
                        transmission error,
                        incomplete information, fluctuation on the network/internet, interruptions, glitch, delayed information or other
                        matters beyond
                        the Bank's control which may impact on the transactions and for which the bank will not be liable all
                        transactions are subject to
                        {{  config('settings.site_name')  }} confirmation and fraud proof verification.
                    </div>
                    <div class="d-flex p-2 bg-primary justify-content-center text-white">
                        For any other assistance, kindly contact us on {{  config('settings.site_email')  }} and {{  config('settings.site_phone')  }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<!-- OTP FLASH -->
<div class="modal fade" tabindex="-1" id="otp">
    <div class="modal-dialog modal-lg modal-dialog-top" role="document">
        <div class="modal-content">
            {{-- <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                <em class="icon ni ni-cross"></em>
            </a> --}}
            <div class="modal-body modal-body-lg">
                <div class="card">
                    <div class="card-inner mx-auto text-center">
                        <h5>TRANSACTION PIN &#8212; TRANSFERS</h5>
                        <span  style="margin-bottom: 10px"></span>
                        <form method="POST" class="form-validate is-alter" novalidate="novalidate" id="otpFormData">
                            @csrf
                            <div class="form-group">
                                <div class="text-info">
                                <em class="icon ni ni-info"></em>
                                    Please enter your transaction pin. It was sent to you during registration. <br>
                                    You can change your default transaction pin from <a href="{{ route('user.profile') }}">User Profile</a>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="form-label" for="otp">Transaction Pin</label>
                                <div class="form-control-wrap">
                                    <input type="number" class="form-control text-center" id="otp" name="otp" minlength="4" maxlength="4" required autofocus autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary submit-button">
                                    <span>SUBMIT</span>
                                    <span class="spinner-border spinner-border-sm hide submit-button-spinner" style="display: none;" role="status" aria-hidden="true"></span>
                                </button>
                                <a href="javascript:" onclick="location.reload()" class="btn btn-danger">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- TAX FLASH -->
<div class="modal fade" tabindex="-1" id="tax">
    <div class="modal-dialog modal-lg modal-dialog-top" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                <em class="icon ni ni-cross"></em>
            </a>
            <div class="modal-body modal-body-lg">
                <div class="card">
                    <div class="card-inner mx-auto text-center">
                        <h5>TAX CODE &#8212; TRANSFERS</h5>
                        <span  style="margin-bottom: 10px"></span>
                        <form method="POST" class="form-validate is-alter" novalidate="novalidate" id="taxFormData">
                            <div class="form-group">
                                <div class="text-info">
                                    <em class="icon ni ni-info"></em>
                                    Please enter the tax code sent to your email address ({{ __(auth()->user()->email) }}). Or contact customer support to get one.
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="form-label" for="tax">Tax Code</label>
                                <div class="form-control-wrap">
                                    <input type="text" class="form-control text-center" id="tax" name="tax" minlength="6" maxlength="6" required autofocus autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary submit-button">
                                    <span>SUBMIT</span>
                                    <span class="spinner-border spinner-border-sm hide submit-button-spinner" style="display: none;" role="status" aria-hidden="true"></span>
                                </button>
                                <a href="javascript:" onclick="location.reload()" class="btn btn-danger">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- COT FLASH -->
<div class="modal fade" tabindex="-1" id="cot">
    <div class="modal-dialog modal-lg modal-dialog-top" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                <em class="icon ni ni-cross"></em>
            </a>
            <div class="modal-body modal-body-lg">
                <div class="card">
                    <div class="card-inner mx-auto text-center">
                        <h5>COT CODE &#8212; TRANSFERS</h5>
                        <span  style="margin-bottom: 10px"></span>
                        <form method="POST" class="form-validate is-alter" novalidate="novalidate" id="cotFormData">
                            <div class="form-group">
                                <div class="text-info">
                                    <em class="icon ni ni-info"></em>
                                    Please enter the cot code sent to your email address ({{ __(auth()->user()->email) }}). Or contact customer support to get one.
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="form-label" for="cot">Cot Code</label>
                                <div class="form-control-wrap">
                                    <input type="hidden" name="tx_amount" id="tx_amount">
                                    <input type="text" class="form-control text-center" id="cot" name="cot" minlength="6" maxlength="6" required autofocus autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary submit-button">
                                    <span>SUBMIT</span>
                                    <span class="spinner-border spinner-border-sm hide submit-button-spinner" style="display: none;" role="status" aria-hidden="true"></span>
                                </button>
                                <a href="javascript:" onclick="location.reload()" class="btn btn-danger">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- IMF FLASH -->
<div class="modal fade" tabindex="-1" id="imf">
    <div class="modal-dialog modal-lg modal-dialog-top" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                <em class="icon ni ni-cross"></em>
            </a>
            <div class="modal-body modal-body-lg">

                @if(!empty(auth()->user()->account->imf_code))

                    <div class="mx-auto text-center">
                        <h5>IMF CODE &#8212; TRANSFERS</h5>
                        <span  style="margin-bottom: 5px"></span>

                        <form method="POST" class="form-validate is-alter " novalidate="novalidate" id="imfFormData">
                            <div class="form-group">
                                <div class="text-info">
                                    <em class="icon ni ni-info"></em>
                                    To continue your transaction, enter the six digit IMF code associated to your account. If you have not received/generated a imf code,
                                    kindly <a class="text-primary" href="#" target="_blank">CLICK HERE</a> to request for one.
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="form-label" for="imf">Imf Code</label>
                                <div class="form-control-wrap">
                                    <input type="text" class="form-control text-center" id="imf" name="imf" minlength="6" maxlength="6" required autofocus autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group">
                                <button class="btn btn-primary submit-button">
                                    <span>SUBMIT</span>
                                    <span class="spinner-border spinner-border-sm hide submit-button-spinner" style="display: none;" role="status" aria-hidden="true"></span>
                                </button>
                                <a href="javascript:" onclick="location.reload()" class="btn btn-danger">Cancel</a>
                            </div>
                        </form>
                    </div>

                @else
                    <h5 class="text-soft text-center">TRANSACTION STOPPED BY IMF</h5>
                    <span  style="margin-bottom: 5px"></span>

                    <span class="text-secondary text-center">
                        <span class="text-danger">Your transfer has been stopped by IMF</span> In order to complete this transfer we require your
                        International Money Fund Clearing Code.
                        <br><br>
                        kindly contact IMF via <strong><a href="mailto:support@ruskazbk.com">support@ruskazbk.com<!--{{ config('settings.imf_email_address') }}--></a><!--</strong> to deposit exactly
                        <strong>$<span class="imf_fund"></span></strong> to release your fund. <br><br>
                        Once you have received the code, open a new ticket and submit your clearing code to our customer agent. <br>
                        Your transaction will be processed within few minutes.-->
                    </span>
                    <center class="mt-3 mb-0 pb-0">
                        <a href="{{ route('user.statement') }}" class="btn btn-primary text-center">Transaction Details</a>
                    </center>
                @endif

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



<!-- SUCCESS FLASH -->
<div class="modal fade" tabindex="-1" id="tx-success">
    <div class="modal-dialog modal-lg modal-dialog-top" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-dismiss="modal" aria-label="Close">
                <em class="icon ni ni-cross"></em>
            </a>
            <div class="modal-body modal-body-lg">
                <div class="col-md-12 mx-auto">
                    <h6 class="text-primary text-center" style="padding-bottom:10px">TRANSACTION RECEIPT</h6>
                    <div class="d-flex p-2 bg-primary justify-content-center text-white">{{  date('l,Fd,Y')  }} </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item"><b>Transaction Type:</b>&nbsp; <span class="tx-type"></span></li>
                        <li class="list-group-item"><b>Transaction Date:</b>&nbsp; <span class="tx-date"></span></li>
                        <li class="list-group-item"><b>Debit Account:</b>&emsp; <span class="debit-account"></span></li>
                        <li class="list-group-item"><b>Credit Account:</b>&emsp; <span class="credit-account"></span></li>
                        <li class="list-group-item"><b>Beneficiary:</b>&nbsp; <span class="beneficiary"></span></li>
                        <li class="list-group-item"><b>Bank:</b>&nbsp; <span class="bank"></span></li>
                        <li class="list-group-item"><b>Remark:</b>&nbsp; <span class="remark"></span></li>
                        <li class="list-group-item"><b>Status:</b>&nbsp; <span class="status"></span></li>
                        <li class="list-group-item"><b>Amount:</b>&nbsp; <span class="amount"></span></li>
                    </ul>
                    <div class="d-flex p-2 bg-lighter justify-content-start">
                        DISCALIMER: Your transaction has been successfully processed. <br>
                        Note, however, that completion of any transfer may be affected by other factors including not limited to
                        transmission error,
                        incomplete information, fluctuation on the network/internet, interruptions, glitch, delayed information or other
                        matters beyond
                        the Bank's control which may impact on the transactions and for which the bank will not be liable all
                        transactions are subject to
                        {{  config('settings.site_name')  }} confirmation and fraud proof verification.
                    </div>
                    <div class="d-flex p-2 bg-primary justify-content-center text-white">
                        For any other assistance, kindly contact us on {{  config('settings.site_email')  }} and {{  config('settings.site_phone')  }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


