@extends('layouts.app')
@section('title', 'blog')
@section('idname', 'single')
@section('content')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css">
    <div class="container" style="margin-top: 100px;margin-bottom: 100px;">
        <div class="row">
            <div class="col-md-8">
                <h2 class="card-title">Your Wallet</h2>
                <!-- Example: Display a success message -->
                @if(session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif

                <!-- Example: Display an error message -->
                @if(session('error'))
                    <div class="alert alert-danger">
                        {{ session('error') }}
                    </div>
                @endif
                <ul>
                @foreach($errors->all() as $error)
                    
                    <div class="alert alert-danger">
                        {{ $error }}
                    </div>
                @endforeach
            </ul>

                <p class="card-text">Balance: <span class="badge bg-success">€{{ number_format($wallet->balanceFloat, 2) }}</span></p>

                <h3>Transactions</h3>
                <table class="table responsive" id="transactionsTable">
                    <thead>
                        <tr>
                              <th>@lang('messages.id')</th>
    <th>@lang('messages.type')</th>
    <th>@lang('messages.amount')</th>
    <th>@lang('messages.status')</th>
    <th>@lang('messages.gateway')</th>
    <th>@lang('messages.trx_id')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($transactions as $transaction)
                            <tr>
                                <td>{{ $transaction->id }}</td>
                                <td>@if(isset($transaction->meta['payment_method']) && $transaction->meta['payment_method'] == 'withdraw')
                    Withdraw
                @else
                    {{ ucfirst($transaction->type === 'withdraw' ? 'purchase' : $transaction->type) }}
                @endif</td>

                                <td>{{ $transaction->amountFloat }}</td>
                                <td>
    @if(isset($transaction->meta['payment_status']) && $transaction->meta['payment_status'] === 'cancel')
        <span class="badge bg-danger">Canceled</span>
    @elseif($transaction->confirmed)
        <span class="badge bg-success">Confirmed</span>
    @else
        <span class="badge bg-warning">Pending</span>
    @endif
</td>
                                 <td>
            
            @if($transaction->meta && isset($transaction->meta['payment_method']))
                {{ $transaction->meta['payment_method'] }}
            @endif
        </td>
        <td>@if($transaction->meta && isset($transaction->meta['trxid']))
                {{ $transaction->meta['trxid'] }}
            @endif</td>
                            </tr>

                        @endforeach
                    </tbody>
                </table>
            </div>

       <div class="col-md-4" style="margin-top: 100px;">
       <h4 style="color: black;">Withdraw</h4>

<form method="post" action="{{ route('wallet.withdraw') }}">
    @csrf
    <div class="mb-3">
        <label for="depositAmount" class="form-label">@lang('messages.amount')</label>
        <!--<input type="number" class="form-control" id="depositAmount" name="amount" min="1" max="10" step="0.01" required="">-->
        <input type="number" class="form-control" id="depositAmount" name="amount" min="10" max="5000"  step="0.01" required oninput="checkMaxValue(this)">

    </div>

    <div class="row">
        <!-- PayPal button with logo -->
        <div class="col-6 mb-2">
            <input type="submit" value="withdraw">
        </div>

        <!-- Stripe button with logo -->
       
    </div>
</form>
            <h4 style="color: black;">@lang('messages.deposit')</h4>

            <form method="post" action="{{ route('wallet.deposit') }}">
                @csrf
                <div class="mb-3">
                    <label for="depositAmount" class="form-label">@lang('messages.amount')</label>
                    <input type="number" class="form-control" id="depositAmount" name="amount" min="1" required>
                </div>

                <div class="row">
                    <!-- PayPal button with logo -->
                    <div class="col-6 mb-2">
                        <input type="image" src="https://www.paypalobjects.com/webstatic/en_US/i/buttons/pp-acceptance-medium.png" alt="PayPal Logo" name="paypal" value="1" formaction="{{ route('wallet.deposit.paypal') }}" width="70" class="img-fluid">
                    </div>

                    <!-- Stripe button with logo -->
                   
                </div>
            </form>

             <form method="post" action="{{ route('payment.process') }}">
                @csrf
                <div class="mb-3">
                    <label for="depositAmount" class="form-label">@lang('messages.amount')</label>
                    <input type="number" class="form-control" id="depositAmount" name="amount" min="1" required>
                </div>

                <script
                    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
                    data-key="{{ config('services.stripe.key') }}"
                    data-amount=""
                    data-name="Deposit"
                    data-description="Payment for Deposit"
                    data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
                    data-locale="auto"
                    data-currency="usd"
                    data-label="Pay with Card"
                    >
                </script>
                
            </form>
        </div>
    </div>
    
@endsection