@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;
  }
  
  .text-end{
    text-align: end;
  }
    </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">
             @if(session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('error') }}
                    
                </div>
            @endif
            
            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    
                </div>
            @endif
            <div class="row">
                <div class="col-md-12" 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 class="m-form m-form--fit m-form--label-align-right" 
                              method="POST" 
                              action="{{ url('/superadmin-fund-transfer-submit') }}" id="fund-transfer-form">
                            {{ csrf_field() }}   {{-- Laravel CSRF Token --}}
                            
                            <input type="hidden" name="fromCurrency" id="fromCurrency">
                            <input type="hidden" name="toCurrency" id="toCurrency">
                            
                            <div class="m-portlet__body">
                               
                                {{-- Transfer From Section --}}
                                <div class="form-group m-form__group">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="row">
                        
                                                {{-- Transfer From Type --}}
                                                <div class="col-md-6">
                                                    <label for="tran_from_type">Transfer From Type :</label>
                                                    <select id="tran_from_type" name="tran_from_type" 
                                                            class="form-control m-input {{ $errors->has('tran_from_type') ? 'is-invalid' : '' }}">
                                                        @foreach(['mt4','mt5'] as $type)
                                                            <option value="{{ $type }}" {{ old('tran_from_type', 'mt4') == $type ? 'selected' : '' }}>
                                                                {{ strtoupper($type) }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @if ($errors->has('tran_from_type'))
                                                        <span class="text-danger">{{ $errors->first('tran_from_type') }}</span>
                                                    @endif
                                                </div>
                        
                                                {{-- Transfer From --}}
                                                <div class="col-md-6">
                                                    <label for="tran_from">Transfer From : <span class="badge badge-primary d-none" id="span-tran-from"></span> </label>
                                                    <select id="tran_from" name="tran_from" 
                                                            class="form-control m-input {{ $errors->has('tran_from') ? 'is-invalid' : '' }}">
                                                    </select>
                                                    @if ($errors->has('tran_from'))
                                                        <span class="text-danger">{{ $errors->first('tran_from') }}</span>
                                                    @endif
                                                </div>
                                                
                                            </div>
                                            
                                            <div class="d-none pt-2" id="account-info-from">    
                                            <div class="row">
                                                <div class="col-md-12 d-none" id="IB-WITHDRAWABLE-DIV-from">
                                                    <ul class="list-group ">
                                                        <li class="list-group-item d-flex justify-content-between">
                                                            <strong id="IB-WITHDRAWABLE-from"></strong>
                                                        </li>
                                                        
                                                    </ul>
                                                </div>
                                                <div class="col-md-6">
                                                    <ul class="list-group ">
                                                        <li class="list-group-item d-flex justify-content-between">
                                                            <strong>BALANCE</strong>
                                                            <span id="BALANCE-from" class="text-end">0.00</span>
                                                        </li>
                                                        <li class="list-group-item d-flex justify-content-between">
                                                            <strong>CREDIT</strong>
                                                            <span id="CREDIT-from" class="text-end">0.00</span>
                                                        </li>
                                                        <li class="list-group-item d-flex justify-content-between">
                                                            <strong>EQUITY</strong>
                                                            <span id="EQUITY-from" class="text-end">0.00</span>
                                                        </li>
                                                    </ul> 
                                                </div>
                        
                                                <div class="col-md-6">
                                                    <ul class="list-group ">
                                                        <li class="list-group-item d-flex justify-content-between">
                                                            <strong>MARGIN FREE</strong>
                                                            <span id="MARGIN-FREE-from" class="text-end">0.00</span>
                                                        </li>
                                                        <li class="list-group-item d-flex justify-content-between bg-light">
                                                            <strong>Transferable Equity</strong>
                                                            <span id="Transferable-Equity-from" class="text-end">0.00</span>
                                                        </li>
                                                        <li class="list-group-item d-flex justify-content-between">
                                                            <strong>IB</strong>
                                                            <span id="IB-from" class="text-end">--</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                                
                                            </div>
                                        </div>
                                        </div>
                        
                                        {{-- Transfer To Section --}}
                                        <div class="col-md-6">
                                            <div class="row">
                        
                                                {{-- Transfer To Type --}}
                                                <div class="col-md-6">
                                                    <label for="tran_to_type">Transfer To Type :</label>
                                                    <select id="tran_to_type" name="tran_to_type" 
                                                            class="form-control m-input {{ $errors->has('tran_to_type') ? 'is-invalid' : '' }}">
                                                        @foreach(['mt4','mt5'] as $type)
                                                            <option value="{{ $type }}" {{ old('tran_to_type', 'mt4') == $type ? 'selected' : '' }}>
                                                                {{ strtoupper($type) }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @if ($errors->has('tran_to_type'))
                                                        <span class="text-danger">{{ $errors->first('tran_to_type') }}</span>
                                                    @endif
                                                </div>
                        
                                                {{-- Transfer To --}}
                                                <div class="col-md-6">
                                                    <label for="tran_to">Transfer To : <span class="badge badge-primary d-none" id="span-tran-to"></span> </label> </label>
                                                    <select id="tran_to" name="tran_to" 
                                                            class="form-control m-input {{ $errors->has('tran_to') ? 'is-invalid' : '' }}">
                                                    </select>
                                                    @if ($errors->has('tran_to'))
                                                        <span class="text-danger">{{ $errors->first('tran_to') }}</span>
                                                    @endif
                                                </div>
                        
                                            </div>
                                            
                                            <div class="d-none pt-2" id="account-info-to">
                                                <div class="row">
                                                    <div class="col-md-12 d-none" id="IB-WITHDRAWABLE-DIV-to">
                                                        <ul class="list-group ">
                                                            <li class="list-group-item d-flex justify-content-between">
                                                                <strong id="IB-WITHDRAWABLE-to"></strong>
                                                            </li>
                                                            
                                                        </ul>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <ul class="list-group ">
                                                            <li class="list-group-item d-flex justify-content-between">
                                                                <strong>BALANCE</strong>
                                                                <span id="BALANCE-to" class="text-end">0.00</span>
                                                            </li>
                                                            <li class="list-group-item d-flex justify-content-between">
                                                                <strong>CREDIT</strong>
                                                                <span id="CREDIT-to" class="text-end">0.00</span>
                                                            </li>
                                                            <li class="list-group-item d-flex justify-content-between">
                                                                <strong>EQUITY</strong>
                                                                <span id="EQUITY-to" class="text-end">0.00</span>
                                                            </li>
                                                        </ul> 
                                                    </div>
                            
                                                    <div class="col-md-6">
                                                        <ul class="list-group ">
                                                            <li class="list-group-item d-flex justify-content-between">
                                                                <strong>MARGIN FREE</strong>
                                                                <span id="MARGIN-FREE-to" class="text-end">0.00</span>
                                                            </li>
                                                            <li class="list-group-item d-flex justify-content-between bg-light">
                                                                <strong>Transferable Equity</strong>
                                                                <span id="Transferable-Equity-to" class="text-end">0.00</span>
                                                            </li>
                                                            <li class="list-group-item d-flex justify-content-between">
                                                                <strong>IB</strong>
                                                                <span id="IB-to" class="text-end">--</span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    
                                                    
                            
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                     
                                </div>
                                
                                
                               
                        
                                {{-- Amount & Admin Note --}}
                                <div class="form-group m-form__group">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <label for="amount">Amount :</label>
                                            <input class="form-control m-input {{ $errors->has('amount') ? 'is-invalid' : '' }}" 
                                                   data-cent-limit="100" name="amount" type="number" id="amount" 
                                                   value="{{ old('amount') }}">
                                            @if ($errors->has('amount'))
                                                <span class="text-danger">{{ $errors->first('amount') }}</span>
                                            @endif
                                            
                                            <span id="amount-cent-infor-help" class="m-form__help m--font-info" style="display: none"></span>
                                        </div>
                        
                                        <div class="col-md-6">
                                            <label for="admin_note">Admin Note :</label>
                                            <input class="form-control m-input {{ $errors->has('admin_note') ? 'is-invalid' : '' }}" 
                                                   name="admin_note" type="text" id="admin_note" 
                                                   value="{{ old('admin_note') }}">
                                            @if ($errors->has('admin_note'))
                                                <span class="text-danger">{{ $errors->first('admin_note') }}</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            {{-- Submit Buttons --}}
                            <div class="m-portlet__foot m-portlet__foot--fit">
                                <div class="m-form__actions">
                                    <button type="submit" class="btn btn-success submit-btn">Submit</button>
                                    <button type="reset" class="btn btn-secondary">Cancel</button>
                                </div>
                            </div>
                        </form>


                    </div>
                </div>

                
            </div>
        </div>
@endsection

@section('script')
<script type="text/javascript">
    
   $('#tran_from_type').on('change', function() {
       $('#span-tran-from').html('').addClass('d-none');
        $('#tran_from').val(null).trigger('change'); 
        $('#account-info-from').addClass('d-none');
        
    });
    
    $('#tran_to_type').on('change', function() {
        $('#span-tran-to').html('').addClass('d-none');
        $('#tran_to').val(null).trigger('change');
        $('#account-info-to').addClass('d-none');
        
    });
    
    $('#tran_from').select2({
        placeholder: "Search User...",
        minimumInputLength: 1,
        ajax: {
            url: "{{ url('/superadmin-fund-transfer-searchusers') }}",
            method:'POST',
            data: function (params) {
                return {
                    search: params.term,
                    account_type : $('#tran_from_type option:selected').val(),
                    _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('/superadmin-fund-transfer-searchusers') }}",
            method:'POST',
            data: function (params) {
                return {
                    search: params.term,
                    account_type : $('#tran_to_type option:selected').val(),
                    _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;
        }
    });
    
    function getamount(account_no,account_type,label) {
        
        var account_type = $('#tran_' + label + '_type option:selected').val();
        $.ajax({
            url: "{{ url('/superadmin-fund-transfer-getamount') }}",
            method: "POST",
            data: {
                account: account_no,
                account_type: account_type,
                _token: "{{ csrf_token() }}"
            },
            beforeSend: function () {
                $('#loader').show();
            },
            success: function (response) {
                if(response){
                    
                    
                    if (response.is_ib === true && response.is_withdrwable_ib === true) {
                        $('#IB-WITHDRAWABLE-DIV-' + label).removeClass('d-none');
                        $('#IB-WITHDRAWABLE-' + label).text('Withdrawable IB');
                        $("#IB-WITHDRAWABLE-" + label).removeClass("text-danger").addClass("text-info");
                    } else if (response.is_ib === true && response.is_withdrwable_ib === false) {
                        $('#IB-WITHDRAWABLE-DIV-' + label).removeClass('d-none');
                        $('#IB-WITHDRAWABLE-' + label).text('Non-withdrawable IB');
                        $("#IB-WITHDRAWABLE-" + label).removeClass("text-info").addClass("text-danger");
                    } else {
                        $('#IB-WITHDRAWABLE-DIV-' + label).addClass('d-none');
                    }
                        
                    $('#account-info-'+label).removeClass('d-none');
                    if(response.balance > 0 ){
                        var TransferableEquity = (response.balance.toFixed(2));
                        $('#Transferable-Equity-'+label).html(TransferableEquity).addClass('text-info').removeClass('text-danger');
                        if(label === 'from'){
                            $('#amount').removeAttr('disabled', 'disabled');
                            $('.submit-btn').show();
                        }
                    }else{
                        var TransferableEquity = 'No Enough Equity To Transfer (Transferable Equity : '+(response.balance.toFixed(2))+')';
                        $('#Transferable-Equity-'+label).html(TransferableEquity).addClass('text-danger').removeClass('text-info');
                        if(label === 'from'){
                            $('#amount').attr('disabled', 'disabled');
                            $('.submit-btn').hide();
                        }
                    }
                    $('#BALANCE-'+label).html(response.balance)
                    $('#CREDIT-'+label).html(response.credit)
                    $('#EQUITY-'+label).html(response.equity)
                    $('#MARGIN-FREE-'+label).html(response.marginFree)
                    if(account_type === 'mt4'){
                        $('#IB-'+label).html((response.upiblist && response.upiblist.trim() !== '') ? response.upiblist : '--')
                    }else{
                        $('#IB-'+label).html('--');
                    }
                   
                    
                    
                }else{
                    $('#account-info-'+label).addClass('d-none');
                }
            },
            error: function (xhr) {

            },
            complete: function () {
                $('#loader').hide();
            }
        });
    }
    $('#tran_from').on('select2:select', function (e) { 
        $('#fromCurrency').val(e.params.data.currency);
        $('#span-tran-from').html(e.params.data.currency).removeClass('d-none');
        $('#amount').val('').trigger('input').trigger('change');
        getamount($(this).val(),$('#tran_from_type option:selected').val(),'from')
    });
    
    $('#tran_to').on('select2:select', function (e) { 
        $('#toCurrency').val(e.params.data.currency);
        $('#span-tran-to').html(e.params.data.currency).removeClass('d-none');
        $('#amount').val('').trigger('input').trigger('change');
        getamount($(this).val(),$('#tran_to_type option:selected').val(),'to')
    });
    
    var cent_price  = 100;
   
    $('#amount').on('input', function() {
        var fromAC = $('#fromCurrency').val();
        var toAC = $('#toCurrency').val();
        $('#amount-cent-infor-help').css('display', 'none');
        if ($.trim($(this).val()) != '') {
            if (fromAC == 'USC' || toAC == 'USC') {
                var centLimit = $(this).attr('data-cent-limit');
                $('form [type="submit"]').show();
               
                
                if (fromAC == 'USC' && toAC == 'USC') {
                    centRequired($(this).val(), centLimit,'USC',fromAC,toAC);
                } else if (fromAC == 'USC' && toAC == 'USD') {
                    centRequired($(this).val()/ cent_price, 1,'USD',fromAC,toAC);
                } else if (fromAC == 'USD' && toAC == 'USC') {
                    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>');
        }
    }

</script>
@endsection