@extends('layouts.app')

@section('page-title', 'Level 1 Ledger Entry')

@section('content')
    <div class="page-header">
        <h2>{{ $transaction->transaction_no }}</h2>
        <a href="{{ route('level-one.index') }}" class="btn">Back to Level 1</a>
    </div>

    <div class="card">
        <h3 class="card-title">Posting Details</h3>
        <div class="form-grid-3">
            <div>
                <div class="muted">Date</div>
                <strong>{{ $transaction->business_date->format('Y-m-d') }}</strong>
            </div>
            <div>
                <div class="muted">Type</div>
                <strong>{{ str_replace('_', ' ', $transaction->transaction_type) }}</strong>
            </div>
            <div>
                <div class="muted">Status</div>
                <span class="badge badge-active">{{ $transaction->posting_status }}</span>
            </div>
            <div>
                <div class="muted">Payment Channel</div>
                <strong>{{ $transaction->paymentChannel->name ?? '-' }}</strong>
            </div>
            <div>
                <div class="muted">Counterparty</div>
                <strong>{{ $transaction->counterparty->name ?? '-' }}</strong>
            </div>
            <div>
                <div class="muted">Reference</div>
                <strong>{{ $transaction->reference ?? '-' }}</strong>
            </div>
        </div>

        @if($transaction->description)
            <div style="margin-top:16px;">
                <div class="muted">Notes</div>
                <div>{{ $transaction->description }}</div>
            </div>
        @endif
    </div>

    @if($transaction->accountTransfer)
        <div class="card">
            <h3 class="card-title">Transfer Route</h3>
            <div class="form-grid-3">
                <div>
                    <div class="muted">From</div>
                    <strong>{{ $transaction->accountTransfer->fromMoneyAccount->name }}</strong>
                </div>
                <div>
                    <div class="muted">To</div>
                    <strong>{{ $transaction->accountTransfer->toMoneyAccount->name }}</strong>
                </div>
                <div>
                    <div class="muted">Amount</div>
                    <strong>{{ $transaction->entries->first()?->currency?->code ?? 'PKR' }} {{ number_format((float) $transaction->accountTransfer->amount, 2) }}</strong>
                </div>
            </div>
        </div>
    @endif

    <div class="card">
        <h3 class="card-title">Balanced Ledger Entries</h3>
        <div class="table-wrap">
            <table>
                <thead>
                <tr>
                    <th>Account</th>
                    <th>Side</th>
                    <th>Notes</th>
                    <th style="text-align:right">Debit</th>
                    <th style="text-align:right">Credit</th>
                </tr>
                </thead>
                <tbody>
                @foreach($transaction->entries as $entry)
                    <tr>
                        <td><strong>{{ $entry->moneyAccount->name }}</strong></td>
                        <td>{{ $entry->entry_side }}</td>
                        <td>{{ $entry->notes ?? '-' }}</td>
                        <td style="text-align:right; font-weight:600;">
                            @if($entry->entry_side === 'debit')
                                {{ $entry->currency->code }} {{ number_format((float) $entry->amount, 2) }}
                            @else
                                -
                            @endif
                        </td>
                        <td style="text-align:right; font-weight:600;">
                            @if($entry->entry_side === 'credit')
                                {{ $entry->currency->code }} {{ number_format((float) $entry->amount, 2) }}
                            @else
                                -
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection