@extends('adminlte::page')

@section('title', 'Payments for '.$invoice->invoice_number)

@section('content_header')
    <h1>Payments — {{ $invoice->invoice_number }}</h1>
@endsection

@section('content')
    <div class="card">
        <div class="card-body">
            <div class="mb-3">
                <strong>Total:</strong> {{ number_format($invoice->total_amount, 2) }}
                <strong class="ml-3">Paid:</strong> {{ number_format($invoice->paid_amount, 2) }}
                <strong class="ml-3">Balance:</strong> {{ number_format($invoice->balance_due, 2) }}
            </div>
            <form action="{{ route('invoices.payments.store', $invoice) }}" method="POST" class="mb-4">
                @csrf
                <div class="form-row">
                    <div class="col-md-3">
                        <label>Date</label>
                        <input type="date" name="payment_date" class="form-control" value="{{ now()->format('Y-m-d') }}" required>
                    </div>
                    <div class="col-md-3">
                        <label>Method</label>
                        <input type="text" name="method" class="form-control" placeholder="Transfer/Cash/etc">
                    </div>
                    <div class="col-md-3">
                        <label>Amount</label>
                        <input type="number" step="0.01" min="0.01" name="amount" class="form-control" required>
                    </div>
                    <div class="col-md-3">
                        <label>&nbsp;</label>
                        <button class="btn btn-primary btn-block" type="submit">Add Payment</button>
                    </div>
                </div>
                <div class="form-group mt-2">
                    <label>Notes</label>
                    <textarea name="notes" class="form-control" rows="2"></textarea>
                </div>
            </form>

            <div class="table-responsive">
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Method</th>
                            <th class="text-right">Amount</th>
                            <th>Notes</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($invoice->payments as $p)
                            <tr>
                                <td>{{ optional($p->payment_date)->format('Y-m-d') }}</td>
                                <td>{{ $p->method ?? '—' }}</td>
                                <td class="text-right">{{ number_format($p->amount, 2) }}</td>
                                <td>{{ $p->notes ?? '—' }}</td>
                                <td class="text-right">
                                    <form action="{{ route('invoices.payments.destroy', [$invoice, $p]) }}" method="POST" onsubmit="return confirm('Delete this payment?')">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-sm btn-outline-danger" type="submit">Delete</button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="text-center text-muted">No payments yet.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <a href="{{ route('invoices.index') }}" class="btn btn-secondary">Back</a>
        </div>
    </div>
@endsection