@extends('layouts.user.base')

@section('page-title')
    {{ request()->query('name') ?? $wallet->name() }} Transactions
@endsection

@php
    $system_settings = active_system_setting();
    $settings = $user->settings;
@endphp

@section('content')

<div class="row">
    <div class="col mb-3 mb-xl-4 mb-lg-3 mb-md-3">
        <div class="row d-flex">
            <div class="col-md-8 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                <div class="card card-bg border-0">
                    <div class="card-body">
                        <div class="table-responsive mt-4">
                            <table class="table table-borderless table-bordered display responsive table-spacing2" id="table1" style="width: 100%;">
                                <thead class="table-header">
                                    <tr class="table-h">
                                        <th>Amount</th>
                                        <th>Type</th>
                                        <th>Description</th>
                                        <th>Status</th>
                                        <th>Date</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($wallet->transactions->sortByDesc('id') as $transaction)
                                        <tr class="table-row click" data-href="#">
                                            <td>
                                                @if($wallet->type == WALLET_TYPE_TOKEN)
                                                <p class="table-p">{{ formatTokn($transaction->amount) }}</p>
                                                @else
                                                <p class="table-p">{{ formatMoney($transaction->amount) }}</p>
                                                @endif
                                            </td>
                                            <td>
                                                <p class="table-p"><span class="{{ $transaction->type()->color }}">{{ $transaction->type()->message }}</span></p>
                                            </td>
                                            <td>
                                                <p class="table-p">{{ $transaction->description }}</p>
                                            </td>
                                            <td>
                                                <p class="table-p"><span class="{{ $transaction->status()->color }}">{{ $transaction->status()->message }}</span></p>
                                            </td>
                                            <td>
                                                <p class="table-p">{{ formatDateTime($transaction->created_at) }}</p>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            @if($wallet->type == WALLET_TYPE_TOKEN)
                <div class="col-md-4 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                    <div class="row">
                        <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6 col-xxl-6 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                            <div class="card prp_bg border-0">
                                <div class="card-body">
                                    <h6 class="text-muted card-subtitle mb-2">Token Balance ({!! formatTokn($user->tokn_wallet->balance + $user->additional_info->tokn_transactions->sum('amount')) !!})</h6>
                                    <h4 class="card-title">{!! $settings->hide_wallet ? "*******" : formatMoney(($user->tokn_wallet->balance + $user->additional_info->tokn_transactions->sum('amount')) / $system_settings->tokn_multiplier) !!}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                            <div class="card prp_bg border-0">
                                <div class="card-body">
                                    <h6 class="text-muted card-subtitle mb-2">Total Tokens Earned</h6>
                                    <h4 class="card-title">{{ $settings->hide_wallet ? "*******" : formatTokn($token_transactions->sum('amount') + $user->additional_info->tokn_transactions->sum('amount')) }}</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="col-md-4 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                    @if($wallet->type != WALLET_TYPE_COMPOUNDING)
                        <div class="mb-3">
                            <a class="text-decoration-none alt-btn" href="{{ route('user_withdrawals') }}">Withdraw
                                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right ms-1">
                                    <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
                                </svg>
                            </a>
                        </div>
                    @endif
                    <div class="row mt-3">
                        <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6 col-xxl-6 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                            <div class="card prp_bg border-0">
                                <div class="card-body">
                                    <h6 class="text-muted card-subtitle mb-2">Balance</h6>
                                    <h4 class="card-title">{{ formatMoney($wallet->balance) }}</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-6 col-lg-6 col-xl-6 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                            <div class="card prp_bg border-0">
                                <div class="card-body">
                                    <h6 class="text-muted card-subtitle mb-2">Total Withdrawn</h6>
                                    <h4 class="card-title">{{ formatMoney($wallet->approved_withdrawals->sum('amount') + ($wallet->type == WALLET_TYPE_BONUS ? $user->additional_info->total_withdrawals : 0)) }}</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>

@endsection

@section('scripts')
@endsection