@extends('layouts.portal')

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

@php
    $currency = config('smartcarb.currency');
    $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')
    {{-- Summary --}}
    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <div class="card-sc">
            <p class="text-sm text-ink-500">{{ __('admin_payments.collected') }}</p>
            <p class="mt-1 text-2xl font-extrabold text-emerald-700">
                {{ number_format((float) ($summary['success']->amount ?? 0), 2) }} {{ $currency }}
            </p>
            <p class="text-xs text-ink-400">{{ $summary['success']->total ?? 0 }} {{ __('admin_payments.attempts') }}</p>
        </div>
        <div class="card-sc">
            <p class="text-sm text-ink-500">{{ __('admin_payments.failed_amount') }}</p>
            <p class="mt-1 text-2xl font-extrabold text-red-700">
                {{ number_format((float) ($summary['failed']->amount ?? 0), 2) }} {{ $currency }}
            </p>
            <p class="text-xs text-ink-400">{{ $summary['failed']->total ?? 0 }} {{ __('admin_payments.attempts') }}</p>
        </div>
        <div class="card-sc">
            <p class="text-sm text-ink-500">{{ __('admin_payments.statuses.initiated') }}</p>
            <p class="mt-1 text-2xl font-extrabold text-amber-700">
                {{ number_format((float) ($summary['initiated']->amount ?? 0), 2) }} {{ $currency }}
            </p>
            <p class="text-xs text-ink-400">{{ $summary['initiated']->total ?? 0 }} {{ __('admin_payments.attempts') }}</p>
        </div>
    </div>

    {{-- Filters --}}
    <form method="GET" action="{{ route('portal.admin.payments.index') }}" class="card-sc mb-5 grid gap-3 md:grid-cols-[1fr_auto_auto_auto] md:items-end">
        @if ($activeStatus)
            <input type="hidden" name="status" value="{{ $activeStatus }}">
        @endif
        <div>
            <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="{{ __('admin_payments.search_placeholder') }}" class="field-input">
        </div>
        <div>
            <label for="from" class="field-label">{{ __('admin_payments.from') }}</label>
            <input id="from" type="date" name="from" value="{{ $filters['from'] ?? '' }}" class="field-input">
        </div>
        <div>
            <label for="to" class="field-label">{{ __('admin_payments.to') }}</label>
            <input id="to" type="date" name="to" value="{{ $filters['to'] ?? '' }}" class="field-input">
        </div>
        <div class="flex gap-2">
            <button type="submit" class="btn-brand !px-5 !py-2.5 text-sm">{{ __('admin_payments.filter') }}</button>
            <a href="{{ route('portal.admin.payments.index') }}" class="btn-ghost !px-5 !py-2.5 text-sm no-underline">{{ __('admin_payments.reset') }}</a>
        </div>
    </form>

    {{-- Status tabs --}}
    <div class="mb-5 flex flex-wrap gap-2">
        <a href="{{ route('portal.admin.payments.index', array_filter($filters)) }}"
           class="btn-soft no-underline {{ $activeStatus === null ? '!bg-brand-500 !text-white' : '' }}">
            {{ __('admin_payments.all') }} ({{ $summary->sum('total') }})
        </a>
        @foreach ($statuses as $s)
            <a href="{{ route('portal.admin.payments.index', array_filter([...$filters, 'status' => $s])) }}"
               class="btn-soft no-underline {{ $activeStatus === $s ? '!bg-brand-500 !text-white' : '' }}">
                {{ __('admin_payments.statuses.' . $s) }} ({{ $summary[$s]->total ?? 0 }})
            </a>
        @endforeach
    </div>

    <div class="overflow-hidden rounded-3xl border border-ink-100 bg-white shadow-card">
        <div class="overflow-x-auto">
            <table class="table-sc">
                <thead>
                    <tr>
                        <th>{{ __('admin_payments.date') }}</th>
                        <th>{{ __('admin_payments.reviewer') }}</th>
                        <th>{{ __('admin_payments.consultant') }}</th>
                        <th>{{ __('admin_payments.appointment') }}</th>
                        <th>{{ __('admin_payments.amount') }}</th>
                        <th>{{ __('admin_payments.method') }}</th>
                        <th>{{ __('admin_payments.status') }}</th>
                        <th>{{ __('admin_payments.result') }}</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($payments as $payment)
                        @php $appointment = $payment->appointment; @endphp
                        <tr>
                            <td class="numeric whitespace-nowrap text-sm">{{ $payment->created_at->format('Y-m-d H:i') }}</td>
                            <td>
                                <span class="font-semibold text-ink-900">{{ $appointment?->patient_name ?? '—' }}</span>
                                <span class="block text-xs text-ink-400" dir="ltr">{{ $appointment?->phone }}</span>
                            </td>
                            <td class="text-sm text-ink-500">{{ $appointment?->consultant?->name ?? '—' }}</td>
                            <td class="whitespace-nowrap text-sm">
                                @if ($appointment)
                                    {{ $appointment->appointment_date->format('Y-m-d') }}
                                    <span class="block text-xs text-ink-400">{{ $appointment->type ? __('appointments.types.' . $appointment->type) : '' }}</span>
                                @else
                                    —
                                @endif
                            </td>
                            <td class="numeric whitespace-nowrap font-semibold">{{ number_format((float) $payment->amount, 2) }} {{ $payment->currency }}</td>
                            <td class="text-sm uppercase">{{ $payment->brand ?? '—' }}</td>
                            <td>
                                <span class="badge-sc {{ $statusBadge[$payment->status] ?? 'bg-ink-100 text-ink-600' }}">
                                    {{ __('admin_payments.statuses.' . $payment->status) }}
                                </span>
                            </td>
                            <td class="max-w-xs text-xs text-ink-500">
                                @if ($payment->result_code)
                                    <span class="font-mono" dir="ltr">{{ $payment->result_code }}</span>
                                @endif
                                <span class="block">{{ \Illuminate\Support\Str::limit($payment->result_description, 80) }}</span>
                            </td>
                            <td class="text-end">
                                <a href="{{ route('portal.admin.payments.show', $payment) }}" class="btn-soft no-underline">{{ __('admin_payments.details') }}</a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9" class="py-12 text-center text-ink-400">{{ __('admin_payments.no_payments') }}</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="mt-5">
        {{ $payments->links() }}
    </div>
@endsection