@extends('layouts.app')
@section('title', 'Account Ledger')
@section('page-title', 'Account Ledger')

@section('content')
<form method="GET" class="flex flex-wrap gap-3 mb-5">
    <div>
        <label class="form-label text-xs">Account <span class="text-red-500">*</span></label>
        <select name="account_id" class="form-input text-sm w-64" required>
            <option value="">— Select Account —</option>
            @foreach($accounts as $acc)
            <option value="{{ $acc->id }}" {{ request('account_id') == $acc->id ? 'selected' : '' }}>
                {{ $acc->account_code }} — {{ $acc->account_name }}
            </option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="form-label text-xs">From</label>
        <input type="date" name="from_date" value="{{ request('from_date', now()->startOfMonth()->toDateString()) }}" class="form-input text-sm">
    </div>
    <div>
        <label class="form-label text-xs">To</label>
        <input type="date" name="to_date" value="{{ request('to_date', now()->toDateString()) }}" class="form-input text-sm">
    </div>
    <div class="flex items-end">
        <button type="submit" class="btn-primary text-sm py-1.5">View Ledger</button>
    </div>
</form>

@if($account)
<div class="card p-0 overflow-hidden">
    <div class="px-4 py-3 bg-indigo-600 text-white flex items-center justify-between">
        <div>
            <h3 class="text-sm font-semibold">{{ $account->account_code }} — {{ $account->account_name }}</h3>
            <p class="text-xs text-indigo-200">{{ ucfirst($account->account_type) }} · Normal balance: {{ $account->normal_balance }}</p>
        </div>
        <div class="text-right text-xs text-indigo-200">
            Opening Balance: <strong class="text-white">₹{{ number_format($account->opening_balance, 2) }}</strong>
        </div>
    </div>

    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-gray-50">
                <tr>
                    <th class="table-th">Date</th>
                    <th class="table-th">Voucher #</th>
                    <th class="table-th">Type</th>
                    <th class="table-th">Narration</th>
                    <th class="table-th text-right">Debit (₹)</th>
                    <th class="table-th text-right">Credit (₹)</th>
                    <th class="table-th text-right">Balance (₹)</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-50">
                {{-- Opening balance row --}}
                <tr class="bg-blue-50">
                    <td class="table-td text-xs text-gray-500">—</td>
                    <td class="table-td">—</td>
                    <td class="table-td"><span class="badge-blue text-xs">Opening</span></td>
                    <td class="table-td text-gray-500 italic">Opening Balance</td>
                    <td class="table-td text-right font-mono">
                        {{ $account->normal_balance === 'debit' && $account->opening_balance > 0 ? number_format($account->opening_balance,2) : '—' }}
                    </td>
                    <td class="table-td text-right font-mono">
                        {{ $account->normal_balance === 'credit' && $account->opening_balance > 0 ? number_format($account->opening_balance,2) : '—' }}
                    </td>
                    <td class="table-td text-right font-semibold">₹{{ number_format($account->opening_balance,2) }}</td>
                </tr>

                @php $runningBalance = $account->opening_balance; @endphp
                @forelse($entries as $entry)
                @php
                    if ($account->normal_balance === 'debit') {
                        $runningBalance += $entry->debit_amount - $entry->credit_amount;
                    } else {
                        $runningBalance += $entry->credit_amount - $entry->debit_amount;
                    }
                @endphp
                <tr class="hover:bg-gray-50">
                    <td class="table-td text-xs">{{ $entry->voucher->voucher_date->format('d M Y') }}</td>
                    <td class="table-td font-mono text-xs text-indigo-600">{{ $entry->voucher->voucher_number }}</td>
                    <td class="table-td">
                        <span class="badge-gray text-xs capitalize">{{ str_replace('_',' ',$entry->voucher->voucher_type) }}</span>
                    </td>
                    <td class="table-td text-gray-600 max-w-xs truncate">{{ $entry->voucher->narration }}</td>
                    <td class="table-td text-right font-mono">{{ $entry->debit_amount > 0 ? number_format($entry->debit_amount,2) : '—' }}</td>
                    <td class="table-td text-right font-mono">{{ $entry->credit_amount > 0 ? number_format($entry->credit_amount,2) : '—' }}</td>
                    <td class="table-td text-right font-semibold {{ $runningBalance >= 0 ? '' : 'text-red-600' }}">
                        ₹{{ number_format(abs($runningBalance),2) }}
                        {{ $runningBalance < 0 ? '(Cr)' : '' }}
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="py-8 text-center text-gray-400 text-sm">No transactions in this period</td>
                </tr>
                @endforelse
            </tbody>
            <tfoot>
                <tr class="bg-gray-800 text-white font-semibold">
                    <td colspan="4" class="px-4 py-3 text-sm">Closing Balance</td>
                    <td class="px-4 py-3 text-right font-mono">₹{{ number_format($entries->sum('debit_amount'),2) }}</td>
                    <td class="px-4 py-3 text-right font-mono">₹{{ number_format($entries->sum('credit_amount'),2) }}</td>
                    <td class="px-4 py-3 text-right font-mono">₹{{ number_format(abs($runningBalance ?? $account->opening_balance),2) }}</td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>
@else
<div class="card text-center py-12 text-gray-400">
    <svg class="w-12 h-12 mx-auto mb-3 text-gray-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
    <p class="font-medium">Select an account to view its ledger</p>
</div>
@endif
@endsection