@extends('layouts.admin')
@section('title', __('admin.payments'))

@section('admin_content')
<h1 class="mb-6 font-display text-2xl font-bold">{{ __('admin.payments') }}</h1>

<div class="overflow-x-auto rounded-lg border border-ink/10 bg-white">
    <table class="w-full text-sm">
        <thead class="bg-forest text-cream"><tr><th class="p-3 text-left">{{ __('admin.user') }}</th><th class="p-3 text-left">{{ __('admin.plan') }}</th><th class="p-3 text-left">{{ __('admin.amount') }}</th><th class="p-3 text-left">{{ __('admin.provider') }}</th><th class="p-3 text-left">{{ __('admin.status') }}</th><th class="p-3 text-left"></th></tr></thead>
        <tbody class="divide-y divide-ink/10">
            @foreach ($payments as $payment)
                <tr>
                    <td class="p-3">{{ $payment->user->fullName() }}</td>
                    <td class="p-3">{{ $payment->plan->name }}</td>
                    <td class="p-3 font-mono">{{ number_format($payment->amount, 0) }} {{ $payment->currency }}</td>
                    <td class="p-3 text-xs">{{ $payment->provider }}</td>
                    <td class="p-3"><span class="status-pill {{ $payment->status === 'paid' ? 'bg-green-100 text-green-800' : 'bg-gold/20 text-gold-dark' }}">{{ $payment->status }}</span></td>
                    <td class="p-3 space-x-2">
                        @if ($payment->status === 'pending')
                            <form action="{{ route('admin.payments.mark-paid', $payment) }}" method="POST" class="inline">@csrf<button class="text-green-700 hover:underline">{{ __('admin.mark_paid') }}</button></form>
                        @endif
                        @if ($payment->status === 'paid')
                            <form action="{{ route('admin.payments.mark-refunded', $payment) }}" method="POST" class="inline">@csrf<button class="text-red-600 hover:underline">{{ __('admin.refund') }}</button></form>
                        @endif
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
<div class="mt-6">{{ $payments->links() }}</div>
@endsection