{{-- resources/views/invoicing/payments/show.blade.php --}}
@extends('layouts.app')
@section('title', 'Payment ' . $payment->reference)
@section('page_title', $payment->reference)
@section('page_subtitle', 'Payment details')

@section('content')

<div class="d-flex gap-2 mb-3">
    <a href="{{ tenant_route('invoicing.payments.index') }}"
       class="btn btn-sm btn-outline-secondary">← Payments</a>
    <a href="{{ tenant_route('invoicing.payments.receipt', ['payment' => $payment->id]) }}"
       class="btn btn-sm btn-outline-secondary"
       target="_blank">
        <i class="bi bi-file-pdf me-1"></i>Receipt
    </a>
</div>

<div class="row g-3">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <span class="card-title">Payment Details</span>
            </div>
            <div class="card-body">
                <div style="display:flex;flex-direction:column;gap:10px;
                            font-size:.82rem;">
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Reference</span>
                        <span class="fw-semibold" style="color:var(--clay);">
                            {{ $payment->reference }}
                        </span>
                    </div>
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Amount</span>
                        <span class="fw-bold" style="font-size:.95rem;color:var(--success);">
                            {{ $payment->currency }}
                            {{ number_format($payment->amount, 2) }}
                        </span>
                    </div>
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Method</span>
                        <span>
                            {{ ucfirst(str_replace('_', ' ', $payment->payment_method)) }}
                        </span>
                    </div>
                    @if($payment->transaction_reference)
                        <div style="display:flex;justify-content:space-between;">
                            <span style="color:var(--muted);">Transaction Ref</span>
                            <span>{{ $payment->transaction_reference }}</span>
                        </div>
                    @endif
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Date Paid</span>
                        <span>
                            {{ $payment->paid_at?->format('d M Y H:i') }}
                        </span>
                    </div>
                    <div style="display:flex;justify-content:space-between;">
                        <span style="color:var(--muted);">Status</span>
                        <span style="font-weight:600;
                                     color:{{ $payment->status === 'completed' ? 'var(--success)' : 'var(--warning)' }};">
                            {{ ucfirst($payment->status) }}
                        </span>
                    </div>
                    @if($payment->receivedBy)
                        <div style="display:flex;justify-content:space-between;">
                            <span style="color:var(--muted);">Received By</span>
                            <span>{{ $payment->receivedBy->name }}</span>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-6">

        @if($payment->guest)
            <div class="card mb-3">
                <div class="card-header">
                    <span class="card-title">Guest</span>
                </div>
                <div class="card-body">
                    <div class="fw-semibold" style="font-size:.88rem;">
                        {{ $payment->guest->first_name }}
                        {{ $payment->guest->last_name }}
                    </div>
                    @if($payment->guest->email)
                        <div style="font-size:.78rem;color:var(--muted);">
                            {{ $payment->guest->email }}
                        </div>
                    @endif
                </div>
            </div>
        @endif

        @if($payment->invoice)
            <div class="card mb-3">
                <div class="card-header">
                    <span class="card-title">Invoice</span>
                </div>
                <div class="card-body">
                    <a href="{{ tenant_route('invoicing.invoices.show', ['invoice' => $payment->invoice->id]) }}"
                       style="font-weight:600;color:var(--clay);text-decoration:none;">
                        {{ $payment->invoice->invoice_number }}
                    </a>
                    <div style="font-size:.78rem;color:var(--muted);margin-top:3px;">
                        Total: {{ $payment->invoice->currency }}
                        {{ number_format($payment->invoice->total_amount, 2) }}
                        · Balance: {{ number_format($payment->invoice->balance_due, 2) }}
                    </div>
                </div>
            </div>
        @endif

        {{-- Refund --}}
        @if($payment->status === 'completed' && $payment->amount > 0)
            <div class="card">
                <div class="card-header">
                    <span class="card-title">Refund</span>
                </div>
                <div class="card-body">
                    @if($payment->refunds->count() > 0)
                        @foreach($payment->refunds as $refund)
                            <div style="font-size:.78rem;color:var(--muted);
                                        margin-bottom:6px;">
                                {{ $payment->currency }}
                                {{ number_format($refund->amount, 2) }}
                                — {{ $refund->reason }}
                                · {{ $refund->refunded_at?->format('d M Y') }}
                            </div>
                        @endforeach
                    @endif
                    <form method="POST"
                          action="{{ tenant_route('invoicing.payments.refund', ['payment' => $payment->id]) }}">
                        @csrf
                        <input type="number" name="amount"
                               class="form-control form-control-sm mb-2"
                               placeholder="Refund amount"
                               max="{{ $payment->amount }}"
                               min="0.01" step="0.01">
                        <input type="text" name="reason"
                               class="form-control form-control-sm mb-2"
                               placeholder="Reason for refund" required>
                        <button class="btn btn-sm btn-outline-danger w-100"
                                type="submit"
                                onclick="return confirm('Process refund?')">
                            Process Refund
                        </button>
                    </form>
                </div>
            </div>
        @endif

    </div>
</div>

@endsection