@foreach($styles as $style)
    {!! $style !!}
@endforeach
<div class="businessWalletWrap row">
    <div class="col-md-5">
        <div class="walletDetails">
            <div class="wallet">
                <div class="walletIco col-md-3">
                    <i class="fa fa-google-wallet"></i>
                </div>
                <div class="balanceAmount col-md-9">
                    <h4>{{ _mt($moduleId,'BusinessWallet.current_balance') }}</h4>
                    <p id="balanceAmount">{{ _currency($walletBalance, true) }}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-7">
        <div class="businessWallet walletPaymentButtonWrap">
            <p>{{ _mt($moduleId,'BusinessWallet.use_your_business_wallet') }}</p>
            <button class="btn green ladda-button walletInitPayment" data-style="contract" type="button">
                <i class="fa fa-paper-plane"></i> {{ _mt($moduleId,'BusinessWallet.pay') }}
            </button>
        </div>
        <div class="transactionPass"></div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        Ladda.bind('.ladda-button');
    });
    // Submit payment request
    $('.businessWalletWrap .walletInitPayment').click(function () {
        var options = {
            actionUrl: '{{ scopeRoute("payment.handler") }}',
            successCallBack: function (response) {
                Ladda.stopAll();

                if (window.hasOwnProperty('paymentSuccessCallback')) {
                    window.paymentSuccessCallback(response, 'businessWallet');
                }
            },
            failCallBack: function (response) {
                Ladda.stopAll();
                if (window.paymentFailureCallback) window.paymentFailureCallback(response, 'businessWallet');

                switch (response.status) {
                    case 403:
                        $('.businessWallet.walletPaymentButtonWrap')
                            .fadeOut().siblings('.businessWalletWrap .transactionPass').slideDown();
                        simulateLoading($('.businessWalletWrap .transactionPass'));
                        $.get('{{ scopeRoute("businesswallet.pass.view") }}', function (response) {
                            $('.businessWalletWrap .transactionPass').html(response);
                        });
                        break;
                    case 422:
                        var error = response.responseJSON;
                        var errElem = $('.businessWalletWrap .walletDetails').find('.error');
                        if (errElem.length) {
                            errElem.text(error.message).slideDown();
                        } else {
                            errElem = '<div class="error">' + error.message + '</div>';
                            $('.businessWalletWrap .walletDetails').append(errElem);
                        }
                        break;
                    default:
                        break;
                }
            }
        };
        sendForm(options);
    });
</script>