@extends('admin.layout')

@section('title', 'Order Perlu Diproses')

@section('content')
<div class="admin-needs-action-page">
    <section class="admin-section-header">
        <div>
            <span class="admin-page-eyebrow">Manual Intervention</span>

            <h1 class="admin-section-title font-display">
                Order <span>Perlu Diproses</span>
            </h1>

            <p class="admin-section-description">
                Order yang membutuhkan tindakan manual karena fulfillment gagal atau produk manual belum diselesaikan.
            </p>
        </div>

        <div class="admin-needs-action-count">
            <span>Menunggu tindakan</span>
            <strong class="font-figures">{{ number_format($orders->total(), 0, ',', '.') }}</strong>
        </div>
    </section>

    <section class="admin-needs-action-table-panel">
        <div class="admin-needs-action-table-scroll">
            <table class="admin-needs-action-table">
                <thead>
                    <tr>
                        <th>Order</th>
                        <th>Produk</th>
                        <th>WhatsApp</th>
                        <th>Alasan</th>
                        <th>Error Terakhir</th>
                        <th aria-label="Aksi"></th>
                    </tr>
                </thead>

                <tbody>
                    @forelse ($orders as $order)
                        <tr>
                            <td>
                                <div class="admin-needs-action-order">
                                    <a href="{{ route('admin.orders.show', $order) }}" class="admin-entity-link font-figures">{{ $order->public_token }}</a>
                                    <span>{{ $order->customer_name }}</span>
                                </div>
                            </td>

                            <td>
                                @if ($order->product && ! $order->product->trashed())
                                    <a href="{{ route('admin.products.show', $order->product) }}" class="admin-needs-action-product admin-entity-link">
                                        {{ $order->productName() }}
                                    </a>
                                @else
                                    <span class="admin-needs-action-product">{{ $order->productName() }}</span>
                                @endif
                                @if ($order->variantName())
                                    <small>{{ $order->variantLabel() }}</small>
                                @endif
                                @foreach ($order->checkoutAnswerRows() as $answer)
                                    <small>{{ $answer['label'] }}: {{ $answer['value'] }}</small>
                                @endforeach
                            </td>

                            <td>
                                <span class="admin-needs-action-whatsapp font-figures">
                                    {{ $order->customer_whatsapp }}
                                </span>
                            </td>

                            <td>
                                @if ($order->status === 'FULFILLMENT_FAILED')
                                    <span class="admin-status-pill is-danger">
                                        <span></span>
                                        Fulfillment Gagal
                                    </span>
                                @else
                                    <span class="admin-status-pill is-warning">
                                        <span></span>
                                        Manual Belum Selesai
                                    </span>
                                @endif
                            </td>

                            <td>
                                <p class="admin-needs-action-error">
                                    {{ $order->last_fulfillment_error ?? '-' }}
                                </p>
                            </td>

                            <td>
                                <a
                                    href="{{ route('admin.orders.show', $order) }}"
                                    class="admin-needs-action-process"
                                >
                                    Proses
                                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="m9 18 6-6-6-6"/>
                                    </svg>
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6">
                                <div class="admin-needs-action-empty">
                                    <span class="admin-needs-action-empty-icon">
                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="m5 13 4 4L19 7"/>
                                        </svg>
                                    </span>

                                    <div>
                                        <p>Semua order sudah tertangani</p>
                                        <span>Tidak ada order yang membutuhkan proses manual saat ini.</span>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </section>

    <section class="admin-needs-action-mobile-list">
        @forelse ($orders as $order)
            <article class="admin-needs-action-mobile-card">
                <header>
                    <div>
                        <a href="{{ route('admin.orders.show', $order) }}" class="admin-entity-link font-figures">{{ $order->public_token }}</a>
                        <span>{{ $order->customer_name }}</span>
                    </div>

                    @if ($order->status === 'FULFILLMENT_FAILED')
                        <span class="admin-status-pill is-danger"><span></span>Gagal</span>
                    @else
                        <span class="admin-status-pill is-warning"><span></span>Manual</span>
                    @endif
                </header>

                <div class="admin-needs-action-mobile-body">
                    <div>
                        <span>Produk</span>
                        @if ($order->product && ! $order->product->trashed())
                            <a href="{{ route('admin.products.show', $order->product) }}" class="admin-entity-link">{{ $order->productName() }}</a>
                        @else
                            <strong>{{ $order->productName() }}</strong>
                        @endif
                        @if ($order->variantName())<small>{{ $order->variantLabel() }}</small>@endif
                    </div>

                    @foreach ($order->checkoutAnswerRows() as $answer)
                        <div>
                            <span>{{ $answer['label'] }}</span>
                            <strong>{{ $answer['value'] }}</strong>
                        </div>
                    @endforeach

                    <div>
                        <span>WhatsApp</span>
                        <strong class="font-figures">{{ $order->customer_whatsapp }}</strong>
                    </div>

                    <div>
                        <span>Error</span>
                        <strong>{{ $order->last_fulfillment_error ?? '-' }}</strong>
                    </div>
                </div>

                <a href="{{ route('admin.orders.show', $order) }}" class="admin-needs-action-mobile-process">
                    Buka dan Proses Order
                </a>
            </article>
        @empty
            <div class="admin-needs-action-empty">
                <span class="admin-needs-action-empty-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" d="m5 13 4 4L19 7"/>
                    </svg>
                </span>

                <div>
                    <p>Semua order sudah tertangani</p>
                    <span>Tidak ada order yang membutuhkan proses manual saat ini.</span>
                </div>
            </div>
        @endforelse
    </section>

    @include('admin.partials.pagination', ['paginator' => $orders])
</div>
@endsection