@extends('account.base')

@section('title', 'My Wallet')

@section('account_content')

    <div class="ui grid" id="myWallet">
        <h2 class="ui dividing header relativeContainer">{{ __('My Wallet') }}</h2>

        <div class="row">
            <div class="one wide column"></div>
            <div class="fourteen wide column">
                <div class="ui grid">
                    <div class="row header">
                        {{__('Account Balance')}}
                    </div>

                    <div class="row table">
                        <div class="info">
                            <img src="{{config('locations.systemImage.asset').'cn_flag2.jpg'}}">

                            <div class="details">
                                <span class="currency">{{__('CNY Account')}}</span>
                                <span class="value">{{$walletCNYValue}}</span>
                            </div>
                        </div>

                        <div class="tableHeader">
                            <span class="header">{{__('Recent history')}}</span>

                            <div class="button" onclick="location.href='{{route('showWalletDetails', ['type' => 'CNY'])}}'">
                                {{__('More')}}

                               <i class="ui chevron right icon"></i>
                            </div>
                        </div>

                        <div class="walletSummary">
                            <div class="item header">
                                <div class="col">{{__('Date')}}</div>
                                <div class="col">{{__('Description')}}</div>
                                <div class="col">{{__('Details')}}</div>
                            </div>

                            @if(isset($rmbTransactions))
                                @foreach($rmbTransactions as $transaction)
                                    <div class="item">
                                        <div class="col">{{TimestampConverter::getTimezoneTimestamp($transaction->date, 'd/m/Y H:i:s')}}</div>
                                        <div class="col">
                                            <div class="description">
                                                <span>{{__("$transaction->header")}}</span>
                                                <span>@if(isset($transaction->description))
                                                        {!! $transaction->description !!}
                                                    @endif
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col">{{$transaction->value}}</div>
                                    </div>
                                @endforeach
                            @else
                                <div class="item">
                                    <div class="col"></div>
                                    <div class="col">
                                        {{__('No transactions to be displayed')}}
                                    </div>
                                    <div class="col"></div>
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="row table">
                        <div class="info">
                            <img src="{{config('locations.systemImage.asset').'uk_flag.png'}}">

                            <div class="details">
                                <span class="currency">{{__('GBP Account')}}</span>
                                <span class="value">{{$walletGBPValue}}</span>
                            </div>
                        </div>

                        <div class="tableHeader">
                            <span class="header">{{__('Recent history')}}</span>

                            <div class="button" onclick="location.href='{{route('showWalletDetails', ['type' => 'GBP'])}}'">
                                {{__('More')}}

                                <i class="ui chevron right icon"></i>
                            </div>
                        </div>

                        <div class="walletSummary">
                            <div class="item header">
                                <div class="col">{{__('Date')}}</div>
                                <div class="col">{{__('Description')}}</div>
                                <div class="col">{{__('Details')}}</div>
                            </div>

                            @if(isset($gbpTransactions))
                                @foreach($gbpTransactions as $transaction)
                                    <div class="item">
                                        <div class="col">{{$transaction->date}}</div>
                                        <div class="col">
                                            <div class="description">
                                                <span>{{__("$transaction->header")}}</span>
                                                <span>@if(isset($transaction->description))
                                                        {!! $transaction->description !!}
                                                      @endif
                                                </span>
                                            </div>
                                        </div>
                                        <div class="col">{{$transaction->value}}</div>
                                    </div>
                                @endforeach
                            @else
                                <div class="item">
                                    <div class="col"></div>
                                    <div class="col">
                                        <div class="description">
                                            {{__('No transactions to be displayed')}}
                                        </div>
                                    </div>
                                    <div class="col"></div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        $(function(){
            $('.ui.breadcrumb').append("<a href=\"#\" class=\"section\">"+"{{ __('My Wallet') }}"+"</a>");
            $('#myWalletMenuItem').addClass('active');
        });
    </script>
@endsection