@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 back">
                        <div class="button" onclick="location.href='{{route("showWallet")}}'">
                            {{__('Back')}}
                        </div>
                    </div>

                    <div class="row header details">
                        {{__('Account Balance')}}
                    </div>

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

                                <div class="details">
                                    <span class="currency">{{__('GBP Account')}}</span>
                                    <span class="value">{{isset($walletValue)?$walletValue:'£ 0.00'}}</span>
                                </div>
                            </div>
                        @else
                            <div class="info">
                                <img src="{{config('locations.systemImage.asset').'cn_flag.png'}}">

                                <div class="details">
                                    <span class="currency">{{__('CNY Account')}}</span>
                                    <span class="value">{{isset($walletValue)?$walletValue:'¥ 0.00'}}</span>
                                </div>
                            </div>
                        @endif

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

                            @if(isset($listPage))
                                @include('pagination', ['includeScript'=>false])
                            @endif
                        </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($transactions))
                                @foreach($transactions 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($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>

                        @if(isset($listPage))
                            @include('pagination', ['includeScript'=>true])
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

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