@extends('layouts.dashboard')

@section('content')
<div class="max-w-7xl mx-auto space-y-6">

    @if(session('success'))
        <div class="alert alert-success rounded-3xl shadow-sm">
            <span>✅</span>
            <span>{{ session('success') }}</span>
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-error rounded-3xl shadow-sm">
            <span>⚠️</span>
            <span>{{ session('error') }}</span>
        </div>
    @endif

    @if($errors->any())
        <div class="alert alert-error rounded-3xl shadow-sm">
            <span>⚠️</span>

            <div>
                @foreach($errors->all() as $error)
                    <div>{{ $error }}</div>
                @endforeach
            </div>
        </div>
    @endif

    @php
        $statusClass = match($order->status) {
            'draft' => 'badge-neutral',
            'quoted' => 'badge-secondary',
            'confirmed' => 'badge-info',
            'delivered' => 'badge-success',
            'cancelled' => 'badge-error',
            default => 'badge-ghost',
        };
    @endphp

    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
        <div>
            <a
                href="{{ route('orders.index') }}"
                class="btn btn-sm btn-ghost rounded-xl mb-3"
            >
                ← Back to Orders
            </a>

            <div class="flex flex-wrap items-center gap-3">
                <h1 class="text-3xl lg:text-4xl font-black">
                    {{ $order->order_number }}
                </h1>

                <span class="badge badge-lg {{ $statusClass }}">
                    {{ ucfirst($order->status) }}
                </span>
            </div>

            <p class="mt-2 text-base-content/50">
                Created {{ $order->created_at?->format('d M Y, h:i A') }}
            </p>
        </div>

        <div class="flex flex-wrap gap-2">
            @if(in_array($order->status, ['draft', 'quoted'], true))
                <form
                    method="POST"
                    action="{{ route('orders.confirm', $order) }}"
                    onsubmit="return confirm('Confirm this sale and deduct the quantities from the salesman van stock?');"
                >
                    @csrf

                    <button class="btn btn-success rounded-2xl">
                        ✅ Confirm Sale
                    </button>
                </form>
            @endif

            @if($order->status === 'confirmed')
                <form
                    method="POST"
                    action="{{ route('orders.deliver', $order) }}"
                    onsubmit="return confirm('Mark this order as delivered?');"
                >
                    @csrf

                    <button class="btn btn-primary rounded-2xl">
                        📦 Mark Delivered
                    </button>
                </form>
            @endif
        </div>
    </div>

    <div class="grid grid-cols-1 xl:grid-cols-3 gap-6">

        <div class="xl:col-span-2 space-y-6">
            <div class="rounded-3xl border border-base-300 bg-base-100 shadow-sm overflow-hidden">
                <div class="border-b border-base-300 p-5">
                    <h2 class="text-2xl font-black">🛍 Order Items</h2>
                </div>

                <div class="overflow-x-auto">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Product</th>
                                <th>SKU / Barcode</th>
                                <th class="text-right">Price</th>
                                <th class="text-right">Qty</th>
                                <th class="text-right">Total</th>
                                <th>Stock</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach($order->items as $item)
                                <tr>
                                    <td>
                                        <div class="font-black min-w-48">
                                            {{ $item->name_snapshot }}
                                        </div>
                                    </td>

                                    <td>
                                        <div class="font-mono text-sm">
                                            {{ $item->sku_snapshot }}
                                        </div>

                                        <div class="text-xs text-base-content/40">
                                            {{ $item->barcode_snapshot ?: 'No barcode' }}
                                        </div>

                                        <div class="mt-1">
                                            <span class="badge badge-sm badge-outline">
                                                {{ strtoupper(str_replace('_', ' ', $item->fulfillment_source ?: 'van')) }}
                                            </span>

                                            <span class="badge badge-sm badge-ghost">
                                                {{ strtoupper($item->fulfillment_status ?: 'ready') }}
                                            </span>
                                        </div>
                                    </td>

                                    <td class="text-right whitespace-nowrap">
                                        AED {{ number_format((float) $item->unit_price, 2) }}
                                    </td>

                                    <td class="text-right font-black">
                                        {{ number_format((float) $item->qty, 2) }}
                                    </td>

                                    <td class="text-right font-black whitespace-nowrap">
                                        AED {{ number_format((float) $item->line_total, 2) }}
                                    </td>

                                    <td>
                                        @if($item->stock_movement_id)
                                            <span class="badge badge-success">
                                                Deducted
                                            </span>
                                        @elseif(in_array($order->status, ['draft', 'quoted'], true))
                                            <span class="badge badge-warning">
                                                Pending
                                            </span>
                                        @else
                                            <span class="badge badge-ghost">
                                                Not deducted
                                            </span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>

                        <tfoot>
                            <tr>
                                <th colspan="4" class="text-right">
                                    Subtotal
                                </th>

                                <th class="text-right whitespace-nowrap">
                                    AED {{ number_format((float) $order->subtotal, 2) }}
                                </th>

                                <th></th>
                            </tr>

                            @if((float) $order->discount_total > 0)
                                <tr>
                                    <th colspan="4" class="text-right">
                                        {{ $order->invoice_type === 'cash' ? 'Cash Discount' : 'Discount' }}
                                    </th>

                                    <th class="text-right whitespace-nowrap text-error">
                                        − AED {{ number_format((float) $order->discount_total, 2) }}
                                    </th>

                                    <th></th>
                                </tr>
                            @endif

                            <tr>
                                <th colspan="4" class="text-right text-lg">
                                    Grand Total
                                </th>

                                <th class="text-right whitespace-nowrap text-lg text-success">
                                    AED {{ number_format((float) $order->grand_total, 2) }}
                                </th>

                                <th></th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>

            @if($order->stockMovements->isNotEmpty())
                <div class="rounded-3xl border border-base-300 bg-base-100 shadow-sm overflow-hidden">
                    <div class="border-b border-base-300 p-5">
                        <h2 class="text-2xl font-black">
                            🚚 Van Stock Movements
                        </h2>

                        <p class="mt-1 text-sm text-base-content/50">
                            Append-only record of deductions and reversals.
                        </p>
                    </div>

                    <div class="overflow-x-auto">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Type</th>
                                    <th>Product</th>
                                    <th class="text-right">Before</th>
                                    <th class="text-right">Change</th>
                                    <th class="text-right">After</th>
                                    <th>Date</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach($order->stockMovements as $movement)
                                    <tr>
                                        <td>
                                            <span class="badge {{ $movement->movement_type === 'sale' ? 'badge-error' : 'badge-success' }}">
                                                {{ ucfirst($movement->movement_type) }}
                                            </span>
                                        </td>

                                        <td class="font-mono text-sm">
                                            {{ $movement->orderItem?->sku_snapshot ?: 'Product #'.$movement->product_id }}
                                        </td>

                                        <td class="text-right">
                                            {{ number_format((float) $movement->qty_before, 2) }}
                                        </td>

                                        <td class="text-right font-black {{ (float) $movement->qty_change < 0 ? 'text-error' : 'text-success' }}">
                                            {{ (float) $movement->qty_change > 0 ? '+' : '' }}
                                            {{ number_format((float) $movement->qty_change, 2) }}
                                        </td>

                                        <td class="text-right">
                                            {{ number_format((float) $movement->qty_after, 2) }}
                                        </td>

                                        <td class="whitespace-nowrap text-sm">
                                            {{ $movement->created_at?->format('d M Y, h:i A') }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @endif
        </div>

        <div class="space-y-6">
            <div class="rounded-3xl border border-base-300 bg-base-100 p-5 shadow-sm">
                <h2 class="text-xl font-black mb-4">
                    👤 Customer
                </h2>

                <div class="space-y-4">
                    <div>
                        <div class="text-xs text-base-content/40">
                            Customer / Shop
                        </div>

                        <div class="font-black">
                            {{ $order->customer_name_snapshot ?: 'Unnamed customer' }}
                        </div>
                    </div>

                    <div>
                        <div class="text-xs text-base-content/40">
                            Phone
                        </div>

                        <div class="font-bold">
                            {{ $order->customer_phone_snapshot ?: 'Not provided' }}
                        </div>
                    </div>

                    @if($order->customer)
                        <div>
                            <div class="text-xs text-base-content/40">
                                Customer Record
                            </div>

                            <div class="font-bold">
                                {{ $order->customer->customer_code }}
                            </div>
                        </div>
                    @endif
                </div>
            </div>

            <div class="rounded-3xl border border-base-300 bg-base-100 p-5 shadow-sm">
                <h2 class="text-xl font-black mb-4">
                    📋 Order Information
                </h2>

                <div class="space-y-4">
                    <div>
                        <div class="text-xs text-base-content/40">
                            Salesman
                        </div>

                        <div class="font-black">
                            {{ $order->salesman?->name ?: 'Unknown' }}
                        </div>
                    </div>

                    <div>
                        <div class="text-xs text-base-content/40">
                            Catalog
                        </div>

                        <div class="font-bold">
                            {{ $order->catalog?->title ?: 'Catalog #'.$order->catalog_id }}
                        </div>
                    </div>

                    <div>
                        <div class="text-xs text-base-content/40">
                            Stock Deducted
                        </div>

                        <div class="font-bold">
                            {{ $order->stock_deducted_at?->format('d M Y, h:i A') ?: 'No' }}
                        </div>
                    </div>

                    @if($order->confirmed_at)
                        <div>
                            <div class="text-xs text-base-content/40">
                                Confirmed
                            </div>

                            <div class="font-bold">
                                {{ $order->confirmed_at->format('d M Y, h:i A') }}
                            </div>
                        </div>
                    @endif

                    @if($order->delivered_at)
                        <div>
                            <div class="text-xs text-base-content/40">
                                Delivered
                            </div>

                            <div class="font-bold text-success">
                                {{ $order->delivered_at->format('d M Y, h:i A') }}
                            </div>
                        </div>
                    @endif

                    @if($order->cancelled_at)
                        <div>
                            <div class="text-xs text-base-content/40">
                                Cancelled
                            </div>

                            <div class="font-bold text-error">
                                {{ $order->cancelled_at->format('d M Y, h:i A') }}
                            </div>
                        </div>
                    @endif
                </div>
            </div>

            @if($order->notes)
                <div class="rounded-3xl border border-base-300 bg-base-100 p-5 shadow-sm">
                    <h2 class="text-xl font-black mb-3">
                        📝 Notes
                    </h2>

                    <div class="whitespace-pre-line text-sm">
                        {{ $order->notes }}
                    </div>
                </div>
            @endif

            @if(!in_array($order->status, ['cancelled', 'delivered'], true))
                <div class="rounded-3xl border border-error/30 bg-error/5 p-5 shadow-sm">
                    <h2 class="text-xl font-black text-error">
                        Cancel Order
                    </h2>

                    <p class="mt-1 text-sm text-base-content/60">
                        Cancelling a confirmed order returns its deducted quantities to the van.
                    </p>

                    <form
                        method="POST"
                        action="{{ route('orders.cancel', $order) }}"
                        class="mt-4 space-y-3"
                        onsubmit="return confirm('Cancel this order? Confirmed stock deductions will be reversed.');"
                    >
                        @csrf

                        <textarea
                            name="cancel_reason"
                            rows="3"
                            maxlength="1000"
                            class="textarea textarea-bordered w-full rounded-2xl"
                            placeholder="Cancellation reason"
                        >{{ old('cancel_reason') }}</textarea>

                        <button class="btn btn-error w-full rounded-2xl">
                            ✕ Cancel Order
                        </button>
                    </form>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection