@extends('layouts.admin')

@section('title', $payment->reference)

@section('content')
    <div class="mb-5">
        <a href="{{ route('admin.billing.index') }}" class="btn-ghost btn-sm mb-3">
            <x-icon name="arrow-left" class="size-3.5" /> Back to payments
        </a>

        <h1 class="font-display text-headline font-bold text-text">{{ $payment->formattedAmount() }}</h1>

        <div class="mt-2 flex flex-wrap items-center gap-2 text-sm text-text-secondary">
            <x-badge :variant="$payment->status->badgeVariant()">{{ $payment->status->label() }}</x-badge>
            <span class="meta-label">{{ $payment->reference }}</span>
            <span>{{ $payment->created_at->format('d M Y, H:i') }}</span>
        </div>
    </div>

    <div class="grid gap-6 lg:grid-cols-3">
        <div class="space-y-6 lg:col-span-2">
            <div class="admin-card p-6">
                <h2 class="font-display text-title font-bold text-text">The payment</h2>

                <dl class="mt-4 grid gap-4 sm:grid-cols-2">
                    @foreach ([
                        'Seller' => $payment->user?->name.' ('.$payment->user?->email.')',
                        'Method' => str_replace('_', ' ', $payment->gateway),
                        'Gateway reference' => $payment->gateway_reference ?: '—',
                        'Paid' => $payment->paid_at?->format('d M Y, H:i') ?? 'Not yet',
                        'For' => $payment->payable instanceof \App\Models\Subscription
                            ? $payment->payable->plan?->name.' subscription'
                            : ($payment->payable instanceof \App\Models\ListingPromotion
                                ? $payment->payable->type->label().' — '.$payment->payable->listing?->title
                                : '—'),
                        'Invoice' => $payment->invoice?->number ?? 'Not issued',
                    ] as $label => $value)
                        <div>
                            <dt class="meta-label">{{ $label }}</dt>
                            <dd class="mt-1 text-sm text-text">{{ $value }}</dd>
                        </div>
                    @endforeach
                </dl>

                @if ($payment->failure_reason)
                    <p class="mt-4 rounded-lg bg-error/5 px-3.5 py-2.5 text-sm text-error">
                        {{ $payment->failure_reason }}
                    </p>
                @endif
            </div>

            @if ($payment->refunds->isNotEmpty())
                <div class="admin-card p-6">
                    <h2 class="font-display text-title font-bold text-text">Refunds</h2>

                    <ul class="mt-4 space-y-3">
                        @foreach ($payment->refunds as $refund)
                            <li class="rounded-lg border border-border p-3.5">
                                <div class="flex flex-wrap items-center justify-between gap-2">
                                    <span class="text-sm font-medium text-text">
                                        {{ $payment->currency }} {{ number_format($refund->amount / 100, 2) }}
                                    </span>

                                    <x-badge :variant="$refund->isCompleted() ? 'success' : 'warning'">
                                        {{ $refund->isCompleted() ? 'Paid out' : 'Awaiting transfer' }}
                                    </x-badge>
                                </div>

                                <p class="mt-2 text-sm text-text-secondary">{{ $refund->reason }}</p>

                                <p class="mt-1 text-xs text-text-muted">
                                    {{ $refund->created_at->format('d M Y') }}
                                    @if ($refund->actor) &middot; {{ $refund->actor->name }} @endif
                                </p>

                                @unless ($refund->isCompleted())
                                    <form action="{{ route('admin.billing.refunds.complete', $refund) }}"
                                          method="POST" class="mt-3">
                                        @csrf
                                        <button type="submit" class="btn-outline btn-sm">Mark as paid out</button>
                                    </form>
                                @endunless
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>

        <div class="space-y-6">
            @if ($payment->status->isOpen())
                {{-- The one manual step a bank transfer needs. Settling here is
                     what activates the plan or promotion behind it. --}}
                <div class="admin-card p-6">
                    <h2 class="font-display text-title font-bold text-text">Reconcile</h2>

                    <form action="{{ route('admin.billing.settle', $payment) }}" method="POST" class="mt-4 space-y-3">
                        @csrf

                        <label for="gateway_reference" class="form-label">Bank reference</label>
                        <input type="text" id="gateway_reference" name="gateway_reference" class="form-input"
                               placeholder="From the statement">

                        <button type="submit" class="btn btn-primary w-full">Money received</button>
                    </form>

                    <form action="{{ route('admin.billing.fail', $payment) }}" method="POST"
                          class="mt-5 space-y-3 border-t border-border pt-5">
                        @csrf

                        <label for="reason" class="form-label">Or mark it failed</label>
                        <textarea id="reason" name="reason" rows="2" class="form-input"
                                  placeholder="Why it will not be paid."></textarea>

                        <button type="submit" class="btn-ghost btn-sm">Mark failed</button>
                    </form>
                </div>
            @endif

            @if ($payment->refundableAmount() > 0 && $payment->paid_at)
                <div class="admin-card p-6">
                    <h2 class="font-display text-title font-bold text-text">Refund</h2>

                    <p class="mt-2 text-sm text-text-secondary">
                        {{ $payment->currency }} {{ number_format($payment->refundableAmount() / 100, 2) }} left
                    </p>

                    <form action="{{ route('admin.billing.refund', $payment) }}" method="POST" class="mt-4 space-y-3">
                        @csrf

                        <label for="amount_major" class="form-label">Amount</label>
                        <input type="number" id="amount_major" name="amount_major" class="form-input"
                               step="0.01" min="0.01" max="{{ $payment->refundableAmount() / 100 }}"
                               placeholder="{{ number_format($payment->refundableAmount() / 100, 2) }}">

                        <label for="refund_reason" class="form-label">Reason</label>
                        <textarea id="refund_reason" name="reason" rows="3" required class="form-input"></textarea>

                        <button type="submit" class="btn btn-primary w-full">Record refund</button>
                    </form>
                </div>
            @endif
        </div>
    </div>
@endsection