@php($title = 'Order Details')
@php($heading = 'Order Details')
@php($sidebar = view()->make('dashboard.partials.customer-sidebar')->render())

@extends('layouts.dashboard', compact('title','heading','sidebar'))

@section('content')
    <div class="bg-white rounded-lg shadow p-4">
        <div class="flex items-center justify-between mb-3">
            <h3 class="font-semibold">Order #{{ $order->id }}</h3>
            <a href="{{ route('customer.orders') }}" class="text-sky-600 hover:underline">Back to Orders</a>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div class="p-3 border rounded">
                <h4 class="font-medium mb-2">Summary</h4>
                <div class="text-sm space-y-1">
                    <div><span class="text-slate-500">Status:</span> <span class="font-medium">{{ ucfirst($order->status ?? '—') }}</span></div>
                    <div><span class="text-slate-500">Payment Status:</span> <span class="font-medium">{{ ucfirst($order->payment_status ?? '—') }}</span></div>
                    <div><span class="text-slate-500">Payment Method:</span> <span class="font-medium">{{ $order->payment_method ?? '—' }}</span></div>
                    <div><span class="text-slate-500">Reference:</span> <span class="font-medium">{{ $order->payment_reference ?? '—' }}</span></div>
                    <div><span class="text-slate-500">Amount:</span> <span class="font-medium">{{ number_format(($order->price_cents ?? 0)/100, 2) }} {{ $order->currency ?? 'USD' }}</span></div>
                    <div><span class="text-slate-500">Placed:</span> <span class="font-medium">{{ $order->created_at }}</span></div>
                </div>
            </div>
            <div class="p-3 border rounded">
                <h4 class="font-medium mb-2">Product</h4>
                <div class="text-sm space-y-1">
                    <div><span class="text-slate-500">Name:</span> <span class="font-medium">{{ optional($order->product)->name ?? '—' }}</span></div>
                    <div><span class="text-slate-500">Download:</span>
                        @php($canDownload = (strtolower($order->status ?? '') === 'approved') && (strtolower($order->payment_status ?? '') === 'paid'))
                        @if($canDownload && optional($order->product)->slug)
                            <a href="{{ route('products.download', optional($order->product)->slug) }}" class="text-emerald-600 hover:underline">Download product</a>
                        @else
                            <span class="text-slate-400">—</span>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <div class="mt-4 flex items-center gap-2">
            <a href="{{ route('customer.orders.invoice', $order->id) }}" class="inline-flex items-center px-3 py-1 rounded bg-slate-700 text-white hover:bg-slate-800">Download Invoice</a>
            @php($eligibleReturn = in_array(strtolower($order->status ?? ''), ['delivered','completed','approved']) && strtolower($order->refund_status ?? '') !== 'requested')
            @if($eligibleReturn)
                <form method="POST" action="{{ route('customer.orders.return_request', $order->id) }}" class="inline">
                    @csrf
                    <input type="text" name="reason" placeholder="Reason (optional)" class="border rounded p-1 text-sm" />
                    <button type="submit" class="inline-flex items-center px-3 py-1 rounded bg-amber-600 text-white hover:bg-amber-700">Request Return</button>
                </form>
            @else
                <span class="text-slate-400 text-sm">Return not eligible or already requested.</span>
            @endif
        </div>
    </div>
@endsection