@extends('master.authMaster')

@section('content')
    <div class="ledgers-page-sec bg-gray-100 col-span-12 lg:col-span-12">
        <div class="ledgers-page-wraper flex w-full bg-white shadow-md rounded-2xl overflow-hidden">
            <div class="w-full p-4">
                <div class="content-box">
                    <div class="flex justify-between items-center mb-4">

                        <div>
                            <h3 class="text-base font-medium text-black">
                                 {{ ucwords($donor->donor_name) }}
                            </h3>
                        </div>

                        <div class="flex gap-4 items-end">
                            <div>
                                <label for="from_date" class="text-sm">From Date</label>
                                <input type="date" id="from_date" class="border rounded p-2">
                            </div>
                            <div>
                                <label for="to_date" class="text-sm">To Date</label>
                                <input type="date" id="to_date" class="border rounded p-2">
                            </div>
                            <div class="flex items-end gap-2">
                                <button type="button" id="filterBtn"
                                    class="bg-blue-600 text-white px-4 py-2 rounded shadow">Filter</button>
                                <button type="button" id="clearBtn"
                                    class="bg-gray-500 text-white px-4 py-2 rounded shadow">Clear</button>
                            </div>
                        </div>

                    </div>

                    <div class="sngl-box">
                        <!-- Transaction History -->
                        <div class="sngl-cart">
                            <h4 class="text-base font-medium mb-2 text-black">Transaction History</h4>
                            @php
                                $totalPaid = 0;
                            @endphp
                            <table class="w-full text-left border-collapse shadow-sm rounded-lg overflow-hidden mb-3">
                                <thead>
                                    <tr class="bg-gray-100 text-gray-700">
                                        <th class="p-3 text-left">Transaction Date</th>
                                        <th class="p-3 text-left">Head Group</th>
                                        <th class="p-3 text-left">Head Name</th>
                                        <th class="p-3 text-left">Narration</th>
                                        <th class="p-3 text-left">Money Receipt No</th>
                                        <th class="p-3 text-right">Received Amount</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($donorRecords as $record)
                                        @php $totalPaid += $record->paid_amount; @endphp
                                        <tr class="hover:bg-gray-50">
                                            <td class="p-3">
                                                {{ \Carbon\Carbon::parse($record->transaction_date)->format('d-m-Y') }}
                                            </td>
                                            <td class="p-3">
                                                {{ $record->head_group_name ?? '-' }}
                                            </td>
                                            <td class="p-3">
                                                {{ $record->head_name ?? '-' }}
                                            </td>
                                            <td class="p-3">
                                                {{ $record->transaction_narration ?? '-' }}
                                            </td>
                                            <td class="p-3">
                                                {{ $record->money_receipt_no ?? '-' }}
                                            </td>
                                            <td class="p-3 text-right font-medium text-blue-600">
                                                ₹ {{ number_format($record->paid_amount, 2) }}
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="6" class="p-3 text-center text-gray-500">No records found</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>

                        <!-- Grand Total -->
                        <div class="mt-4">
                            <table class="w-full text-left border-collapse shadow-sm rounded-lg overflow-hidden">
                                <tfoot>
                                    <tr class="bg-gray-200 font-bold">
                                        <td colspan="5" class="p-3 text-right">Grand Total</td>
                                        <td class="p-3 text-right text-black">
                                            ₹ {{ number_format($totalPaid, 2) }}
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>

                    <div class="mt-6">
                        <button onclick="history.back()"
                            class="px-4 py-2 rounded-lg bg-gray-500 hover:bg-gray-600 text-white shadow text-sm transition">
                            ← Back
                        </button>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection