@extends('admin.layout')

@section('title', 'Order ' . $order->order_number)

@section('admin-content')
<div class="flex items-center justify-between mb-6">
    <h1 class="text-2xl font-bold text-gray-800">Order {{ $order->order_number }}</h1>
    <a href="{{ route('admin.orders.index') }}" class="text-primary hover:underline">Back to Orders</a>
</div>

<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
    <div class="lg:col-span-2 space-y-6">
        <div class="bg-white rounded-xl shadow-md p-6">
            <h2 class="text-xl font-semibold text-gray-800 mb-4">Order Items</h2>
            <div class="space-y-4">
                @foreach($order->items as $item)
                <div class="flex items-center justify-between border-b pb-4">
                    <div class="flex items-center">
                        @if($item->product->images->first())
                            <img src="{{ asset('storage/' . $item->product->images->first()->image_path) }}" class="w-16 h-16 rounded-lg object-cover mr-4">
                        @endif
                        <div>
                            <p class="font-medium text-gray-800">{{ $item->product->name }}</p>
                            <p class="text-sm text-gray-500">{{ $item->quantity }} x ₦{{ number_format($item->unit_price, 2) }}</p>
                        </div>
                    </div>
                    <div class="text-right">
                        <p class="font-semibold">₦{{ number_format($item->total, 2) }}</p>
                        <p class="text-xs text-gray-500">Shipping: ₦{{ number_format($item->shipping_cost, 2) }}</p>
                    </div>
                </div>
                @endforeach
            </div>
        </div>

        <div class="bg-white rounded-xl shadow-md p-6">
            <h2 class="text-xl font-semibold text-gray-800 mb-4">Shipping Management</h2>
            @php
                $statuses = ['ordered', 'shipped_from_origin', 'in_transit', 'arrived_nigeria', 'ready_for_pickup', 'delivered'];
                $shippingRecord = $order->shippingRecords->first();
                $currentStatus = $shippingRecord->status ?? 'ordered';
                $currentIndex = array_search($currentStatus, $statuses);
            @endphp
            
            @if($currentIndex < count($statuses) - 1)
                <form method="POST" action="{{ route('admin.orders.advance-shipping', $order) }}" class="mb-4">
                    @csrf
                    <button type="submit" class="w-full px-6 py-3 bg-green-600 hover:bg-green-700 text-white font-bold rounded-lg shadow-lg transition transform hover:scale-105 flex items-center justify-center ring-2 ring-green-400">
                        <i class="fas fa-forward mr-2"></i> Advance to {{ str_replace('_', ' ', ucfirst($statuses[$currentIndex + 1])) }}
                    </button>
                </form>
            @else
                <div class="mb-4 p-3 bg-gray-100 rounded-lg text-center text-gray-600">Order fully delivered</div>
            @endif
            
            <form method="POST" action="{{ route('admin.orders.shipping-status', $order) }}" class="space-y-4">
                @csrf
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Shipping Status</label>
                    <select name="status" class="w-full px-4 py-2 border rounded-lg">
                        @foreach($statuses as $status)
                        <option value="{{ $status }}" {{ $currentStatus === $status ? 'selected' : '' }}>{{ str_replace('_', ' ', ucfirst($status)) }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Tracking Notes</label>
                    <textarea name="tracking_notes" rows="2" class="w-full px-4 py-2 border rounded-lg">{{ $shippingRecord->tracking_notes ?? '' }}</textarea>
                </div>
                <button type="submit" class="px-4 py-2 bg-green-600 text-white font-bold rounded-lg hover:bg-green-700 shadow-md">Update Status</button>
            </form>
            
            @if($order->items->first()->product->total_shipping_cost)
            <div class="mt-4 p-3 bg-gray-50 rounded-lg">
                <p class="text-sm text-gray-600">Total Shipping: ₦{{ number_format($order->items->first()->product->total_shipping_cost, 2) }}</p>
                <p class="text-sm text-gray-600">Per Item: ₦{{ number_format($order->items->first()->product->shipping_per_item, 2) }}</p>
            </div>
            @else
            <form method="POST" action="{{ route('admin.products.shipping', $order->items->first()->product) }}" class="mt-4 space-y-4">
                @csrf
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">Set Total Shipping Cost (₦)</label>
                    <input type="number" name="total_shipping_cost" step="0.01" class="w-full px-4 py-2 border rounded-lg">
                </div>
                <button type="submit" class="px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600">Calculate & Distribute</button>
            </form>
            @endif
        </div>
    </div>

    <div class="space-y-6">
        <div class="bg-white rounded-xl shadow-md p-6">
            <h2 class="text-xl font-semibold text-gray-800 mb-4">Customer</h2>
            <p class="font-medium">{{ $order->user->name }}</p>
            <p class="text-gray-600">{{ $order->user->email }}</p>
            <p class="text-gray-600">{{ $order->user->phone ?? 'No phone' }}</p>
        </div>

        <div class="bg-white rounded-xl shadow-md p-6">
            <h2 class="text-xl font-semibold text-gray-800 mb-4">Payment Summary</h2>
            <div class="space-y-2">
                <div class="flex justify-between">
                    <span class="text-gray-600">Subtotal</span>
                    <span class="font-medium">₦{{ number_format($order->subtotal, 2) }}</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-gray-600">Shipping</span>
                    <span class="font-medium">₦{{ number_format($order->shipping_cost, 2) }}</span>
                </div>
                <div class="border-t pt-2 flex justify-between">
                    <span class="font-semibold">Total</span>
                    <span class="font-bold text-primary">₦{{ number_format($order->total, 2) }}</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-gray-600">Paid</span>
                    <span class="font-medium text-success">₦{{ number_format($order->paid_amount, 2) }}</span>
                </div>
                <div class="flex justify-between">
                    <span class="font-semibold">Balance</span>
                    <span class="font-bold text-danger">₦{{ number_format($order->total - $order->paid_amount, 2) }}</span>
                </div>
            </div>
        </div>

        <div class="bg-white rounded-xl shadow-md p-6">
            <h2 class="text-xl font-semibold text-gray-800 mb-4">Payments</h2>
            @if($order->payments->count() > 0)
                <div class="space-y-3">
                    @foreach($order->payments as $payment)
                    <div class="p-3 bg-gray-50 rounded-lg">
                        <div class="flex items-center justify-between mb-2">
                            <span class="font-medium">₦{{ number_format($payment->amount, 2) }}</span>
                            <span class="px-2 py-1 rounded text-xs 
                                @if($payment->status === 'confirmed') bg-green-100 text-green-600
                                @elseif($payment->status === 'rejected') bg-red-100 text-red-600
                                @else bg-yellow-100 text-yellow-600 @endif">
                                {{ ucfirst($payment->status) }}
                            </span>
                        </div>
                        @if($payment->status === 'pending')
                        <div class="flex space-x-2">
                            <form method="POST" action="{{ route('admin.payments.confirm', $payment) }}">
                                @csrf
                                <button type="submit" class="px-3 py-1 bg-green-500 text-white text-xs rounded hover:bg-green-600">Confirm</button>
                            </form>
                            <form method="POST" action="{{ route('admin.payments.reject', $payment) }}">
                                @csrf
                                <button type="submit" class="px-3 py-1 bg-red-500 text-white text-xs rounded hover:bg-red-600">Reject</button>
                            </form>
                        </div>
                        @endif
                    </div>
                    @endforeach
                </div>
            @else
                <p class="text-gray-500">No payments</p>
            @endif
        </div>
    </div>
</div>
@endsection