@extends('api_panel.layouts.app')

@section('title', t('apipanel-orders-title'))

@section('content')
    <h1 class="apipanel-h1 mb-1">{{ t('apipanel-orders-title') }}</h1>
    <p class="apipanel-muted mb-4">{{ t('apipanel-orders-subtitle') }}</p>

    <div class="apipanel-card">
        @if($orders->isEmpty())
            <p class="apipanel-muted mb-0">{{ t('apipanel-orders-empty') }}</p>
        @else
            <div class="table-responsive">
                <table class="apipanel-table">
                    <thead>
                    <tr>
                        <th>{{ t('apipanel-orders-date') }}</th>
                        <th>{{ t('apipanel-checkout-order-no') }}</th>
                        <th>{{ t('apipanel-orders-item') }}</th>
                        <th class="text-end">{{ t('apipanel-orders-total') }}</th>
                        <th>{{ t('apipanel-orders-status') }}</th>
                        <th>{{ t('apipanel-orders-invoice') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($orders as $order)
                        <tr>
                            <td>{{ $order->created_at?->format('d.m.Y H:i') }}</td>
                            <td><code>{{ $order->merchant_oid }}</code></td>
                            <td>
                                <span class="d-block">{{ $order->meta['label'] ?? $order->item_type }}</span>
                                <span class="apipanel-muted">{{ $order->item_type }} × {{ (int) $order->quantity }}</span>
                            </td>
                            <td class="text-end">{{ number_format((float) $order->total, 2, ',', '.') }} ₺</td>
                            <td>
                                @php
                                    $statusClass = match ($order->status) {
                                        \App\Models\ApiOrder::STATUS_PAID => 'is-active',
                                        \App\Models\ApiOrder::STATUS_FAILED => 'is-danger',
                                        default => 'is-muted',
                                    };
                                @endphp
                                <span class="apipanel-badge {{ $statusClass }}">{{ t('apipanel-order-status-' . $order->status) }}</span>
                            </td>
                            <td>{{ $order->invoice_number ?: '—' }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>

            <div class="mt-3">{{ $orders->links() }}</div>
        @endif
    </div>
@endsection