@extends('layouts.app')

@section('content')
    @php
        $badge = match ($subscription->status) {
            'active' => 'bg-green-100 text-green-700',
            'trialing' => 'bg-sky-100 text-sky-700',
            'past_due' => 'bg-amber-100 text-amber-700',
            'paused' => 'bg-gray-200 text-gray-700',
            'canceled', 'expired' => 'bg-red-100 text-red-700',
            default => 'bg-gray-100 text-gray-600',
        };
        $rows = [
            'Sahip' => $subscription->ownerLabel(),
            'Uygulama' => strtoupper($subscription->app),
            'Plan' => ($subscription->plan_name ?: $subscription->plan).' ('.$subscription->plan.')',
            'Periyot' => $subscription->billing_interval.' × '.$subscription->billing_period,
            'Tutar' => number_format((float) $subscription->price, 2).' '.$subscription->currency.' (KDV '.$subscription->tax_rate.'%)',
            'Adet' => $subscription->quantity,
            'Otomatik Yenileme' => $subscription->auto_renew ? 'Evet' : 'Hayır',
            'Başlangıç' => $subscription->starts_at?->format('d.m.Y H:i') ?? '-',
            'Deneme Bitişi' => $subscription->trial_ends_at?->format('d.m.Y H:i') ?? '-',
            'Dönem' => ($subscription->current_period_start?->format('d.m.Y') ?? '-').' → '.($subscription->current_period_end?->format('d.m.Y') ?? '-'),
            'Sonraki Tahsilat' => $subscription->next_billing_at?->format('d.m.Y H:i') ?? '-',
            'Bitiş' => $subscription->ends_at?->format('d.m.Y H:i') ?? '-',
            'Gateway' => $subscription->gateway ?? '-',
            'Gateway Müşteri ID' => $subscription->gateway_customer_id ?? '-',
            'Gateway Abonelik ID' => $subscription->gateway_subscription_id ?? '-',
            'Gateway Plan ID' => $subscription->gateway_plan_id ?? '-',
            'Ödeme Yöntemi' => $subscription->payment_method_type ?? '-',
            'Kart' => $subscription->card_brand ? strtoupper($subscription->card_brand).' •••• '.$subscription->card_last_four : '-',
        ];
    @endphp

    <div class="py-8">
        <div class="max-w-screen-2xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
                <div class="px-4 sm:p-6 lg:p-8">

                    <div class="sm:flex sm:items-center">
                        <div class="sm:flex-auto">
                            <h1 class="text-base font-semibold leading-6 text-gray-900">Abonelik #{{ $subscription->id }}</h1>
                            <span class="mt-2 inline-flex rounded-full px-2 py-0.5 text-xs font-medium {{ $badge }}">{{ $subscription->status }}</span>
                        </div>
                        <div class="mt-4 sm:ml-16 sm:mt-0 sm:flex-none flex gap-2">
                            <a href="{{ route('subscriptions.edit', $subscription->id) }}"
                                class="rounded-md bg-indigo-600 px-3 py-2 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">Düzenle</a>
                            <form action="{{ route('subscriptions.destroy', $subscription->id) }}" method="POST"
                                onsubmit="return confirm('Bu abonelik silinsin mi?');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="rounded-md bg-red-600 px-3 py-2 text-sm font-semibold text-white hover:bg-red-500">Sil</button>
                            </form>
                            <a href="{{ route('subscriptions.index') }}"
                                class="rounded-md bg-gray-100 px-3 py-2 text-sm font-semibold text-gray-700 hover:bg-gray-200">Liste</a>
                        </div>
                    </div>

                    <dl class="mt-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-4">
                        @foreach ($rows as $label => $value)
                            <div class="border-t border-gray-100 pt-2">
                                <dt class="text-xs text-gray-500">{{ $label }}</dt>
                                <dd class="text-sm font-medium text-gray-900">{{ $value }}</dd>
                            </div>
                        @endforeach
                    </dl>

                    {{-- Transactions --}}
                    <div class="mt-10">
                        <h2 class="text-sm font-semibold text-gray-900">İşlemler ({{ $transactions->count() }})</h2>
                        <div class="mt-4 flow-root">
                            <div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
                                <div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
                                    <table class="min-w-full divide-y divide-gray-300">
                                        <thead>
                                            <tr>
                                                <th class="whitespace-nowrap py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-0">ID</th>
                                                <th class="whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-900">Referans</th>
                                                <th class="whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-900">Tür</th>
                                                <th class="whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-900">Durum</th>
                                                <th class="whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-900">Tutar</th>
                                                <th class="whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-900">Gateway</th>
                                                <th class="whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-900">Ödeme Tarihi</th>
                                            </tr>
                                        </thead>
                                        <tbody class="divide-y divide-gray-200 bg-white">
                                            @forelse ($transactions as $tx)
                                                <tr>
                                                    <td class="whitespace-nowrap py-2 pl-4 pr-3 text-sm text-gray-500 sm:pl-0">{{ $tx->id }}</td>
                                                    <td class="whitespace-nowrap px-2 py-2 text-sm text-gray-900">{{ $tx->reference ?? '-' }}</td>
                                                    <td class="whitespace-nowrap px-2 py-2 text-sm text-gray-500">{{ $tx->type }}</td>
                                                    <td class="whitespace-nowrap px-2 py-2 text-sm text-gray-900">{{ $tx->status }}</td>
                                                    <td class="whitespace-nowrap px-2 py-2 text-sm text-gray-900">
                                                        {{ number_format((float) $tx->total_amount, 2) }} {{ $tx->currency }}
                                                    </td>
                                                    <td class="whitespace-nowrap px-2 py-2 text-sm text-gray-500">{{ $tx->gateway ?? '-' }}</td>
                                                    <td class="whitespace-nowrap px-2 py-2 text-sm text-gray-500">{{ $tx->paid_at?->format('d.m.Y H:i') ?? '-' }}</td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="7" class="px-4 py-6 text-center text-sm text-gray-500">Henüz işlem yok.</td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection