@extends('client.layouts.client')
@section('title', 'Lịch sử giao dịch')
@section('content')
<div class="col-md-12">
    <div class="card">
        <div class="card-header">
             <div class="ribbon ribbon-primary ribbon-clip">LỊCH SỬ GIAO DỊCH</div>
        </div>
        <div class="card-body">
            <div class="dt-responsive table-responsive">
                <table  class="table table-striped table-bordered nowrap mb-3">
                    <thead>
                        <tr>
                            <th class="fw-bold text-gray-600">STT</th>
                            <th class="fw-bold text-gray-600">Giao dịch</th>
                            <th class="fw-bold text-gray-600">Thời gian</th>
                            <th class="fw-bold text-gray-600">Mã giao dịch</th>
                            <th class="fw-bold text-gray-600">Số tiền</th>
                            <th class="fw-bold text-gray-600">Số dư trước</th>
                            <th class="fw-bold text-gray-600">Số dư sau</th>
                            <th class="fw-bold text-gray-600">Nội dung</th>
                        </tr>
                    </thead>
                   <tbody class="fw-semibold text-gray-600">
                        @foreach ($transactions as $transaction)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>
                                @if ($transaction->type == 'recharge')
                                <span class="badge bg-success">Nạp tiền</span>
                                @elseif ($transaction->type == 'congtien' && $transaction->type == 'add')
                                <span class="badge bg-success">Nạp tiền</span>
                                @elseif ($transaction->action == 'sub' && $transaction->type == 'congtien')
                                <span class="badge bg-danger">Trừ tiền</span>
                                @elseif ($transaction->type == 'order')
                                <span class="badge bg-primary">Tạo đơn</span>
                                @elseif ($transaction->type == 'refund')
                                <span class="badge bg-danger">Hoàn tiền</span>
                                @elseif ($transaction->type == 'balance')
                                <span class="badge bg-warning">Điều chỉnh số dư</span>
                                @else
                                 <span class="badge bg-warning">Không xác định</span>
                                @endif
                            </td>
                            <td>{{ $transaction->created_at->diffForHumans() }}</td>
                            <td>{{ $transaction->tran_code }}</td>
                            <td>
                                @if ($transaction->action == 'add')
                                <span class="text-success">+{{ number_format($transaction->first_balance) }}</span>
                                @elseif ($transaction->action == 'sub')
                                <span class="text-danger">-{{ number_format($transaction->first_balance) }}</span>
                                @endif
                            </td>
                            <td class="text-primary">{{ number_format($transaction->before_balance) }}</td>
                            <td class="text-danger">{{ number_format($transaction->after_balance) }}</td>
                            <td>
                                <textarea class="form-control" rows="2" readonly>{{ $transaction->note }}</textarea>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
               
            </div>
        </div>
    </div>
</div>
@endsection