{!! Form::open(array('url' => '/ib/ibWiseDepositGateway', 'id' => 'deposit-gateway-select-form', 'class' => 'm-form m-form--fit m-form--label-align-righ', 'autocomplete' => 'off')) !!}

    <input type="hidden" name="id" id="id" value="{{ !empty($ib_user->id) ? Hasher::encode($ib_user->id)  : ''}}" >

    <div class="form-group">
        <span class="m-badge  m-badge--info m-badge--wide m--icon-font-size-sm3" >{{ $ib_user->name.' '.$ib_user->last_name }}</span>
        <span class="m-badge  m-badge--info m-badge--wide m--icon-font-size-sm3" >{{ $ib_user->email }}</span>
    </div>

    <div class="m-separator m-separator--dashed"></div>

    <h3 class="m-portlet__head-text">
        Withdraw Gateway
    </h3>
    
    <div class="form-group m-form__group row">
        <div class="col-lg-12">
            <label class="m-form__heading-title m--font-danger m-checkbox m-checkbox--solid m-checkbox--state-danger" style="font-size:20px">
                <input type="checkbox" class="general-withdraw">General :
                <span style="margin-top: 5px"></span>
            </label>
            <br>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_Wire">
                    <input class="sub_general_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_Wire" value="WireTransfer" {{ in_array('WireTransfer', $withdrawGateway) ? 'checked' : '' }}> Wire Transfer
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_LocalExchange">
                    <input class="sub_general_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_LocalExchange" value="LocalExchange" {{ in_array('LocalExchange', $withdrawGateway) ? 'checked' : '' }}> Local Exchange 
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_MobileMoney">
                    <input class="sub_general_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_MobileMoney" value="MobileMoney" {{ in_array('MobileMoney', $withdrawGateway) ? 'checked' : '' }}> Mobile Money
                    <span></span>
                </label>
            </div>
        </div>
    </div>

     <div class="form-group m-form__group row">
        <div class="col-lg-12">
            <label class="m-form__heading-title m--font-danger m-checkbox m-checkbox--solid m-checkbox--state-danger" style="font-size:20px">
                <input type="checkbox" class="crypto-withdraw">Crypto :
                <span style="margin-top: 5px"></span>
            </label>
            <br>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_BTC">
                    <input class="sub_crypto_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_BTC" value="BTC" {{ in_array('BTC', $withdrawGateway) ? 'checked' : '' }}> Bitcoin (BTC)
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_ETH">
                    <input class="sub_crypto_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_ETH" value="ETH" {{ in_array('ETH', $withdrawGateway) ? 'checked' : '' }}> Ethereum ( ETH )
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_USDTT">
                    <input class="sub_crypto_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_USDTT" value="USDTT" {{ in_array('USDTT', $withdrawGateway) ? 'checked' : '' }}> TRC-20 ( USDTT )
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_USDTE">
                    <input class="sub_crypto_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_USDTE" value="USDTE" {{ in_array('USDTE', $withdrawGateway) ? 'checked' : '' }}> ERC-20 ( USDTE )
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_LTC">
                    <input class="sub_crypto_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_LTC" value="LTC" {{ in_array('LTC', $withdrawGateway) ? 'checked' : '' }}> Lite Coin ( LTC )
                    <span></span>
                </label>
            </div>
        </div>
    </div>

    <!-- <div class="form-group m-form__group row">
        <div class="col-lg-12">
            <label class="m-form__heading-title m--font-danger m-checkbox m-checkbox--solid m-checkbox--state-danger" style="font-size:20px">
                <input type="checkbox" class="other-crypto-withdraw">Other Crypto :
                <span style="margin-top: 5px"></span>
            </label>
            <br>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_USDC">
                    <input class="sub_other_crypto_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_USDC" value="USDC" {{ in_array('USDC', $withdrawGateway) ? 'checked' : '' }}> USDC
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_BUSD">
                    <input class="sub_other_crypto_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_BUSD" value="BUSD" {{ in_array('BUSD', $withdrawGateway) ? 'checked' : '' }}> BUSD
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_BNB">
                    <input class="sub_other_crypto_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_BNB" value="BNB" {{ in_array('BNB', $withdrawGateway) ? 'checked' : '' }}> BNB 
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_TRX">
                    <input class="sub_other_crypto_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_TRX" value="TRX" {{ in_array('TRX', $withdrawGateway) ? 'checked' : '' }}> TRX
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_DOGE">
                    <input class="sub_other_crypto_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_DOGE" value="DOGE" {{ in_array('DOGE', $withdrawGateway) ? 'checked' : '' }}> DOGE
                    <span></span>
                </label>
            </div>
        </div>
    </div> -->

{{ Form::close() }}
<!--end::Modal-->
<script type="text/javascript">
$(document).ready(function () {

    $(".general").click(function () {
        $('.sub_general').not(this).prop('checked', this.checked);
    });
    
    $(".crypto").click(function () {
        $('.sub_crypto').not(this).prop('checked', this.checked);
    });
        
    $(".other-crypto").click(function () {
        $('.sub_other_crypto').not(this).prop('checked', this.checked);
    });

    $(".general-withdraw").click(function () {
        $('.sub_general_withdraw').not(this).prop('checked', this.checked);
    });
    
    $(".crypto-withdraw").click(function () {
        $('.sub_crypto_withdraw').not(this).prop('checked', this.checked);
    });
        
    $(".other-crypto-withdraw").click(function () {
        $('.sub_other_crypto_withdraw').not(this).prop('checked', this.checked);
    });

    // Set Value of MULTI-SELECT from data-base
    $("#deposit-gateway-select-form").validate({
        rules: {
            rules: {
                // 'depositGateway[]': {
                //     required: true
                // },
                'withdrawGateway[]': {
                    required: true
                }
            },
            messages: {
                // 'depositGateway[]': {
                //     required: "You must check at least 1 box",
                // },
                'withdrawGateway[]': {
                    required: "You must check at least 1 box",
                }
            }
        },
        submitHandler : function (form) {
            var id = $('#id').val();
            var depositGateway = [];
            var withdrawGateway = [];
            
            $('.gateway:checkbox:checked').each(function(i){
                depositGateway[i] = $(this).val();
            });

            $('.withdraw_gateway:checkbox:checked').each(function(i){
                withdrawGateway[i] = $(this).val();
            });
            
            $.post( base_url+"/ib/ibWiseDepositGateway", { 'ib_id' : id , 'depositGateway' : depositGateway, 'withdrawGateway' : withdrawGateway }, function( data ) {
                if (data.success) {
                    swal(data["success"], data[0] , "success")
                    .then((isOK) => {
                        eModal.close();
                        //table.ajax.reload(mApp.unblock("#group-select-form"), false);
                    }); //warning,success,error,info,question
                } else {
                    swal(data["error"], data[0] ,  "error")
                    .then((isOK) => {
                        (mApp.unblock('.modal-content'), true);
                        //table.ajax.reload(mApp.unblock("#group-select-form"), false);
                    });
                }
            });
            mApp.block('.modal-content', {
                overlayColor: '#000000',
                type: 'loader',
                state: 'success',
                message: 'Please Wait...'
            });
        }
    });
    // $('#m_blockui_4_4').click(function() {
    //     mApp.block('#m_blockui_4_4_modal .modal-content', {
    //         overlayColor: '#000000',
    //         type: 'loader',
    //         state: 'success',
    //         message: 'Please wait...'
    //     });

    //     setTimeout(function() {
    //         mApp.unblock('#m_blockui_4_4_modal .modal-content');
    //     }, 2000);
    // });

    $(".live_account").click(function () {
        $('.sub_live_account').not(this).prop('checked', this.checked);
    });
});
</script>