@extends('user.layouts.master')
@section('css')

@endsection
@section('user-content')
    <div class="container-fluid mt-2">
        <div class="row justify-content-center">
            <div class="col-lg-8 col-md-8 col-12">
                <div class="alert alert-success bg-warning text-white border-0">
                    <marquee scrollamount="6">
                        @foreach ($headlines as $key=>$headline)
                            <a href="{{ $headline->link }}" class="text-black" style="font-size:20px;"><i class="fe fe-link me-2 white-text" aria-hidden="true"></i>{{ $headline->title }}</a>
                        @endforeach
                    </marquee>
                </div>
            </div>
        </div>
    </div>

    <div class="row justify-content-center">
        <div class="col-md-3 col-lg-3 col-12">
            <div class="card">
                <div class="card-body">
                    <h3>Earning Balance</h3>
                    <p>Name: {{ Auth::user()->name }}</p>
                    <p>Balance: {{ Auth::user()->earning_balance }}$</p>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-6 col-12">
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title text-center">
                        Select Account For Balance Withdraw
                    </h2>
                    <h5 class="text-danger text-center">You can withdraw minimum {{ $withdraw_fee->minimum_withdraw }} amount of your earning and Admin Fee {{ $withdraw_fee->fee }}%.</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('user.withdraw-store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="">
                            <div class="form-group">
                                <label for="link" class="form-label">
                                    Amount <span class="text-danger">*</span>
                                    @if ($withdraw_fee->minimum_withdraw > Auth::user()->earning_balance || Auth::user()->earning_balance == 0)
                                        <span class="text-danger">Insufficient Balance(Your current balance: {{ Auth::user()->earning_balance }}$)</span>
                                    @endif
                                </label>
                                <input class="form-control" type="number" name="withdraw_amount" id="withdraw_amount" value="0" min="{{ $withdraw_fee->minimum_withdraw }}" onkeyup="changeWithdrawAmount()" onchange="changeWithdrawAmount()" placeholder="Withdraw Amount">
                            </div>
                            <div class="form-group">
                                <label for="link" class="form-label">Total Withdraw</label>
                                <input class="form-control" type="hidden" name="withdraw_charge" id="withdraw_charge" value="0" min="0" readonly>
                                <input class="form-control" type="number" name="amount" id="amount" value="0" min="0" readonly>
                                <input class="form-control" type="hidden" name="admin_fee" id="admin_fee" value="{{ $withdraw_fee->fee }}">
                            </div>
                            <div class="form-group">
                                <label for="link" class="form-label">Account Type <span class="text-danger">*</span></label>
                                <select class="form-control" name="account_type" id="account_type" required>
                                    <option value="">Select One</option>
                                    @foreach ($methods as $method)
                                        <option value="{{ $method->name }}">{{ $method->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="link" class="form-label">Account No <span class="text-danger">*</span></label>
                                <input class="form-control" type="text" name="account_no" required placeholder="Account">
                            </div>

                            <div class="form-group">
                                <button @if ($withdraw_fee->minimum_withdraw > Auth::user()->earning_balance || Auth::user()->earning_balance == 0) type="button" disabled @else type="submit" @endif class="btn @if ($withdraw_fee->minimum_withdraw > Auth::user()->earning_balance || Auth::user()->earning_balance == 0) btn-danger @else btn-primary @endif mt-4 mb-0">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script>
        function setAccount(account_id){
            $('#deposit_account').val(account_id);

            $.ajax({
                url: "{{ route('user.deposit-account-info') }}",
                type:"POST",
                data:{
                    _token: '{{csrf_token()}}',
                    account_id: account_id,
                },
                success:function(data) {
                    $('#deposit_area').show();
                    $('#deposit_account_text').html('Account No: '+data['account_no']);
                    $('#deposit_account_guideline').html(data['guideline']);
                },
            });
        }

        function changeWithdrawAmount(){
            var withdraw_amount = parseFloat($('#withdraw_amount').val());

            if(isNaN(withdraw_amount) || withdraw_amount == '') {
                withdraw_amount = parseFloat(0);
            }

            var admin_fee = parseFloat($('#admin_fee').val());

            var charge = parseFloat((admin_fee * withdraw_amount) / 100);

            var total_amount = withdraw_amount + charge;

            if(charge < 0){
                $('#withdraw_charge').val(0);
            }else{
                $('#withdraw_charge').val(charge);
            }

            if(total_amount < 0){
                $('#amount').val(0);
            }else{
                $('#amount').val(total_amount);
            }
        }
    </script>
@endsection