@extends('layouts.admin')
@section('title', $r->return_number)
@section('content')
@php $m = $shop->money; @endphp
<div class="mb-6 flex flex-wrap items-center gap-3"><a href="{{ route('admin.returns') }}" class="text-sm font-bold text-primary underline">← {{ __('Returns') }}</a><h1 class="text-2xl font-extrabold text-primary">{{ $r->return_number }}</h1><x-status :value="$r->status"/></div>
<div class="grid gap-6 lg:grid-cols-[1fr_340px]">
<div class="space-y-6">
    <section class="rounded-[32px] border border-surface-variant bg-white p-6 text-sm">
        <h2 class="mb-3 font-extrabold text-primary">{{ __('Items') }}</h2>
        <form method="POST" action="{{ route('admin.returns.transition', $r->id) }}" id="rf">@csrf
        <div class="space-y-3">
        @foreach ($r->items as $i)
            <div class="rounded-2xl bg-surface-mid p-4">
                <div class="flex flex-wrap justify-between gap-2"><strong class="text-primary">{{ $i->product_name }}</strong><span>{{ $i->quantity }} × {{ $m->format((float) $i->unit_price) }}</span></div>
                <p class="text-xs text-on-surface-variant">{{ $i->sku }} · {{ $i->color_label }} {{ $i->size_label }} · {{ __(ucfirst(str_replace('_', ' ', (string) $i->reason))) }}</p>
                @if ($r->status === 'approved')
                    <div class="mt-3 flex flex-wrap items-center gap-4">
                        <label class="text-xs font-semibold">{{ __('Condition') }} <select name="receive[{{ $i->id }}][condition]" class="ml-1 min-h-[40px] rounded-full border border-outline-variant bg-white px-3">@foreach ($conditions as $c)<option value="{{ $c }}">{{ __(ucfirst($c)) }}</option>@endforeach</select></label>
                        <label class="flex items-center gap-2 text-xs font-semibold"><input type="checkbox" name="receive[{{ $i->id }}][restock]" value="1" checked class="h-5 w-5 rounded"> {{ __('Put back in stock') }}</label>
                    </div>
                @endif
            </div>
        @endforeach
        </div>
        <p class="mt-4 font-bold text-primary">{{ __('Value of items') }}: {{ $m->format((float) $r->value) }}</p>
        @if ($next)
            <div class="mt-4 space-y-3 border-t border-outline-variant pt-4">
                <label class="block text-xs font-semibold" for="an">{{ __('Note (optional)') }}</label>
                <input id="an" name="admin_note" class="min-h-[44px] w-full rounded-full border border-outline-variant bg-white px-4">
                <div class="flex flex-wrap gap-2">
                @foreach ($next as $to)<button name="to" value="{{ $to }}" class="min-h-[44px] rounded-full px-5 font-bold {{ $to === 'rejected' ? 'bg-error-container text-on-error-container' : 'bg-primary text-on-primary' }}">{{ __(ucfirst($to)) }}</button>@endforeach
                </div>
            </div>
        @endif
        </form>
    </section>
    @if (in_array($r->status, ['received', 'refunded'], true) && $r->type === 'return' && auth()->user()->isAdmin())
    <section class="rounded-[32px] border border-surface-variant bg-white p-6 text-sm">
        <h2 class="mb-3 font-extrabold text-primary">{{ __('Refund the customer') }}</h2>
        <form method="POST" action="{{ route('admin.returns.refund', $r->id) }}" class="grid gap-3 sm:grid-cols-3">@csrf
            <x-field name="amount" type="number" step="0.01" min="0.01" :label="__('Amount')" :value="max(0, round($r->value - $r->refunded, 2))" required/>
            <div><label class="mb-1.5 block text-sm font-semibold text-on-surface-variant" for="rmeth">{{ __('Method') }}</label><select id="rmeth" name="method" class="min-h-[48px] w-full rounded-2xl border border-outline-variant bg-white px-4"><option value="original" @selected($r->refund_method === 'original')>{{ __('Back to original payment') }}</option><option value="store_credit" @selected($r->refund_method === 'store_credit')>{{ __('Store credit') }}</option><option value="bank_transfer" @selected($r->refund_method === 'bank_transfer')>{{ __('Bank transfer') }}</option></select></div>
            <x-field name="reference" :label="__('Reference')"/>
            <div class="sm:col-span-3"><x-btn type="submit">{{ __('Record refund') }}</x-btn></div>
        </form>
    </section>
    @endif
</div>
<aside class="space-y-6">
    <section class="rounded-[32px] border border-surface-variant bg-white p-6 text-sm">
        <h2 class="mb-2 font-extrabold text-primary">{{ __('Details') }}</h2>
        <p>{{ __('Order') }}: <a class="font-bold text-primary underline" href="{{ route('admin.orders.show', $r->order_id) }}">{{ $r->order_number }}</a><br>{{ $r->recipient_name }} · {{ $r->phone }}<br>{{ __(ucfirst($r->type)) }} · {{ __('Requested') }} {{ $r->requested_at }}</p>
        @if ($r->note)<p class="mt-3 rounded-2xl bg-accent-container p-3 text-on-accent-container">{{ $r->note }}</p>@endif
        @if ($r->admin_note)<p class="mt-3 rounded-2xl bg-surface-mid p-3">{{ $r->admin_note }}</p>@endif
    </section>
    <section class="rounded-[32px] border border-surface-variant bg-white p-6 text-sm">
        <h2 class="mb-2 font-extrabold text-primary">{{ __('Money back') }}</h2>
        @forelse ($r->refunds as $f)<p>{{ $m->format((float) $f->amount) }} · {{ __(ucfirst($f->status)) }}<span class="block text-xs text-outline">{{ $f->processed_at }} {{ $f->transaction_ref }}</span></p>@empty @endforelse
        @foreach ($r->credits as $c)<p>{{ $m->format((float) $c->amount) }} · {{ __('Store credit') }}<span class="block text-xs text-outline">{{ $c->created_at }}</span></p>@endforeach
        @if (!$r->refunds && !$r->credits)<p class="text-on-surface-variant">{{ __('Nothing refunded yet.') }}</p>@endif
    </section>
</aside>
</div>
@endsection