@extends('layouts.admin')

@section('content')
<div class="container mx-auto px-4 py-8">
    <div class="flex justify-between items-center mb-8">
        <h1 class="text-3xl font-bold text-gray-900 dark:text-white">جزئیات خرید</h1>
        <a href="{{ route('admin.purchases.index') }}" class="bg-gray-400 hover:bg-gray-500 text-white px-6 py-2 rounded-lg">
            بازگشت
        </a>
    </div>

    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
        <div class="space-y-4">
            <div class="flex justify-between border-b pb-2">
                <span class="font-semibold text-gray-700 dark:text-gray-300">کاربر:</span>
                <span class="text-gray-900 dark:text-white">{{ $purchase->user->name }}</span>
            </div>
            <div class="flex justify-between border-b pb-2">
                <span class="font-semibold text-gray-700 dark:text-gray-300">پلن:</span>
                <span class="text-gray-900 dark:text-white">{{ $purchase->plan->title }}</span>
            </div>
            <div class="flex justify-between border-b pb-2">
                <span class="font-semibold text-gray-700 dark:text-gray-300">قیمت:</span>
                <span class="text-gray-900 dark:text-white">{{ number_format($purchase->plan->price) }} تومان</span>
            </div>
            <div class="flex justify-between border-b pb-2">
                <span class="font-semibold text-gray-700 dark:text-gray-300">منبع:</span>
                <span class="px-3 py-1 rounded-full text-xs font-semibold {{ $purchase->purchase_source == 'gateway' ? 'bg-blue-100 text-blue-800' : ($purchase->purchase_source == 'market' ? 'bg-purple-100 text-purple-800' : 'bg-yellow-100 text-yellow-800') }}">
                    {{ $purchase->purchase_source == 'gateway' ? 'درگاه' : ($purchase->purchase_source == 'market' ? 'مارکت' : 'دستی') }}
                </span>
            </div>
            <div class="flex justify-between border-b pb-2">
                <span class="font-semibold text-gray-700 dark:text-gray-300">تاریخ شروع:</span>
                <span class="text-gray-900 dark:text-white">{{ jdate($purchase->starts_at)->format('Y/m/d H:i') }}</span>
            </div>
            <div class="flex justify-between border-b pb-2">
                <span class="font-semibold text-gray-700 dark:text-gray-300">تاریخ انقضا:</span>
                <span class="text-gray-900 dark:text-white">{{ jdate($purchase->expires_at)->format('Y/m/d H:i') }}</span>
            </div>
            <div class="flex justify-between border-b pb-2">
                <span class="font-semibold text-gray-700 dark:text-gray-300">وضعیت:</span>
                <span class="px-3 py-1 rounded-full text-xs font-semibold {{ $purchase->status == 'active' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800' }}">
                    {{ $purchase->status == 'active' ? 'فعال' : 'منقضی' }}
                </span>
            </div>
        </div>
    </div>
</div>
@endsection