@extends('layouts.admin')
@section('title', 'Order ' . $order->order_number)
@section('page-title', 'Order ' . $order->order_number)
@section('content')
<div class="space-y-6">
    @if (session('error'))<div class="rounded-lg bg-red-50 border border-red-200 text-red-800 px-4 py-3">{{ session('error') }}</div>@endif
    <div class="flex flex-wrap items-center justify-between gap-4">
        <div>
            <p class="text-sm text-slate-500">Customer: <a href="{{ route('customers.show', $order->customer) }}" class="text-slate-800 font-medium">{{ $order->customer->full_name }}</a> · Branch: {{ $order->branch->name }}</p>
            <p class="text-sm text-slate-500">Order date: {{ $order->order_date->format('d M Y') }} · Priority: {{ config('order.priorities.'.$order->priority, $order->priority) }}</p>
        </div>
        <div class="flex gap-2">
            @if($order->status === 'draft')@can('edit orders')<a href="{{ route('orders.edit', $order) }}" class="rounded-lg bg-slate-800 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700">Edit</a>@endcan @endif
            <a href="{{ route('orders.print-job-card', $order) }}" target="_blank" class="rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Print Job Card</a>
            @can('create orders')<form action="{{ route('orders.duplicate', $order) }}" method="POST" class="inline">@csrf<button type="submit" class="rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Duplicate</button></form>@endcan
        </div>
    </div>

    <div class="grid gap-6 lg:grid-cols-3">
        <div class="lg:col-span-2 space-y-6">
            <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
                <h2 class="text-lg font-semibold text-slate-800 mb-4">Items</h2>
                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-slate-200">
                        <thead class="bg-slate-50"><tr><th class="px-4 py-2 text-left text-xs font-medium text-slate-600">Item</th><th class="px-4 py-2 text-left text-xs font-medium text-slate-600">Qty</th><th class="px-4 py-2 text-left text-xs font-medium text-slate-600">Unit Price</th><th class="px-4 py-2 text-left text-xs font-medium text-slate-600">Total</th><th class="px-4 py-2 text-left text-xs font-medium text-slate-600">Status</th></tr></thead>
                        <tbody class="divide-y divide-slate-200">
                            @foreach($order->items as $item)
                            <tr>
                                <td class="px-4 py-2 text-sm text-slate-800">{{ $item->display_name }}</td>
                                <td class="px-4 py-2 text-sm">{{ $item->quantity }}</td>
                                <td class="px-4 py-2 text-sm">{{ number_format($item->unit_price, 2) }}</td>
                                <td class="px-4 py-2 text-sm">{{ number_format($item->line_total, 2) }}</td>
                                <td class="px-4 py-2">@if($item->item_status)<span class="inline-flex rounded-full px-2 py-0.5 text-xs font-medium bg-slate-100 text-slate-800">{{ config('order.item_statuses.'.$item->item_status, $item->item_status) }}</span>@else<span class="text-slate-400">—</span>@endif</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="mt-4 flex justify-end gap-4 text-sm">
                    <span>Subtotal: {{ number_format($order->subtotal, 2) }}</span>
                    <span>Discount: -{{ number_format($order->discount, 2) }}</span>
                    <span>Tax: {{ number_format($order->tax, 2) }}</span>
                    <span>Extra: {{ number_format($order->extra_charges, 2) }}</span>
                    <span class="font-medium">Advance: -{{ number_format($order->advance_paid, 2) }}</span>
                    <span class="font-semibold">Due: {{ number_format($order->due_amount, 2) }}</span>
                </div>
            </div>
            @if($order->design_instructions || $order->stitching_notes || $order->special_notes)
            <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
                <h2 class="text-lg font-semibold text-slate-800 mb-3">Instructions &amp; Notes</h2>
                <dl class="space-y-2 text-sm"><dt class="font-medium text-slate-600">Design</dt><dd class="text-slate-800">{{ $order->design_instructions ?? '—' }}</dd><dt class="font-medium text-slate-600">Stitching</dt><dd class="text-slate-800">{{ $order->stitching_notes ?? '—' }}</dd><dt class="font-medium text-slate-600">Special</dt><dd class="text-slate-800">{{ $order->special_notes ?? '—' }}</dd></dl>
            </div>
            @endif
            <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
                <h2 class="text-lg font-semibold text-slate-800 mb-3">Internal notes</h2>
                <form action="{{ route('orders.notes.store', $order) }}" method="POST" class="mb-4">
                    @csrf
                    <textarea name="note" rows="2" class="w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm" placeholder="Add a note..."></textarea>
                    <input type="hidden" name="is_internal" value="1">
                    <button type="submit" class="mt-2 rounded-lg bg-slate-800 px-3 py-1.5 text-sm text-white hover:bg-slate-700">Add note</button>
                </form>
                <ul class="space-y-2">
                    @foreach($order->notes as $note)
                    <li class="rounded bg-slate-50 px-3 py-2 text-sm"><span class="text-slate-500">{{ $note->user->name }} · {{ $note->created_at->format('d M Y H:i') }}</span><br>{{ $note->note }}</li>
                    @endforeach
                </ul>
            </div>
            <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
                <h2 class="text-lg font-semibold text-slate-800 mb-3">Attachments</h2>
                <form action="{{ route('orders.attachments.store', $order) }}" method="POST" enctype="multipart/form-data" class="mb-4 flex gap-2">
                    @csrf
                    <input type="file" name="file" class="rounded border border-slate-300 text-sm">
                    <select name="type" class="rounded border border-slate-300 text-sm"><option value="document">Document</option><option value="design_reference">Design reference</option></select>
                    <button type="submit" class="rounded-lg bg-slate-800 px-3 py-1.5 text-sm text-white hover:bg-slate-700">Upload</button>
                </form>
                <ul class="space-y-1">
                    @foreach($order->attachments as $att)
                    <li class="flex items-center justify-between text-sm"><a href="{{ Storage::url($att->path) }}" target="_blank" class="text-slate-700 hover:underline">{{ $att->original_name ?: $att->path }}</a><form action="{{ route('orders.attachments.destroy', [$order, $att]) }}" method="POST" class="inline">@csrf @method('DELETE')<button type="submit" class="text-red-600 hover:text-red-800">Remove</button></form></li>
                    @endforeach
                </ul>
            </div>
            <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
                <h2 class="text-lg font-semibold text-slate-800 mb-3">Trials</h2>
                <div class="mb-3 text-sm">
                    <a href="{{ route('trials.create', $order) }}" class="inline-flex rounded-lg border border-slate-300 bg-white px-3 py-1.5 text-xs font-medium text-slate-700 hover:bg-slate-50">
                        Schedule trial
                    </a>
                </div>
                <ul class="space-y-3 text-sm">
                    @forelse($order->trials as $trial)
                    <li class="border-l-2 border-slate-200 pl-3">
                        <p class="font-medium text-slate-800">
                            {{ optional($trial->trial_date)->format('d M Y') }}
                            @if($trial->trial_time)
                                · {{ \Carbon\Carbon::parse($trial->trial_time)->format('H:i') }}
                            @endif
                            · <span class="text-xs bg-slate-100 rounded-full px-2 py-0.5">{{ ucfirst($trial->status) }}</span>
                        </p>
                        @if($trial->orderItem)
                        <p class="text-xs text-slate-500">
                            Item: {{ $trial->orderItem->display_name }}
                        </p>
                        @endif
                        @if($trial->feedback)
                        <p class="text-xs text-slate-700">Feedback: {{ $trial->feedback }}</p>
                        @endif
                        @if($trial->alteration_required)
                        <p class="text-xs text-red-700 font-medium">Alteration required</p>
                        @endif
                    </li>
                    @empty
                    <li class="text-sm text-slate-500">No trials recorded.</li>
                    @endforelse
                </ul>
            </div>
            <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
                <h2 class="text-lg font-semibold text-slate-800 mb-3">Alterations</h2>
                <ul class="space-y-3 text-sm">
                    @forelse($order->alterations as $alt)
                    <li class="border-l-2 border-slate-200 pl-3">
                        <p class="font-medium text-slate-800">
                            {{ optional($alt->requested_on)->format('d M Y') ?: 'Requested' }}
                            · <span class="text-xs bg-slate-100 rounded-full px-2 py-0.5">{{ ucfirst($alt->status) }}</span>
                            @if($alt->sequence > 1)
                                <span class="text-xs text-slate-500">(#{{ $alt->sequence }})</span>
                            @endif
                        </p>
                        @if($alt->orderItem)
                        <p class="text-xs text-slate-500">
                            Item: {{ $alt->orderItem->display_name }}
                        </p>
                        @endif
                        @if($alt->tailor)
                        <p class="text-xs text-slate-500">
                            Tailor: {{ $alt->tailor->name }}
                        </p>
                        @endif
                        @if($alt->revised_delivery_date)
                        <p class="text-xs text-slate-500">
                            Revised delivery: {{ $alt->revised_delivery_date->format('d M Y') }}
                        </p>
                        @endif
                        @if($alt->notes)
                        <p class="text-xs text-slate-700">Notes: {{ $alt->notes }}</p>
                        @endif
                    </li>
                    @empty
                    <li class="text-sm text-slate-500">No alterations recorded.</li>
                    @endforelse
                </ul>
            </div>
        </div>
        <div class="space-y-6">
            <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
                <h2 class="text-lg font-semibold text-slate-800 mb-3">Status</h2>
                <p class="mb-3"><span class="inline-flex rounded-full px-3 py-1 text-sm font-medium bg-slate-200 text-slate-800">{{ $statusService->getStatusLabel($order->status) }}</span></p>
                @php $allowed = $statusService->getAllowedTransitions($order); @endphp
                @if(count($allowed) > 0 && auth()->user()->can('edit orders'))
                <form action="{{ route('orders.change-status', $order) }}" method="POST" class="space-y-2">
                    @csrf
                    <select name="status" class="w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                        @foreach($allowed as $toStatus)<option value="{{ $toStatus }}">{{ $statusService->getStatusLabel($toStatus) }}</option>@endforeach
                    </select>
                    <input type="text" name="notes" placeholder="Notes (optional)" class="w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                    <button type="submit" class="w-full rounded-lg bg-slate-800 px-3 py-2 text-sm text-white hover:bg-slate-700">Change status</button>
                </form>
                @endif
            </div>
            <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
                <h2 class="text-lg font-semibold text-slate-800 mb-3">Status timeline</h2>
                <ul class="space-y-3">
                    @foreach($order->statusHistory as $h)
                    <li class="border-l-2 border-slate-200 pl-3">
                        <p class="text-sm font-medium text-slate-800">{{ $statusService->getStatusLabel($h->to_status) }}</p>
                        <p class="text-xs text-slate-500">{{ $h->changedByUser?->name ?? 'System' }} · {{ $h->created_at->format('d M Y H:i') }}</p>
                        @if($h->notes)<p class="text-xs text-slate-600">{{ $h->notes }}</p>@endif
                    </li>
                    @endforeach
                </ul>
            </div>
            <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
                <h2 class="text-lg font-semibold text-slate-800 mb-3">Billing</h2>
                @php $invoice = $order->invoices()->latest()->first(); @endphp
                @if($invoice)
                <p class="text-xs text-slate-600 mb-1">Invoice #{{ $invoice->invoice_number }}</p>
                <dl class="space-y-1 text-sm mb-3">
                    <div class="flex justify-between">
                        <dt>Total</dt><dd class="font-mono">{{ number_format($invoice->grand_total, 2) }}</dd>
                    </div>
                    <div class="flex justify-between">
                        <dt>Paid</dt><dd class="font-mono text-emerald-700">{{ number_format($invoice->amount_paid, 2) }}</dd>
                    </div>
                    <div class="flex justify-between">
                        <dt>Due</dt><dd class="font-mono text-red-700">{{ number_format($invoice->amount_due, 2) }}</dd>
                    </div>
                    <div class="flex justify-between">
                        <dt>Status</dt><dd>{{ ucfirst($invoice->status) }}</dd>
                    </div>
                </dl>
                @else
                <p class="text-sm text-slate-600 mb-3">No invoice yet.</p>
                @endif
                <a href="{{ route('invoices.show', $order) }}" class="inline-flex rounded-lg border border-slate-300 bg-white px-3 py-1.5 text-xs font-medium text-slate-700 hover:bg-slate-50">
                    Open invoice
                </a>
            </div>
        </div>
    </div>
</div>
@endsection