📄 return-create.blade.php

@extends('layouts.app')

@section('title', 'Request a Return — Order #' . $order->order_number)

@section('content')
<div class="max-w-2xl mx-auto px-4 py-12">
    <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-8">
        <h1 class="text-xl font-bold text-gray-900 mb-1">Request a Return</h1>
        <p class="text-sm text-gray-500 mb-6">Order #{{ $order->order_number }} · Delivered {{ $order->delivered_at?->diffForHumans() }}</p>

        @if($errors->any())
        <div class="mb-4 p-4 bg-red-50 border border-red-200 rounded-xl text-sm text-red-700">
            @foreach($errors->all() as $error)<p>{{ $error }}</p>@endforeach
        </div>
        @endif

        <form method="POST" action="{{ route('orders.return.store', $order->uuid) }}">
            @csrf

            {{-- Items to return --}}
            <div class="mb-6">
                <label class="block text-sm font-semibold text-gray-700 mb-3">Items to Return</label>
                @php $returnableItems = $order->items->filter(fn($i) => $i->product?->is_returnable !== false); @endphp
                @forelse($returnableItems as $item)
                <label class="flex items-center gap-3 p-3 rounded-lg border border-gray-200 mb-2 cursor-pointer hover:bg-gray-50">
                    <input type="checkbox" name="item_ids[]" value="{{ $item->id }}" class="rounded" checked>
                    <span class="flex-1 text-sm text-gray-800">{{ $item->product_name }}
                        @if($item->variant_label)
                        <span class="text-gray-500">· {{ $item->variant_label }}</span>
                        @endif
                    </span>
                    <span class="text-sm font-medium text-gray-700">×{{ $item->quantity }}</span>
                </label>
                @empty
                <p class="text-sm text-gray-500 italic">No returnable items in this order.</p>
                @endforelse
                @if($order->items->count() > $returnableItems->count())
                <p class="text-xs text-orange-600 mt-2">⚠ Some items in this order are non-returnable medicines and have been excluded from this form.</p>
                @endif
            </div>

            {{-- Reason --}}
            <div class="mb-6">
                <label class="block text-sm font-semibold text-gray-700 mb-1">Reason for Return *</label>
                <textarea name="reason"
                          rows="4"
                          placeholder="Please describe the issue with your order..."
                          class="w-full border border-gray-300 rounded-xl px-4 py-3 text-sm focus:ring-2 focus:ring-primary/30 focus:border-primary resize-none"
                          required>{{ old('reason') }}</textarea>
                <p class="text-xs text-gray-400 mt-1">Max 1000 characters</p>
            </div>

            <div class="flex gap-3">
                <a href="{{ route('orders.track', $order->uuid) }}"
                   class="flex-1 text-center border border-gray-300 text-gray-700 py-3 rounded-xl font-semibold hover:bg-gray-50 transition text-sm">
                    Cancel
                </a>
                <button type="submit"
                        class="flex-1 bg-primary text-white py-3 rounded-xl font-semibold hover:bg-primary/90 transition text-sm">
                    Submit Return Request
                </button>
            </div>
        </form>
    </div>
</div>
@endsection