@extends('admin.layouts.app')
@section('title','Payment Details')
@section('page-title','Payment Details')
@section('page-subtitle','Transaction, fee breakdown and invoice information')
@section('payments-active','active')
@section('content')

@php
    $currency = $payment->currencySymbol();
    $lineItems = [];

    if ($payment->base_registration_fee > 0) {
        $lineItems[] = [
            'description' => 'Registration Fee',
            'amount' => $payment->base_registration_fee,
        ];
    }

    if ($payment->spouse_fee > 0) {
        $lineItems[] = [
            'description' => 'Spouse Registration',
            'amount' => $payment->spouse_fee,
        ];
    }

    if (empty($lineItems) && $payment->feeItem) {
        $lineItems[] = [
            'description' => $payment->feeItem->fee_name,
            'amount' => $payment->amount,
        ];
    }
@endphp

<div class="mb-3 d-flex flex-wrap gap-2">
    <a href="{{ route('admin.payments.index', array_filter(['conference_id' => $payment->conference_id, 'status' => request('status')])) }}" class="btn btn-light btn-sm">
        <i class="fas fa-arrow-left me-1"></i> Back to Payments
    </a>
    @if($payment->registration)
        <a href="{{ route('admin.participants.show', ['registration' => $payment->registration_id]) }}" class="btn btn-outline-green btn-sm">
            View Participant
        </a>
    @endif
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <div class="cardx p-4 mb-4">
            <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
                <div>
                    <h5 class="mb-1">{{ $payment->payment_reference }}</h5>
                    <p class="text-muted mb-0">{{ str_replace('_', ' ', ucfirst($payment->payment_type)) }}</p>
                </div>
                <span class="badge fs-6 {{ $payment->isSuccessful() ? 'bg-success' : ($payment->status === 'pending' ? 'bg-warning text-dark' : 'bg-danger') }}">
                    {{ ucfirst(str_replace('_', ' ', $payment->status)) }}
                </span>
            </div>

            <div class="row g-3">
                <div class="col-md-4"><strong>Amount</strong><br>{{ $currency }}{{ number_format($payment->amount, 2) }}</div>
                <div class="col-md-4"><strong>Gateway</strong><br>{{ ucfirst($payment->payment_gateway ?? '—') }}</div>
                <div class="col-md-4"><strong>Currency</strong><br>{{ $payment->currency ?? 'NGN' }}</div>
                <div class="col-md-4"><strong>Created</strong><br>{{ $payment->created_at?->format('M d, Y H:i') }}</div>
                <div class="col-md-4"><strong>Paid At</strong><br>{{ $payment->paid_at?->format('M d, Y H:i') ?? '—' }}</div>
                <div class="col-md-4"><strong>Gateway Reference</strong><br>{{ $payment->gateway_reference ?? '—' }}</div>

                @if($payment->fee_period || $payment->participant_category || $payment->attendance_type)
                    <div class="col-md-12"><hr class="my-2"></div>
                    @if($payment->fee_period)
                        <div class="col-md-4"><strong>Fee Period</strong><br>{{ str_replace('_', ' ', ucfirst($payment->fee_period)) }}</div>
                    @endif
                    @if($payment->participant_category)
                        <div class="col-md-4"><strong>Category</strong><br>{{ str_replace('_', ' ', ucfirst($payment->participant_category)) }}</div>
                    @endif
                    @if($payment->attendance_type)
                        <div class="col-md-4"><strong>Attendance</strong><br>{{ ucfirst($payment->attendance_type) }}</div>
                    @endif
                @endif

                @if($payment->confirmedBy || $payment->notes)
                    <div class="col-md-12"><hr class="my-2"></div>
                    @if($payment->confirmedBy)
                        <div class="col-md-4"><strong>Confirmed By</strong><br>{{ $payment->confirmedBy->name }}</div>
                    @endif
                    @if($payment->notes)
                        <div class="col-md-12"><strong>Notes</strong><br>{{ $payment->notes }}</div>
                    @endif
                @endif
            </div>
        </div>

        @if(! empty($lineItems))
            <div class="cardx p-4 mb-4">
                <h6 class="mb-3">Fee Breakdown</h6>
                <div class="table-responsive">
                    <table class="table mb-0">
                        <thead>
                            <tr>
                                <th>Description</th>
                                <th class="text-end">Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($lineItems as $item)
                                <tr>
                                    <td>{{ $item['description'] }}</td>
                                    <td class="text-end">{{ $currency }}{{ number_format($item['amount'], 2) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <th>Total</th>
                                <th class="text-end">{{ $currency }}{{ number_format($payment->amount, 2) }}</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        @endif

        @if($payment->registration)
            <div class="cardx p-4">
                <h6 class="mb-3">Linked Registration</h6>
                <div class="row g-3">
                    <div class="col-md-4"><strong>Registration #</strong><br>{{ $payment->registration->registration_number }}</div>
                    <div class="col-md-4"><strong>Category</strong><br>{{ str_replace('_', ' ', ucfirst($payment->registration->registration_category)) }}</div>
                    <div class="col-md-4"><strong>Payment Status</strong><br>{{ ucfirst($payment->registration->payment_status) }}</div>
                    @if($payment->registration->attending_with_spouse)
                        <div class="col-md-4"><strong>Spouse</strong><br>{{ $payment->registration->spouse_name }}</div>
                    @endif
                </div>
            </div>
        @endif
    </div>

    <div class="col-lg-4">
        <div class="cardx p-4 mb-4">
            <h6 class="mb-3">Payer</h6>
            <p class="mb-1 fw-semibold">{{ $payment->user?->name }}</p>
            <p class="small text-muted mb-1">{{ $payment->user?->email }}</p>
            <p class="small text-muted mb-1">{{ $payment->user?->phone_number ?? '—' }}</p>
            <p class="small mb-0">{{ $payment->user?->membershipCategory?->name ?? '—' }}</p>
        </div>

        <div class="cardx p-4 mb-4">
            <h6 class="mb-3">Conference</h6>
            <p class="mb-1 fw-semibold">{{ $payment->conference?->name }}</p>
            <p class="small text-muted mb-1">{{ $payment->conference?->city }} {{ $payment->conference?->conference_year }}</p>
            <p class="small mb-0">{{ $payment->conference?->venue ?? '—' }}</p>
        </div>

        @if($payment->invoice)
            <div class="cardx p-4 mb-4">
                <h6 class="mb-3">Invoice</h6>
                <p class="mb-1"><strong>{{ $payment->invoice->invoice_number }}</strong></p>
                <p class="small mb-1">Total: {{ $currency }}{{ number_format($payment->invoice->total_amount, 2) }}</p>
                <p class="small mb-1">Paid: {{ $currency }}{{ number_format($payment->invoice->amount_paid, 2) }}</p>
                <p class="small mb-1">Balance: {{ $currency }}{{ number_format($payment->invoice->balance, 2) }}</p>
                <span class="badge {{ $payment->invoice->status === 'paid' ? 'bg-success' : 'bg-warning text-dark' }}">{{ ucfirst($payment->invoice->status) }}</span>
                @if($payment->invoice->receipt_number)
                    <p class="small mt-2 mb-0">Receipt: {{ $payment->invoice->receipt_number }}</p>
                @endif
            </div>
        @endif

        @if($payment->status === 'pending')
            <div class="cardx p-4 mb-4">
                <h6 class="mb-3">Manual Confirmation</h6>
                <p class="small text-muted">Verify on Paystack before confirming. If the transaction never completed, cancel it so the user can retry.</p>
                <form method="POST" action="{{ route('admin.payments.confirm', $payment) }}" class="mb-3">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label small">Notes (optional)</label>
                        <textarea name="notes" class="form-control" rows="3" placeholder="Bank transfer reference, Paystack receipt, etc.">{{ old('notes', $payment->notes) }}</textarea>
                    </div>
                    <button type="submit" class="btn btn-green w-100">Confirm Payment</button>
                </form>
                <form method="POST" action="{{ route('admin.payments.cancel', $payment) }}" onsubmit="return confirm('Cancel this unresolved payment? The user will be able to pay again.');">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label small">Cancellation note (optional)</label>
                        <textarea name="notes" class="form-control" rows="2" placeholder="Not found on Paystack, duplicate attempt, etc."></textarea>
                    </div>
                    <button type="submit" class="btn btn-outline-danger w-100">Cancel Unresolved Payment</button>
                </form>
            </div>
        @elseif($payment->isCancellable())
            <div class="cardx p-4">
                <h6 class="mb-3">Cancel Failed Attempt</h6>
                <form method="POST" action="{{ route('admin.payments.cancel', $payment) }}" onsubmit="return confirm('Cancel this failed payment attempt?');">
                    @csrf
                    <button type="submit" class="btn btn-outline-danger w-100">Cancel Payment</button>
                </form>
            </div>
        @endif
    </div>
</div>

@endsection