@extends('layouts.app')

@section('sidebar')
    @include('sidebar')
@stop
@section('style')
    <style>
        label {
            color: black !important;
            font-weight: 400;
        }


        @keyframes loader-element {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
    .form-blur{
        filter: blur(2px);
        pointer-events: none;

    }
  .loader-element div {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 3px solid #eb0000;
    border-top-color: transparent;
    border-radius: 50%;
  }

  .loader-element div {
    animation: loader-element 1s linear infinite;
    top: 100px;
    left: 100px;
  }

  .demo {
    -webkit-filter: blur(5px) grayscale(100%);
    pointer-events: none;
  }

  .loader-element {
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
    z-index: 999999 !important;
    position: absolute;
    top: 25vh;
    left: 15vw;
  }
    </style>
@endsection
@section('content')
        <div class="m-subheader ">
            <div class="d-flex align-items-center">
                <div class="mr-auto">
                    <h3 class="m-subheader__title ">Super Admin Settings</h3>
                </div>
            </div>
        </div>
        <div class="m-content">
            <div class="row">
                <div class="col-md-6" id="content-html-spinner">
                    <div class="m-portlet m-portlet--full-height ">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <span class="m-portlet__head-icon m--hide">
                                        <i class="la la-gear"></i>
                                    </span>
                                    <h3 class="m-portlet__head-text">
                                        Fund Transfer
                                    </h3>
                                </div>
                            </div>
                        </div>

                        {!! Form::open(array('route' => 'superadmin.fund-transfer.store','class'=>'m-form m-form--fit m-form--label-align-right','role'=>"form",'id'=>'fund_transfer')) !!}

                            <input type="hidden" name="fromCurrency" id="fromCurrency">
                            <input type="hidden" name="toCurrency" id="toCurrency">

                            <div class="m-portlet__body">
                                <div class="form-group m-form__group">
                                    @if(Session::has('fundSuccess'))
                                        <div class="alert alert-success">
                                            <button type="button" class="close" data-dismiss="alert" style="margin-top: -9px;"><i class="fa fa-ban-circle"></i></button>
                                            {!! Session::get('fundSuccess') !!}
                                        </div>
                                    @endif
                                    @if(Session::has('fundError'))
                                        <div class="alert alert-danger">
                                            <button type="button" class="close" data-dismiss="alert" style="margin-top: -9px;"><i class="fa fa-ban-circle"></i></button>
                                            {!! Session::get('fundError') !!}
                                        </div>
                                    @endif
                                </div>

                                <div class="form-group m-form__group">
                                    <div class="row">
                                        <div class="col-8">
                                            {!! Html::decode(Form::label('tran_from', 'Transer From :', ['class' => ''])) !!}
                                            <select id="tran_from" name="tran_from" class="form-control m-input transfer"></select>
                                            <!--<select class="form-control m-input transfer" id="tran_from" name="tran_from">-->
                                            <!--    <option value="" >Select Transfer From</option>-->
                                            <!--    @foreach ($tran_from as $account)-->
                                            <!--        <option data-currency="{{ $account->CURRENCY }}" data-actype="@if ($account->CURRENCY == 'USC') cent @else live @endif" value="{{ $account->LOGIN }}"  > {{ $account->LOGIN }}  ||  {{ $account->EMAIL }}  ||  {{ $account->NAME }}  ||  {{ $account->CURRENCY }}</option>-->
                                            <!--    @endforeach-->
                                            <!--</select>-->
                                            {!! $errors->first('tran_from', '<p class="m--font-danger">:message</p>') !!}
                                            <span id="from-amount-help" class="m-form__help"></span><br>
                                            <span id="from-upiblist" class="text-primary"> </span><br>
                                            <span id="is-withdrawable"> </span>
                                        </div>
                                        <div class="col-1"></div>

                                        <div class="col-3">
                                            <div class="row">
                                                BALANCE :-  &nbsp; <strong><span class="m--font-primary" > <b id="from_balance"></b> </span></strong>
                                            </div>
                                            <div class="row">
                                                CREDIT :-  &nbsp; <strong><span class="m--font-primary" id="from_credit">  </span></strong>
                                            </div>
                                            <div class="row">
                                                EQUITY :-  &nbsp; <strong><span class="m--font-primary" id="from_equity">  </span></strong>
                                            </div>
                                            <div class="row">
                                                MARGIN_FREE :-  &nbsp; <strong><span class="m--font-primary" id="from_margin_free">  </span></strong>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group m-form__group">
                                    <div class="row">
                                        <div class="col-8">
                                            {!! Html::decode(Form::label('tran_to', 'Transer To :', ['class' => ''])) !!}
                                            <select id="tran_to" name="tran_to" class="form-control m-input transfer"></select>
                                            <!--<select class="form-control m-input transfer" id="tran_to" name="tran_to">-->
                                            <!--    <option value="" >Select Transfer To</option>-->
                                            <!--    @foreach ($tran_from as $account)-->
                                            <!--        <option data-currency="{{ $account->CURRENCY }}" data-actype="@if ($account->CURRENCY == 'USC') cent @else live @endif" value="{{ $account->LOGIN }}"> {{ $account->LOGIN }}  ||  {{ $account->EMAIL }}  ||  {{ $account->NAME }}  ||  {{ $account->CURRENCY }}</option>-->
                                            <!--    @endforeach-->
                                            <!--</select>-->
                                            {!! $errors->first('tran_to', '<p class="m--font-danger">:message</p>') !!}
                                            <span id="to-amount-help" class="m-form__help"></span><br>
                                            <span id="to-upiblist" class="text-primary"> </span>

                                        </div>
                                        <div class="col-1"></div>

                                        <div class="col-3">
                                            <div class="row">
                                                BALANCE :-  &nbsp; <strong><span class="m--font-primary" > <b id="to_balance"></b> </span></strong>
                                            </div>
                                            <div class="row">
                                                CREDIT :-  &nbsp; <strong><span class="m--font-primary" id="to_credit">  </span></strong>
                                            </div>
                                            <div class="row">
                                                EQUITY :-  &nbsp; <strong><span class="m--font-primary" id="to_equity">  </span></strong>
                                            </div>
                                            <div class="row">
                                                MARGIN_FREE :-  &nbsp; <strong><span class="m--font-primary" id="to_margin_free"> </span></strong>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="m-form__group">
                                    {!! Html::decode(Form::label('amount', 'Amount :', ['class' => ''])) !!}
                                    {!! Form::number('amount',null,['class' => 'form-control m-input col-8' , 'data-cent-limit'=>'100' ]) !!}
                                    {!! $errors->first('tran_to', '<p class="m--font-danger">:message</p>') !!}
                                    <span id="amount-cent-infor-help" class="m-form__help m--font-info" style="display: none"></span>
                                </div>
                                <div class="form-group m-form__group">
                                    {!! Html::decode(Form::label('admin_note', 'Admin Note :', ['class' => ''])) !!}
                                    {!! Form::text('admin_note',null,['class' => 'form-control m-input col-8' ]) !!}
                                    {!! $errors->first('admin_note', '<p class="m--font-danger">:message</p>') !!}
                                </div>
                            </div>
                            <div class="m-portlet__foot m-portlet__foot--fit">
                                <div class="m-form__actions">
                                    {{ Form::submit('Submit', array('class' => 'btn btn-success submit-btn')) }}
                                    {{ Form::reset('Cancel', array('class' => 'btn btn-secondary')) }}
                                </div>
                            </div>
                        {!! Form::close() !!}
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="m-portlet m-portlet--full-height ">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <span class="m-portlet__head-icon m--hide">
                                        <i class="la la-gear"></i>
                                    </span>
                                    <h3 class="m-portlet__head-text">
                                        Super Admin Settings
                                    </h3>
                                </div>
                            </div>
                        </div>

                        <div class="m-portlet__body">
                            @if(Session::has('downSuccess'))
                                <div class="alert alert-success">
                                    <button type="button" class="close" data-dismiss="alert" style="margin-top: -9px;"><i class="fa fa-ban-circle"></button></i>
                                    {!! Session::get('downSuccess') !!}
                                </div>
                            @endif
                            @if(Session::has('downError'))
                                <div class="alert alert-danger">
                                    <button type="button" class="close" data-dismiss="alert" style="margin-top: -9px;"><i class="fa fa-ban-circle"></i></button>
                                    {!! Session::get('downError') !!}
                                </div>
                            @endif

                            <div class="form-group m-form__group row">
                                <label for="example-text-input" class="col-6 col-form-label">Click this button for update all IB downline : </label>
                                <div class="col-6">
                                    <a href="{{ route('superadmin.create') }}" class="btn m-btn m-btn--gradient-from-brand m-btn--gradient-to-info updateDownLine">IB Down Line Update</a>
                                </div>
                            </div>
                            
                            <div class="form-group m-form__group row">
                                <label for="example-text-input" class="col-6 col-form-label">All client wallet balance update : </label>
                                <div class="col-6">
                                    <a href="{{ route('superadmin.show', ['param' => 'clients']) }}" class="btn m-btn m-btn--gradient-from-brand m-btn--gradient-to-info updateDownLine" >Clients Wallet Update</a>
                                </div>
                            </div>

                            <div class="form-group m-form__group row">
                                <label for="example-text-input" class="col-6 col-form-label">All IB wallet balance update : </label>
                                <div class="col-6">
                                    <a href="{{ route('superadmin.show', ['param' => 'IBs']) }}" class="btn m-btn m-btn--gradient-from-brand m-btn--gradient-to-info updateDownLine" >IB Wallet Update</a>
                                </div>
                            </div>
                            
                            <div class="form-group m-form__group">
                                {!! Form::open(array('route' => 'superadmin.store','class'=>'m-form m-form--fit','role'=>"form",'id'=>'client_wallet')) !!}
                                    {!! Form::hidden('type', 'clients') !!}
                                    {!! Html::decode(Form::label('client_id', 'Client wallet balance update :', ['class' => ''])) !!}
                                    <div class="row" style="margin-left: 0px;">
                                        {!! Form::select('client_id',array(""=>'Select Client')+$clients,Request::get('client_id',null),['class' => 'form-control m-input col-6' ]) !!}
                                        <div class="col-6">
                                            {{ Form::submit('Update Balance', array('class' => 'btn m-btn m-btn--gradient-from-brand m-btn--gradient-to-info updateDownLine')) }}
                                        </div>
                                    </div>
                                    {!! $errors->first('client_id', '<p class="m--font-danger">:message</p>') !!}
                                {!! Form::close() !!}
                            </div>

                            <div class="form-group m-form__group">
                                {!! Form::open(array('route' => 'superadmin.store','class'=>'m-form m-form--fit','role'=>"form",'id'=>'IB_wallet')) !!}
                                    {!! Form::hidden('types', 'IB') !!}
                                    {!! Html::decode(Form::label('IB_id', 'IB wallet balance update :', ['class' => ''])) !!}
                                    <div class="row" style="margin-left: 0px;">
                                        {!! Form::select('IB_id',array(""=>'Select IB')+$IBs,Request::get('IB_id',null),['class' => 'form-control m-input col-6' ]) !!}
                                        <div class="col-6">
                                            {{ Form::submit('Update Balance', array('class' => 'btn m-btn m-btn--gradient-from-brand m-btn--gradient-to-info updateDownLine')) }}
                                        </div>
                                    </div>
                                    {!! $errors->first('IB_id', '<p class="m--font-danger">:message</p>') !!}
                                {!! Form::close() !!}
                            </div>

                            <div class="form-group m-form__group">
                                {!! Form::open(array('route' => 'superadmin.saveCreditAccount','class'=>'m-form m-form--fit','role'=>"form",'id'=>'svae_credited_account')) !!}
                                    {!! Html::decode(Form::label('account_no', 'Do Not Remove Credit Ac No :', ['class' => ''])) !!}
                                    <div class="row" style="margin-left: 0px;">
                                        <!-- {!! Form::text('account_no',$dont_remove_credit_ac,['class' => 'form-control m-input col-6' ]) !!} -->
                                        <textarea name="account_no" cols="40" rows="3" class="form-control m-input col-6">{!! $dont_remove_credit_ac !!}</textarea>
                                        <div class="col-6">
                                            {{ Form::submit('Update Accounts', array('class' => 'btn m-btn m-btn--gradient-from-brand m-btn--gradient-to-info')) }}
                                        </div>
                                    </div>
                                    {!! $errors->first('account_no', '<p class="m--font-danger">:message</p>') !!}
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection

@section('script')
{{-- {{ Html::script('custom/datatables/datatables.bundle.js') }}
{{ Html::script('custom/eModal/eModal.js') }} --}}
<script type="text/javascript">
    $(function() {
        $('.updateDownLine').on('click', function(e) {
            $.blockUI({
                message: '<img src="{{ URL::to("images/loading.svg") }}" height="100%" width="100%" />',
                css: { border:'none', backgroundColor:'transparent' , top: '0%' , bottom: '0%'}
            });
        });
    });

    $('#client_id, #IB_id, .transfer').select2();
    
    $('#tran_from').select2({
        placeholder: "Search User...",
        minimumInputLength: 1,
        ajax: {
            url: "{{ url('/get-search-users') }}",
            method:'POST',
            data: function (params) {
                return {
                    search: params.term,
                    _token: "{{ csrf_token() }}"
                };
            },
            processResults: function (data) {
                return { results: data.results };
            }
        },
        
        templateResult: function (data) {
            if (!data.id) {
                return data.text;
            }
            // show custom display
            return $(`<span>${data.id} || ${data.text}</span>`);
        },
        
        templateSelection: function (data) {
            if (!data.id) {
                return data.text;
            }
            return data.text;
        }
        
    });
    
    $('#tran_to').select2({
        placeholder: "Search User...",
        minimumInputLength: 1,
        ajax: {
            url: "{{ url('/get-search-users') }}",
            method:'POST',
            data: function (params) {
                return {
                    search: params.term,
                    _token: "{{ csrf_token() }}"
                };
            },
            processResults: function (data) {
                return { results: data.results };
            }
        },
        templateResult: function (data) {
            if (!data.id) {
                return data.text;
            }
            // show custom display
            return $(`<span>${data.id} || ${data.text}</span>`);
        },
        templateSelection: function (data) {
            if (!data.id) {
                return data.text;
            }
            return data.text;
        }
    });

    $("#fund_transfer").validate({
        rules: {
            tran_from:{
                required : true
            },
            tran_to:{
                required : true
            },
            amount:{
                required : true,
                min:1,
                decimalpoint:true,
            },
            admin_note:{
                required : true
            }
        }
    });

    jQuery.validator.addMethod("decimalpoint", function(value, element) {
        return this.optional(element) || /^\d{0,40}(\.\d{0,2})?$/i.test(value);
    }, "You must include two decimal places after point");

    $(document).ready(function () {
        var cent_price  = 100;
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $('#tran_from , #tran_to' ).on('change', function(){
            $('#amount').val('');
            $('#content-html-spinner').append('<div class="container-div"><div class="loader-element"><div></div></div></div>')
            $('#fund_transfer').addClass('form-blur');
            $('#amount-cent-infor-help').text('').css('display', 'none');
            var ac_from = ac_to = current = wallet = wallet_balance = '';
            var ac_from = $('#tran_from').val();
            var ac_to = $('#tran_to').val();
            var current = $(this).attr("name");
            ids  = $(this).attr('id');
            $('#fromCurrency').val($.trim($('#tran_from option:selected').attr('data-currency')));
            $('#toCurrency').val($.trim($('#tran_to option:selected').attr('data-currency')));
            // console.log(account);
            var account_no = this.value;

            if(ac_from ===  ac_to) {
                $('.submit-btn').hide();
            } else {
                $('.submit-btn').show();
            }

            if(current === "tran_from"){
                $('#is-withdrawable').text('');
                $("#is-withdrawable").removeAttr('class');
            }

            $.post(base_url + "/superadmin/getamount", {'account': account_no}, function (data) {
                var data = JSON.stringify(data);
                data = JSON.parse(data);

                if (data.balance <= 0) {
                    if (current === "tran_from") {
                        $('#from-amount-help').text('No Enough Equity To Transfer (Transferable Equity : '+(data.balance.toFixed(2))+')').addClass('m--font-danger').removeClass('m--font-info');
                        $('#from_balance').text('');
                        $('#from_credit').text('');
                        $('#from_equity').text('');
                        $('#from_margin_free').text('');
                        $('#amount').attr('disabled', 'disabled');
                        $('#from-upiblist').text('IB : ' +  data.upiblist);
                        if(data.is_ib ==  true && data.is_withdrwable_ib == true){
                            $('#is-withdrawable').text('Witdrawable IB');
                            $("#is-withdrawable").addClass("text-info");
                        }else if(data.is_ib ==  true && data.is_withdrwable_ib == false){
                            $('#is-withdrawable').text('Non-withdrawable IB');
                            $("#is-withdrawable").addClass("text-danger");
                        } else{
                            $('#is-withdrawable').text('');
                            $("#is-withdrawable").removeAttr('class');
                        }
                        $('.submit-btn').hide();
                    } else {
                        $('#to-amount-help').text('Net Equity : '+(data.balance.toFixed(2))).removeClass('m--font-danger');
                        $('#to_balance').text('');
                        $('#to_credit').text('');
                        $('#to_equity').text('');
                        $('#to_margin_free').text('');
                        $('#to-upiblist').text('IB : ' + data.upiblist);
                    }
                } else {
                    if (current === "tran_from") {
                        $('#from-amount-help').text('Transferable Equity : '+(data.balance.toFixed(2))).addClass('m--font-info').removeClass('m--font-danger');
                        $('#from_balance').text(data.balance.toFixed(2));
                        $('#from_credit').text(data.credit.toFixed(2));
                        $('#from_equity').text(data.equity.toFixed(2));
                        $('#from_margin_free').text(data.marginFree.toFixed(2));
                        $('#amount').removeAttr('disabled', 'disabled');
                        $('#amount').attr('max', (data.balance));
                        $('#from-upiblist').text('IB : ' + data.upiblist);
                        if(data.is_ib ==  true && data.is_withdrwable_ib == true){
                            $('#is-withdrawable').text('Witdrawable IB');
                            $("#is-withdrawable").addClass("text-info");
                        }else if(data.is_ib ==  true && data.is_withdrwable_ib == false){
                            $('#is-withdrawable').text('Non-withdrawable IB');
                            $("#is-withdrawable").addClass("text-danger");
                        } else{
                            $('#is-withdrawable').text('');
                            $("#is-withdrawable").removeAttr('class');
                        }
                        $('.submit-btn').show();
                    } else {
                        $('#to-amount-help').text('Net Equity : '+(data.balance.toFixed(2))).addClass('m--font-info').removeClass('m--font-danger');
                        $('#to_balance').text(data.balance.toFixed(2));
                        $('#to_credit').text(data.credit.toFixed(2));
                        $('#to_equity').text(data.equity.toFixed(2));
                        $('#to_margin_free').text(data.marginFree.toFixed(2));
                        $('#to-upiblist').text('IB : ' + data.upiblist);
                    }
                }
                $('#fund_transfer').removeClass('form-blur');
                $('.container-div').remove();
            }).fail(function() {
                if (current === "tran_from") {
                    $('#from-amount-help').text('').removeClass('m--font-danger');
                    $('#from_balance').text('');
                    $('#from_credit').text('');
                    $('#from_equity').text('');
                    $('#from_margin_free').text('');
                    $('#from-upiblist').text('IB : ');
                }

                if (current === "tran_to") {
                    $('#to-amount-help').text('').removeClass('m--font-danger');
                    $('#to_balance').text('');
                    $('#to_credit').text('');
                    $('#to_equity').text('');
                    $('#to_margin_free').text('');
                    $('#to-upiblist').text('IB : ');
                }

                $('#fund_transfer').removeClass('form-blur');
                $('.container-div').remove();
            });
        });



        // cent fund transfer start
            $('#amount').on('input', function() {
                var fromAC = $.trim($('#tran_from option:selected').attr('data-actype'));
                var toAC = $.trim($('#tran_to option:selected').attr('data-actype'));
                $('#amount-cent-infor-help').css('display', 'none');
                if ($.trim($(this).val()) != '') {
                    if (fromAC == 'cent' || toAC == 'cent') {
                        var centLimit = $(this).attr('data-cent-limit');
                        $('form [type="submit"]').show();
                        if (fromAC == 'wallet' && toAC == 'cent') {
                            centRequired($(this).val() * cent_price, centLimit,'USC',fromAC,toAC);
                        } else if (fromAC == 'cent' && toAC == 'wallet') {
                            centRequired($(this).val() / cent_price, 1,'USD',fromAC,toAC);
                        } else if (fromAC == 'cent' && toAC == 'cent') {
                            centRequired($(this).val(), centLimit,'USC',fromAC,toAC);
                        } else if (fromAC == 'cent' && toAC == 'live') {
                            centRequired($(this).val()/ cent_price, 1,'USD',fromAC,toAC);
                        } else if (fromAC == 'live' && toAC == 'cent') {
                            centRequired($(this).val()* cent_price, centLimit,'USC',fromAC,toAC);
                        }
                    }
                }
            });

            function centRequired(val, limit,currency,fromAC,toAC) {
                var fromAC = $.trim($('#tran_from option:selected').val());
                var toAC = $.trim($('#tran_to option:selected').val());
                if (fromAC === toAC) {

                    $('#amount-cent-infor-help').removeClass('m--font-info').addClass('m--font-danger').css('display', 'block').html('No Enough Equity To Transfer');
                    $('.submit-btn').hide();
                    return false;
                }
                if (val >= limit) {
                    $('.submit-btn').show();
                    $('#amount-cent-infor-help').addClass('m--font-info').removeClass('m--font-danger').css(
                        'display', 'block').html('Total '+currency+' Transfer is <b>' + val + '</b>');
                } else {
                    $('.submit-btn').hide();
                    $('form [type="submit"]').hide();
                    $('#amount-cent-infor-help').removeClass('m--font-info').addClass('m--font-danger').css(
                        'display', 'block').html('Total '+currency+' Transfer is <b>' + val + '</b>');
                }
            }
        // cent fund transfer end
    });
</script>
@endsection