@extends('layouts.admin')
@section('title', __('New return'))
@section('content')
<h1 class="mb-6 text-2xl font-extrabold text-primary">{{ __('New return or exchange') }}</h1>
<form method="GET" class="mb-6 flex max-w-xl gap-3">
    <label class="sr-only" for="order">{{ __('Order number') }}</label>
    <input id="order" name="order" value="{{ $number }}" placeholder="EV-20260101-000123" class="min-h-[44px] min-w-0 flex-1 rounded-full border border-outline-variant bg-white px-5" required>
    <x-btn type="submit" variant="ghost">{{ __('Find order') }}</x-btn>
</form>
@if ($order)
    @if (!$order->eligible)
        <p class="rounded-2xl bg-error-container px-5 py-3 text-sm font-semibold text-on-error-container">{{ __('Returns can only be raised on orders that have been shipped.') }}</p>
    @else
    <form method="POST" action="{{ route('admin.returns.store') }}" class="space-y-6">@csrf
        <input type="hidden" name="order_id" value="{{ $order->id }}">
        <section class="rounded-[32px] border border-surface-variant bg-white p-6">
            <h2 class="mb-1 font-extrabold text-primary">{{ $order->order_number }} · {{ $order->recipient_name }}</h2>
            <p class="mb-4 text-sm text-on-surface-variant">{{ __('Enter how many of each item come back, and why.') }}</p>
            <div class="space-y-3">
            @foreach ($order->items as $i)
                <div class="grid items-center gap-3 rounded-2xl bg-surface-mid p-4 sm:grid-cols-[1fr_110px_220px]">
                    <div><strong class="text-primary">{{ $i->product_name }}</strong><span class="block text-xs text-on-surface-variant">{{ $i->sku }} · {{ $i->color_label }} {{ $i->size_label }} · {{ __('can return') }} {{ $i->returnable }}</span></div>
                    <div><label class="sr-only" for="q{{ $i->id }}">{{ __('Quantity') }}</label><input id="q{{ $i->id }}" type="number" min="0" max="{{ max(0, $i->returnable) }}" name="items[{{ $i->id }}][qty]" value="{{ old('items.'.$i->id.'.qty', 0) }}" @disabled($i->returnable < 1) class="min-h-[44px] w-full rounded-2xl border border-outline-variant bg-white px-3"></div>
                    <div><label class="sr-only" for="r{{ $i->id }}">{{ __('Reason') }}</label><select id="r{{ $i->id }}" name="items[{{ $i->id }}][reason]" class="min-h-[44px] w-full rounded-2xl border border-outline-variant bg-white px-3">@foreach ($reasons as $rs)<option value="{{ $rs }}" @selected(old('items.'.$i->id.'.reason') === $rs)>{{ __(ucfirst(str_replace('_', ' ', $rs))) }}</option>@endforeach</select></div>
                </div>
            @endforeach
            </div>
        </section>
        <section class="grid gap-4 rounded-[32px] border border-surface-variant bg-white p-6 sm:grid-cols-2">
            <div><label class="mb-1.5 block text-sm font-semibold text-on-surface-variant" for="type">{{ __('Type') }}</label><select id="type" name="type" class="min-h-[48px] w-full rounded-2xl border border-outline-variant bg-white px-4"><option value="return">{{ __('Return (money back)') }}</option><option value="exchange" @selected(old('type') === 'exchange')>{{ __('Exchange') }}</option></select></div>
            <div><label class="mb-1.5 block text-sm font-semibold text-on-surface-variant" for="rm">{{ __('Refund method') }}</label><select id="rm" name="refund_method" class="min-h-[48px] w-full rounded-2xl border border-outline-variant bg-white px-4"><option value="">—</option><option value="original">{{ __('Back to original payment') }}</option><option value="store_credit">{{ __('Store credit') }}</option><option value="bank_transfer">{{ __('Bank transfer') }}</option></select></div>
            <x-field name="note" type="textarea" :rows="3" :label="__('Note')" class="sm:col-span-2"/>
        </section>
        <x-btn type="submit">{{ __('Create return') }}</x-btn>
    </form>
    @endif
@endif
@endsection