@extends('admin.layouts.app')

@section('title', t('admin.orders.title'))
@section('page_title', t('admin.orders.title'))

@section('content')
<div class="bg-white rounded-lg shadow-sm overflow-hidden">
    <table class="min-w-full divide-y divide-gray-200">
        <thead class="bg-gray-50">
            <tr>
                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">{{ t('admin.orders.order_number') }}</th>
                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">{{ t('admin.orders.customer') }}</th>
                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">{{ t('admin.orders.status') }}</th>
                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">{{ t('admin.orders.payment') }}</th>
                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">{{ t('admin.orders.total') }}</th>
                <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">{{ t('admin.orders.date') }}</th>
                <th class="px-4 py-3"></th>
            </tr>
        </thead>
        <tbody class="bg-white divide-y divide-gray-200">
            @forelse($orders as $order)
                <tr class="hover:bg-gray-50">
                    <td class="px-4 py-3 text-sm font-medium text-gray-900">{{ $order->order_number }}</td>
                    <td class="px-4 py-3 text-sm text-gray-600">{{ $order->customer_name }}</td>
                    <td class="px-4 py-3 text-sm">
                        <span class="inline-flex px-2 py-0.5 text-xs font-medium rounded-full bg-blue-100 text-blue-800">
                            {{ $order->status?->translations->where('locale_code', app()->getLocale())->first()?->label ?? $order->status?->status_key }}
                        </span>
                    </td>
                    <td class="px-4 py-3 text-sm">
                        @php
                            $paymentColors = ['pending' => 'yellow', 'paid' => 'green', 'failed' => 'red', 'refunded' => 'gray'];
                            $color = $paymentColors[$order->payment_status] ?? 'gray';
                        @endphp
                        <span class="inline-flex px-2 py-0.5 text-xs font-medium rounded-full bg-{{ $color }}-100 text-{{ $color }}-800">
                            {{ $order->payment_status }}
                        </span>
                    </td>
                    <td class="px-4 py-3 text-sm text-gray-600">{{ number_format($order->total, 2) }} ₺</td>
                    <td class="px-4 py-3 text-sm text-gray-500">{{ $order->created_at->format('d.m.Y H:i') }}</td>
                    <td class="px-4 py-3 text-sm text-right">
                        <a href="{{ route('admin.orders.show', $order) }}" class="text-blue-600 hover:text-blue-800 font-medium">
                            {{ t('admin.common.view') }}
                        </a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="px-4 py-8 text-center text-gray-500 text-sm">{{ t('admin.orders.no_orders') }}</td>
                </tr>
            @endforelse
        </tbody>
    </table>

    @if($orders->hasPages())
        <div class="px-4 py-3 border-t border-gray-200">
            {{ $orders->links() }}
        </div>
    @endif
</div>
@endsection