@extends('layouts.merchant')

@section('breadcrumb')
<div class="main-breadcrumb d-flex flex-wrap align-items-center my-4 gap-3">
    <h2 class="breadcrumb-title mb-0 flex-grow-1 fs-16">{{ tr('ledgers') }}</h2>
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li><i class="ri-home-4-line fs-16 me-2 text-primary"></i></li>
            <li class="breadcrumb-item">
                <a href="{{ route('merchant.dashboard') }}">{{ tr('home') }}</a>
            </li>
            <li class="breadcrumb-item">
                <a href="{{ route('merchant.ledgers.index') }}">{{ tr('ledgers') }}</a>
            </li>
            <li class="breadcrumb-item active">{{ tr('ledger_details') }}</li>
        </ol>
    </nav>
</div>
@endsection

@section('content')

@php
    $notEmpty = fn ($v) => !($v === null || $v === '');

    $fields = [
        [tr('unique_id'), 'ri-hashtag', $ledger['unique_id'] ?? null],
        [tr('transaction_id'), 'ri-exchange-dollar-line', $ledger['transaction_id'] ?? null],
      
        [
    tr('transaction_type'),
    'ri-list-check',
    $ledger['transaction_type']
        ? transaction_type_formatted($ledger['transaction_type'])
        : null
],


        [tr('paid_to'), 'ri-bank-line', $ledger['paid_to'] ?? null],
        [tr('amount'), 'ri-money-dollar-circle-line', $ledger['amount'] ?? null],
        [tr('balance'), 'ri-wallet-3-line', $ledger['balance'] ?? null],
        [tr('created_at'), 'ri-time-line', $ledger['created_at'] ?? null],
    ];
@endphp

<div class="detail-container">

    <h4 class="mb-4 d-flex align-items-center">
        <i class="ri-file-list-3-line text-primary fs-22 me-2"></i>
        {{ tr('ledger_details') }}
    </h4>

    <div class="row">
        @foreach ($fields as [$label, $icon, $value])
            @if ($notEmpty($value))
                <div class="col-md-4 detail-row mb-3">
                    <div class="detail-label">
                        <i class="{{ $icon }} me-1"></i> {{ $label }}
                    </div>
                    <div class="detail-value fw-semibold">{{ $value }}</div>
                </div>
            @endif
        @endforeach
    </div>

</div>

@endsection