@extends('layouts.app')
@section('title', 'সঞ্চয় লেনদেন')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <form class="d-flex gap-2" method="GET">
        <select name="member_id" class="form-select" onchange="this.form.submit()">
            <option value="">সব সদস্য</option>
            @foreach ($members as $m)
                <option value="{{ $m->id }}" @selected(request('member_id') == $m->id)>{{ $m->name }} ({{ $m->member_no }})</option>
            @endforeach
        </select>
    </form>
    <a href="{{ route('savings.create') }}" class="btn btn-primary">+ নতুন লেনদেন</a>
</div>

<div class="card">
    <table class="table table-hover mb-0">
        <thead class="table-light">
            <tr><th>রসিদ</th><th>সদস্য</th><th>ধরন</th><th>টাইপ</th><th>পরিমাণ</th><th>তারিখ</th><th>পেমেন্ট</th></tr>
        </thead>
        <tbody>
            @foreach ($transactions as $txn)
                <tr>
                    <td>{{ $txn->receipt_no }}</td>
                    <td>{{ $txn->member->name }}</td>
                    <td>{{ $txn->savingsType->name }}</td>
                    <td><span class="badge bg-{{ $txn->txn_type === 'deposit' ? 'success' : 'danger' }}">{{ $txn->txn_type }}</span></td>
                    <td>{{ number_format($txn->amount, 2) }}</td>
                    <td>{{ $txn->txn_date->format('d-m-Y') }}</td>
                    <td>{{ $txn->payment_method }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
<div class="mt-3">{{ $transactions->links() }}</div>
@endsection