{{-- resources/views/purchases/payments/show.blade.php --}}
@extends('layouts.app')
@section('title', 'Payment ' . $payment->reference)
@section('page_title', $payment->reference)
@section('page_subtitle', 'Supplier payment')

@section('content')

<div class="d-flex gap-2 mb-3">
    <a href="{{ tenant_route('purchases.supplier-payments.index') }}"
       class="btn btn-sm btn-outline-secondary">← Payments</a>
</div>

<div class="row justify-content-center">
<div class="col-md-6">
    <div class="card">
        <div class="card-header">
            <span class="card-title">Payment Details</span>
        </div>
        <div class="card-body">
            <div style="display:flex;flex-direction:column;gap:10px;
                        font-size:.82rem;">
                <div style="display:flex;justify-content:space-between;">
                    <span style="color:var(--muted);">Reference</span>
                    <span class="fw-semibold" style="color:var(--clay);">
                        {{ $payment->reference }}
                    </span>
                </div>
                <div style="display:flex;justify-content:space-between;">
                    <span style="color:var(--muted);">Supplier</span>
                    <a href="{{ tenant_route('purchases.suppliers.show', ['supplier' => $payment->supplier_id]) }}"
                       style="color:var(--clay);">
                        {{ $payment->supplier?->name }}
                    </a>
                </div>
                @if($payment->purchaseOrder)
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Purchase Order</span>
                        <a href="{{ tenant_route('purchases.show', ['po' => $payment->purchase_order_id]) }}"
                           style="color:var(--clay);">
                            {{ $payment->purchaseOrder->po_number }}
                        </a>
                    </div>
                @endif
                <div style="display:flex;justify-content:space-between;">
                    <span style="color:var(--muted);">Amount</span>
                    <span class="fw-bold" style="font-size:.95rem;color:var(--success);">
                        {{ $payment->currency }}
                        {{ number_format($payment->amount, 2) }}
                    </span>
                </div>
                <div style="display:flex;justify-content:space-between;">
                    <span style="color:var(--muted);">Method</span>
                    <span>
                        {{ ucfirst(str_replace('_', ' ', $payment->payment_method)) }}
                    </span>
                </div>
                @if($payment->transaction_reference)
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Transaction Ref</span>
                        <span>{{ $payment->transaction_reference }}</span>
                    </div>
                @endif
                <div style="display:flex;justify-content:space-between;">
                    <span style="color:var(--muted);">Date Paid</span>
                    <span>{{ $payment->paid_at->format('d M Y') }}</span>
                </div>
                <div style="display:flex;justify-content:space-between;">
                    <span style="color:var(--muted);">Paid By</span>
                    <span>{{ $payment->paidBy?->name ?? '—' }}</span>
                </div>
                @if($payment->notes)
                    <div style="padding-top:8px;border-top:1px solid var(--border);">
                        <div style="color:var(--muted);margin-bottom:3px;">Notes</div>
                        <div>{{ $payment->notes }}</div>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
</div>

@endsection