@extends('layouts.app')

@section('content')
<div class="container">
    <h4>Payment History for Invoice #{{ $invoice->invoice_number }}</h4>
    <table class="table table-bordered table-sm mt-3">
        <thead>
            <tr>
                <th>#</th>
                <th>Amount</th>
                <th>Method</th>
                <th>Note</th>
                <th>User</th>
                <th>Date</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($payments as $i => $payment)
            <tr>
                <td>{{ $i+1 }}</td>
                <td>{{ number_format($payment->amount, 2) }}</td>
                <td>{{ ucfirst($payment->method) }}</td>
                <td>{{ $payment->note }}</td>
                <td>{{ $payment->user->name ?? 'N/A' }}</td>
                <td>{{ $payment->created_at->format('Y-m-d H:i') }}</td>
                <td>
                    <form method="POST" action="{{ route('pos.invoices.payments.destroy', $payment->id) }}" style="display:inline;">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm btn-delete" onclick="return confirm('Delete this payment?')">Delete</button>
                    </form>
                    <!-- Edit action can be implemented as a modal or link -->
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection