@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

    <div class="rounded-3xl bg-gradient-to-br from-slate-950 via-indigo-950 to-indigo-800 text-white p-6 shadow-xl">
        <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-5">
            <div>
                <div class="text-sm text-white/60">
                    Field Sales Platform
                </div>

                <h1 class="mt-1 text-3xl lg:text-4xl font-black">
                    {{ auth()->user()->isAdmin() ? 'Customer Orders' : 'My Orders' }}
                </h1>

                <p class="mt-2 text-white/70">
                    Review printed orders, confirm sales, and track van-stock deductions.
                </p>
            </div>

            @if(auth()->user()->public_catalog_token ?? false)
                <a
                    href="{{ url('/salesman/'.auth()->user()->public_catalog_token.'/catalog') }}"
                    target="_blank"
                    class="btn btn-success rounded-2xl"
                >
                    🚚 Open Public Catalog
                </a>
            @endif
        </div>
    </div>

    <div class="grid grid-cols-2 lg:grid-cols-6 gap-3">
        <a
            href="{{ route('orders.index') }}"
            class="rounded-3xl border border-base-300 bg-base-100 p-4 shadow-sm hover:shadow-md transition"
        >
            <div class="text-xs text-base-content/50">All</div>
            <div class="text-2xl font-black">{{ number_format($stats['all']) }}</div>
        </a>

        <a
            href="{{ route('orders.index', ['status' => 'draft']) }}"
            class="rounded-3xl border border-base-300 bg-base-100 p-4 shadow-sm hover:shadow-md transition"
        >
            <div class="text-xs text-base-content/50">Draft</div>
            <div class="text-2xl font-black text-base-content/60">{{ number_format($stats['draft']) }}</div>
        </a>

        <a
            href="{{ route('orders.index', ['status' => 'confirmed']) }}"
            class="rounded-3xl border border-base-300 bg-base-100 p-4 shadow-sm hover:shadow-md transition"
        >
            <div class="text-xs text-base-content/50">Confirmed</div>
            <div class="text-2xl font-black text-info">{{ number_format($stats['confirmed']) }}</div>
        </a>

        <a
            href="{{ route('orders.index', ['status' => 'delivered']) }}"
            class="rounded-3xl border border-base-300 bg-base-100 p-4 shadow-sm hover:shadow-md transition"
        >
            <div class="text-xs text-base-content/50">Delivered</div>
            <div class="text-2xl font-black text-success">{{ number_format($stats['delivered']) }}</div>
        </a>

        <a
            href="{{ route('orders.index', ['status' => 'cancelled']) }}"
            class="rounded-3xl border border-base-300 bg-base-100 p-4 shadow-sm hover:shadow-md transition"
        >
            <div class="text-xs text-base-content/50">Cancelled</div>
            <div class="text-2xl font-black text-error">{{ number_format($stats['cancelled']) }}</div>
        </a>

        <div class="rounded-3xl border border-base-300 bg-base-100 p-4 shadow-sm">
            <div class="text-xs text-base-content/50">Confirmed Sales</div>
            <div class="text-xl font-black text-success">
                AED {{ number_format($stats['sales_total'], 2) }}
            </div>
        </div>
    </div>

    <div class="rounded-3xl border border-base-300 bg-base-100 p-4 lg:p-6 shadow-sm">
        <form
            method="GET"
            action="{{ route('orders.index') }}"
            class="grid grid-cols-1 md:grid-cols-12 gap-3"
        >
            <div class="md:col-span-7">
                <input
                    type="search"
                    name="search"
                    value="{{ request('search') }}"
                    placeholder="Search order number, customer, phone, or salesman..."
                    class="input input-bordered w-full rounded-2xl"
                >
            </div>

            <div class="md:col-span-3">
                <select
                    name="status"
                    class="select select-bordered w-full rounded-2xl"
                >
                    <option value="">All statuses</option>

                    @foreach([
                        'draft' => 'Draft',
                        'quoted' => 'Quoted',
                        'confirmed' => 'Confirmed',
                        'delivered' => 'Delivered',
                        'cancelled' => 'Cancelled',
                    ] as $value => $label)
                        <option
                            value="{{ $value }}"
                            @selected(request('status') === $value)
                        >
                            {{ $label }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="md:col-span-2 flex gap-2">
                <button class="btn btn-primary flex-1 rounded-2xl">
                    Search
                </button>

                @if(request()->hasAny(['search', 'status']))
                    <a
                        href="{{ route('orders.index') }}"
                        class="btn btn-ghost rounded-2xl"
                    >
                        ✕
                    </a>
                @endif
            </div>
        </form>
    </div>

    <div class="rounded-3xl border border-base-300 bg-base-100 shadow-sm overflow-hidden">
        <div class="overflow-x-auto">
            <table class="table">
                <thead>
                    <tr>
                        <th>Order</th>
                        <th>Customer</th>

                        @if(auth()->user()->isAdmin())
                            <th>Salesman</th>
                        @endif

                        <th>Items</th>
                        <th>Total</th>
                        <th>Status</th>
                        <th>Date</th>
                        <th></th>
                    </tr>
                </thead>

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

                        <tr class="hover">
                            <td>
                                <a
                                    href="{{ route('orders.show', $order) }}"
                                    class="font-black text-primary whitespace-nowrap"
                                >
                                    {{ $order->order_number }}
                                </a>

                                @if($order->catalog)
                                    <div class="text-[11px] text-base-content/40">
                                        Catalog #{{ $order->catalog_id }}
                                    </div>
                                @endif
                            </td>

                            <td>
                                <div class="font-bold max-w-56 truncate">
                                    {{ $order->customer_name_snapshot ?: 'Unnamed customer' }}
                                </div>

                                <div class="text-xs text-base-content/50">
                                    {{ $order->customer_phone_snapshot ?: 'No phone' }}
                                </div>
                            </td>

                            @if(auth()->user()->isAdmin())
                                <td>
                                    <div class="font-bold">
                                        {{ $order->salesman?->name ?: 'Unknown' }}
                                    </div>
                                </td>
                            @endif

                            <td>
                                <span class="badge badge-ghost">
                                    {{ number_format($order->items_count) }}
                                </span>
                            </td>

                            <td class="font-black whitespace-nowrap">
                                AED {{ number_format((float) $order->grand_total, 2) }}
                            </td>

                            <td>
                                <span class="badge {{ $statusClass }} whitespace-nowrap">
                                    {{ ucfirst($order->status) }}
                                </span>
                            </td>

                            <td class="whitespace-nowrap text-sm">
                                {{ $order->created_at?->format('d M Y') }}

                                <div class="text-xs text-base-content/40">
                                    {{ $order->created_at?->format('h:i A') }}
                                </div>
                            </td>

                            <td>
                                <a
                                    href="{{ route('orders.show', $order) }}"
                                    class="btn btn-sm btn-primary rounded-xl"
                                >
                                    View
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td
                                colspan="{{ auth()->user()->isAdmin() ? 8 : 7 }}"
                                class="py-16 text-center"
                            >
                                <div class="text-5xl">🧾</div>
                                <div class="mt-3 text-xl font-black">
                                    No orders found
                                </div>
                                <div class="mt-1 text-base-content/50">
                                    Orders will appear here after printing them from the catalog.
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if($orders->hasPages())
            <div class="border-t border-base-300 p-4">
                {{ $orders->links() }}
            </div>
        @endif
    </div>
</div>
@endsection