@extends('layouts.app')
@section('title', 'Payments')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>Payments</h4>
    <a href="{{ route('admin.finance.index') }}" class="btn btn-outline-dark btn-sm">← Finance</a>
</div>
<form class="row g-2 mb-3">
    <div class="col-auto"><input type="date" name="from" value="{{ $from }}" class="form-control"></div>
    <div class="col-auto"><input type="date" name="to" value="{{ $to }}" class="form-control"></div>
    <div class="col-auto"><button class="btn btn-dark">Filter</button></div>
</form>
<table class="table bg-white">
    <thead><tr><th>Date</th><th>Order #</th><th>Method</th><th>Amount</th><th>Taken By</th></tr></thead>
    <tbody>
    @forelse ($payments as $p)
    <tr>
        <td>{{ $p->created_at->format('d M Y h:i A') }}</td>
        <td>{{ $p->order->order_number ?? '-' }}</td>
        <td>{{ $p->methodLabel() }}</td>
        <td>{{ number_format($p->amount,2) }}</td>
        <td>{{ $p->user->name ?? '-' }}</td>
    </tr>
    @empty
    <tr><td colspan="5" class="text-muted">No payments in this period.</td></tr>
    @endforelse
    </tbody>
</table>
{{ $payments->links() }}
@endsection