{!! Form::open(array('url' => '/client/saveDepositGateway', '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($user->id) ? Hasher::encode($user->id)  : ''}}" >

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

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

    <h3 class="m-portlet__head-text">
        Deposit 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">General :
                <span style="margin-top: 5px"></span>
            </label>
            <br>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="Wire">
                    <input class="sub_general gateway" type="checkbox" name="depositGateway[]" id="Wire" value="Wire" {{ in_array('Wire', $depositGateway) ? 'checked' : '' }}> Wire Transfer
                    <span></span>
                </label>
            </div>
            
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="Cards">
                    <input class="sub_general gateway" type="checkbox" name="depositGateway[]" id="Cards" value="Cards" {{ in_array('Cards', $depositGateway) ? 'checked' : '' }}> Cards
                    <span></span>
                </label>
            </div>
            
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="MobileMoney">
                    <input class="sub_general gateway" type="checkbox" name="depositGateway[]" id="MobileMoney" value="MobileMoney" {{ in_array('MobileMoney', $depositGateway) ? 'checked' : '' }}> MobileMoney
                    <span></span>
                </label>
            </div>
            
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="TRANSACT365">
                    <input class="sub_general gateway" type="checkbox" name="depositGateway[]" id="TRANSACT365" value="TRANSACT365" {{ in_array('TRANSACT365', $depositGateway) ? 'checked' : '' }}> TRANSACT365
                    <span></span>
                </label>
            </div>
            
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="LocalExchange">
                    <input class="sub_general gateway" type="checkbox" name="depositGateway[]" id="LocalExchange" value="LocalExchange" {{ in_array('LocalExchange', $depositGateway) ? 'checked' : '' }}> Local Exchange 
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="UPI">
                    <input class="sub_general gateway" type="checkbox" name="depositGateway[]" id="UPI" value="UPI" {{ in_array('UPI', $depositGateway) ? 'checked' : '' }}> UPI 
                    <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">Crypto :
                <span style="margin-top: 5px"></span>
            </label>
            <br>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="BTC">
                    <input class="sub_crypto gateway" type="checkbox" name="depositGateway[]" id="BTC" value="BTC" {{ in_array('BTC', $depositGateway) ? 'checked' : '' }}> Bitcoin (BTC)
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="ETH">
                    <input class="sub_crypto gateway" type="checkbox" name="depositGateway[]" id="ETH" value="ETH" {{ in_array('ETH', $depositGateway) ? 'checked' : '' }}> Ethereum (ETH)
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="USDTT">
                    <input class="sub_crypto gateway" type="checkbox" name="depositGateway[]" id="USDTT" value="USDTT" {{ in_array('USDTT', $depositGateway) ? 'checked' : '' }}> TRC-20 ( USDTT )
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="USDTE">
                    <input class="sub_crypto gateway" type="checkbox" name="depositGateway[]" id="USDTE" value="USDTE" {{ in_array('USDTE', $depositGateway) ? 'checked' : '' }}>  ERC-20 ( USDTE )
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="LTC">
                    <input class="sub_crypto gateway" type="checkbox" name="depositGateway[]" id="LTC" value="LTC" {{ in_array('LTC', $depositGateway) ? 'checked' : '' }}>  Lite Coin ( LTC )
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="USDTB">
                    <input class="sub_crypto gateway" type="checkbox" name="depositGateway[]" id="USDTB" value="USDTB" {{ in_array('USDTB', $depositGateway) ? 'checked' : '' }}>  USDTB ( BEP-20 )
                    <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">Other Crypto :
                <span style="margin-top: 5px"></span>
            </label>
            <br>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="USDC">
                    <input class="sub_other_crypto gateway" type="checkbox" name="depositGateway[]" id="USDC" value="USDC" {{ in_array('USDC', $depositGateway) ? 'checked' : '' }}> USDC
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="BUSD">
                    <input class="sub_other_crypto gateway" type="checkbox" name="depositGateway[]" id="BUSD" value="BUSD" {{ in_array('BUSD', $depositGateway) ? 'checked' : '' }}> BUSD
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="BNB">
                    <input class="sub_other_crypto gateway" type="checkbox" name="depositGateway[]" id="BNB" value="BNB" {{ in_array('BNB', $depositGateway) ? 'checked' : '' }}> BNB 
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="TRX">
                    <input class="sub_other_crypto gateway" type="checkbox" name="depositGateway[]" id="TRX" value="TRX" {{ in_array('TRX', $depositGateway) ? 'checked' : '' }}> TRX
                    <span></span>
                </label>
            </div>
            <div class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="DOGE">
                    <input class="sub_other_crypto gateway" type="checkbox" name="depositGateway[]" id="DOGE" value="DOGE" {{ in_array('DOGE', $depositGateway) ? 'checked' : '' }}> DOGE
                    <span></span>
                </label>
            </div>
        </div>
    </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="Wire" {{ in_array('Wire', $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>
    </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 class="m-checkbox">
                <label class="m-checkbox m-checkbox--state-primary" for="withtdraw_USDTB">
                    <input class="sub_other_crypto_withdraw withdraw_gateway" type="checkbox" name="withdrawGateway[]" id="withtdraw_USDTB" value="USDTB" {{ in_array('USDTB', $withdrawGateway) ? 'checked' : '' }}> USDTB (BEP - 20)
                    <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+"/client/clientWiseDepositGateway", { 'user_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>