@extends('layouts.portal')

@section('title', __('admin_payments.payment_details') . ' — ' . config('app.name'))
@section('page_title', __('admin_payments.payment_details'))

@section('page_actions')
    <a href="{{ route('portal.admin.payments.index') }}" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('admin_payments.back') }}</a>
@endsection

@php
    $appointment = $payment->appointment;
    $statusBadge = [
        'success' => 'bg-emerald-100 text-emerald-800',
        'failed' => 'bg-red-100 text-red-700',
        'initiated' => 'bg-amber-100 text-amber-800',
    ];
@endphp

@section('content')
    <div class="grid gap-5 xl:grid-cols-2">
        <div class="card-sc">
            <div class="flex items-center justify-between">
                <h2 class="text-lg">{{ __('admin_payments.payment_details') }}</h2>
                <span class="badge-sc {{ $statusBadge[$payment->status] ?? 'bg-ink-100 text-ink-600' }}">
                    {{ __('admin_payments.statuses.' . $payment->status) }}
                </span>
            </div>
            <dl class="mt-4 grid grid-cols-[auto_1fr] gap-x-6 gap-y-2 text-sm">
                <dt class="text-ink-500">{{ __('admin_payments.amount') }}</dt>
                <dd class="font-semibold text-ink-900">{{ number_format((float) $payment->amount, 2) }} {{ $payment->currency }}</dd>
                <dt class="text-ink-500">{{ __('admin_payments.method') }}</dt>
                <dd class="uppercase">{{ $payment->brand ?? '—' }}</dd>
                <dt class="text-ink-500">{{ __('admin_payments.mode') }}</dt>
                <dd>{{ $payment->mode }}</dd>
                <dt class="text-ink-500">{{ __('admin_payments.checkout_id') }}</dt>
                <dd class="break-all font-mono text-xs" dir="ltr">{{ $payment->checkout_id ?? '—' }}</dd>
                <dt class="text-ink-500">{{ __('admin_payments.transaction_id') }}</dt>
                <dd class="break-all font-mono text-xs" dir="ltr">{{ $payment->transaction_id ?? '—' }}</dd>
                <dt class="text-ink-500">{{ __('admin_payments.entity_id') }}</dt>
                <dd class="break-all font-mono text-xs" dir="ltr">{{ $payment->entity_id ?? '—' }}</dd>
                <dt class="text-ink-500">{{ __('admin_payments.result_code') }}</dt>
                <dd class="font-mono text-xs" dir="ltr">{{ $payment->result_code ?? '—' }}</dd>
                <dt class="text-ink-500">{{ __('admin_payments.result_description') }}</dt>
                <dd>{{ $payment->result_description ?? '—' }}</dd>
                <dt class="text-ink-500">{{ __('admin_payments.created_at') }}</dt>
                <dd class="numeric">{{ $payment->created_at->format('Y-m-d H:i:s') }}</dd>
                <dt class="text-ink-500">{{ __('admin_payments.updated_at') }}</dt>
                <dd class="numeric">{{ $payment->updated_at->format('Y-m-d H:i:s') }}</dd>
            </dl>
        </div>

        <div class="card-sc">
            <h2 class="text-lg">{{ __('admin_payments.booking') }}</h2>
            @if ($appointment)
                <dl class="mt-4 grid grid-cols-[auto_1fr] gap-x-6 gap-y-2 text-sm">
                    <dt class="text-ink-500">{{ __('admin_payments.reviewer') }}</dt>
                    <dd class="font-semibold text-ink-900">{{ $appointment->patient_name }}</dd>
                    <dt class="text-ink-500">{{ __('booking.phone') }}</dt>
                    <dd dir="ltr" class="text-start">{{ $appointment->phone }}</dd>
                    <dt class="text-ink-500">{{ __('booking.email') }}</dt>
                    <dd>{{ $appointment->email ?? '—' }}</dd>
                    <dt class="text-ink-500">{{ __('admin_payments.consultant') }}</dt>
                    <dd>{{ $appointment->consultant?->name ?? '—' }}</dd>
                    <dt class="text-ink-500">{{ __('admin_payments.appointment') }}</dt>
                    <dd>
                        {{ $appointment->appointment_date->format('Y-m-d') }} · {{ \Carbon\Carbon::parse($appointment->appointment_time)->format('h:i A') }}
                        @if ($appointment->type)
                            · {{ __('appointments.types.' . $appointment->type) }}
                        @endif
                    </dd>
                    <dt class="text-ink-500">{{ __('admin_payments.booking_status') }}</dt>
                    <dd>{{ __('appointments.statuses.' . $appointment->status) }}</dd>
                    <dt class="text-ink-500">{{ __('admin_payments.payment_status') }}</dt>
                    <dd>{{ $appointment->payment_status }}</dd>
                </dl>
            @else
                <p class="mt-4 text-sm text-ink-400">—</p>
            @endif
        </div>
    </div>

    @if ($attempts->count() > 1)
        <div class="card-sc mt-5">
            <h2 class="text-lg">{{ __('admin_payments.all_attempts') }}</h2>
            <div class="mt-4 overflow-x-auto">
                <table class="table-sc">
                    <thead>
                        <tr>
                            <th>{{ __('admin_payments.date') }}</th>
                            <th>{{ __('admin_payments.method') }}</th>
                            <th>{{ __('admin_payments.amount') }}</th>
                            <th>{{ __('admin_payments.status') }}</th>
                            <th>{{ __('admin_payments.result') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($attempts as $attempt)
                            <tr class="{{ $attempt->is($payment) ? 'bg-brand-50' : '' }}">
                                <td class="numeric whitespace-nowrap text-sm">{{ $attempt->created_at->format('Y-m-d H:i') }}</td>
                                <td class="text-sm uppercase">{{ $attempt->brand ?? '—' }}</td>
                                <td class="numeric">{{ number_format((float) $attempt->amount, 2) }} {{ $attempt->currency }}</td>
                                <td>
                                    <span class="badge-sc {{ $statusBadge[$attempt->status] ?? 'bg-ink-100 text-ink-600' }}">
                                        {{ __('admin_payments.statuses.' . $attempt->status) }}
                                    </span>
                                </td>
                                <td class="text-xs text-ink-500">{{ $attempt->result_description ?? '—' }}</td>
                                <td class="text-end">
                                    @if ($attempt->is($payment))
                                        <span class="text-xs font-semibold text-brand-700">{{ __('admin_payments.current') }}</span>
                                    @else
                                        <a href="{{ route('portal.admin.payments.show', $attempt) }}" class="btn-soft no-underline">{{ __('admin_payments.details') }}</a>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    @if ($payment->raw_response)
        <div class="card-sc mt-5">
            <h2 class="text-lg">{{ __('admin_payments.raw_response') }}</h2>
            <pre class="mt-4 max-h-96 overflow-auto rounded-2xl bg-ink-50 p-4 text-xs" dir="ltr">{{ json_encode($payment->raw_response, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) }}</pre>
        </div>
    @endif
@endsection