@extends('layouts.user')

@section('page-title', __('Transactions'))

@section('content')
<div class="bg-white rounded-xl border border-gray-200 overflow-x-auto">
    <table class="w-full text-sm">
        <thead class="bg-gray-50 border-b border-gray-200">
            <tr>
                <th class="text-left px-4 py-3 font-medium text-gray-600">{{ __('Code') }}</th>
                <th class="text-left px-4 py-3 font-medium text-gray-600">{{ __('Description') }}</th>
                <th class="text-left px-4 py-3 font-medium text-gray-600">{{ __('Type') }}</th>
                <th class="text-right px-4 py-3 font-medium text-gray-600">{{ __('Amount') }}</th>
                <th class="text-right px-4 py-3 font-medium text-gray-600">{{ __('Balance after') }}</th>
                <th class="text-left px-4 py-3 font-medium text-gray-600">{{ __('Date') }}</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-100">
            @forelse($transactions as $transaction)
                <tr>
                    <td class="px-4 py-3 font-mono text-xs">{{ $transaction->code }}</td>
                    <td class="px-4 py-3">{{ $transaction->description ?? ucfirst($transaction->type) }}</td>
                    <td class="px-4 py-3">
                        <span class="px-2 py-1 text-xs font-medium bg-gray-100 rounded">{{ ucfirst($transaction->type) }}</span>
                    </td>
                    <td class="px-4 py-3 text-right font-semibold {{ $transaction->isCredit() ? 'text-green-600' : 'text-red-600' }}">
                        {{ $transaction->isCredit() ? '+' : '' }}{{ currency($transaction->amount) }}
                    </td>
                    <td class="px-4 py-3 text-right text-gray-500">{{ currency($transaction->balance_after) }}</td>
                    <td class="px-4 py-3 text-gray-500 whitespace-nowrap">{{ $transaction->created_at->format('M d, Y H:i') }}</td>
                </tr>
            @empty
                <tr><td colspan="6" class="px-4 py-12 text-center text-gray-500">{{ __('No transactions yet') }}</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $transactions->links() }}</div>
@endsection