@extends('master.app')
@section('title', 'Transaction Details')

@section('body')
<main class="app-content">
    <div class="card">
        <div class="card-header d-flex justify-content-between">
            <h5 class="mb-0">Transaction #{{ $row->id }}</h5>
            <div class="d-flex gap-2">
                <a href="{{ route('customer-agent-transactions.edit',$row->id) }}" class="btn btn-outline-primary btn-sm">Edit</a>
                <a href="{{ route('customer-agent-transactions.index') }}" class="btn btn-outline-dark btn-sm">Back</a>
            </div>
        </div>

        <div class="card-body">
            <table class="table table-bordered table-sm">
                <tr><th width="220">Date</th><td>{{ $row->date }}</td></tr>
                <tr><th>Customer</th><td>{{ $row->customer->name ?? ('Customer #'.$row->customer_id) }}</td></tr>
                <tr><th>Employee</th><td>{{ $row->employee->name ?? $row->employee->full_name ?? ('Employee #'.$row->employee_id) }}</td></tr>
                <tr><th>Direction</th><td>{{ strtoupper($row->direction) }}</td></tr>
                <tr><th>Type</th><td>{{ $row->type }}</td></tr>
                <tr><th>Amount</th><td>{{ number_format($row->amount ?? 0,2) }}</td></tr>
                <tr><th>Currency</th><td>{{ $row->currency->title_en ?? $row->currency->title_ps ?? 'N/A' }}</td></tr>
                <tr><th>Ex Rate</th><td>{{ number_format($row->ex_rate ?? 1,4) }}</td></tr>
                <tr><th>Reference</th><td>{{ $row->reference }}</td></tr>
                <tr><th>Payment Method</th><td>{{ $row->payment_method }}</td></tr>
                <tr><th>Details</th><td>{{ $row->details }}</td></tr>
                <tr><th>Created By</th><td>{{ $row->creator->name ?? 'N/A' }}</td></tr>
            </table>
        </div>
    </div>
</main>
@endsection