@extends('layouts.appUi')

@section('title')
    ประวัติการทำรายการ
@endsection

@section('customStyle')
    <style>
        .bg-grey {
            background: #353f49 !important;
            color: #FFF;
        }
    </style>
@endsection

@section('header')
<div class="appHeader">
    <div class="left">
        <a href="javascript:;" onclick="goBack()" class="headerButton goBack">
            <ion-icon name="chevron-back-outline"></ion-icon>
        </a>
    </div>
    <div class="pageTitle">
        ประวัติการทำรายการ
    </div>
</div>
@endsection

@section('content')
<div class="section mt-2">
    @foreach ($wallets as $wallet)
    <div class="card-block {{ $wallet->transaction_status['class'] }} mb-2">
        <div class="card-main">
            <div class="balance">
                <span class="label">{{ $wallet->transaction_status['text'] }}</span>
                <h1 class="title">{{ nf($wallet->amount, true) }}</h1>
            </div>
            <div class="in">              
                @if ($wallet->transaction_status['bill'])
                <div class="card-number">
                    <span class="label">หมายเลขบิล</span>
                    {{ $wallet->transaction_status['bill'] }}
                </div>
                    
                @endif

                @if ($wallet->transaction_status['text'] == 'ฝากเงิน' || $wallet->transaction_status['text'] == 'ถอนเงิน')
                <div class="chip chip-outline chip-white ms-05 mb-05">
                    <span class="chip-label" style="color: white;">{{ $wallet->detail }}</span>
                </div>
                @endif
                <div class="bottom">
                    @if (isset($wallet->transaction_status['country']))
                    <div class="card-expiry">
                        <span class="label">ประเภท</span>
                        {{ $wallet->transaction_status['country'] }}
                    </div>
                    @endif
                    <div class="card-ccv">
                        <span class="label">วันที่ทำรายการ</span>
                        {{ $wallet->date_thai }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endforeach

</div>
@endsection

@section('footer')
    
@endsection