@extends('layouts.app')

@section('content')
<section class="bg-slate-50">
    <div class="mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8">
        <div class="flex flex-wrap items-center justify-between gap-4">
            <div>
                <a href="{{ route('admin.index') }}" class="text-sm font-semibold text-sky-700">Admin Dashboard</a>
                <h1 class="mt-2 text-4xl font-bold">Orders, Pricing, Coupons, and PayPal</h1>
                <p class="mt-2 max-w-3xl text-sm leading-6 text-slate-600">Manage the complete academic order system: form fields, dropdown options, dynamic pricing, coupon rules, quote approvals, status updates, file access, assignments, exports, and payment logs.</p>
            </div>
            <a href="{{ route('admin.orders.export') }}" class="inline-flex items-center gap-2 rounded-lg bg-slate-950 px-4 py-2 text-sm font-semibold text-white"><i data-lucide="download" class="h-4 w-4"></i> Export Orders</a>
        </div>

        <div class="mt-8 grid gap-4 md:grid-cols-4">
            @foreach ([
                'Orders' => $orders->total(),
                'Fields' => $fields->count(),
                'Pricing rules' => $pricingRules->count(),
                'Coupons' => $coupons->count(),
            ] as $label => $count)
                <div class="rounded-lg border border-slate-200 bg-white p-4 shadow-sm">
                    <p class="text-xs font-semibold uppercase tracking-wide text-slate-500">{{ $label }}</p>
                    <p class="mt-2 text-3xl font-bold">{{ $count }}</p>
                </div>
            @endforeach
        </div>

        <div class="mt-8 rounded-lg border border-slate-200 bg-white p-5 shadow-sm">
            <div class="flex flex-wrap items-end justify-between gap-4">
                <div>
                    <h2 class="text-2xl font-bold">Manage Orders</h2>
                    <p class="mt-1 text-sm text-slate-600">Search, filter, assign, approve quotes, and update statuses.</p>
                </div>
                <form method="get" class="flex flex-wrap gap-2">
                    <input name="q" value="{{ request('q') }}" class="order-input w-56" placeholder="Search orders">
                    <select name="status" class="order-input w-48">
                        <option value="">All statuses</option>
                        @foreach ($statuses as $status)
                            <option value="{{ $status }}" @selected(request('status') === $status)>{{ $status }}</option>
                        @endforeach
                    </select>
                    <button class="rounded-lg bg-slate-950 px-4 py-2 text-sm font-semibold text-white">Filter</button>
                </form>
            </div>
            <div class="mt-5 overflow-x-auto">
                <table class="w-full min-w-[1100px] text-left text-sm">
                    <thead class="border-b bg-slate-50 text-xs uppercase tracking-wide text-slate-500">
                        <tr><th class="px-3 py-3">Order</th><th>Customer</th><th>Service</th><th>Total</th><th>Status</th><th>Assign</th><th>Files</th><th>Actions</th></tr>
                    </thead>
                    <tbody>
                    @forelse ($orders as $order)
                        <tr class="border-b border-slate-100 align-top">
                            <td class="px-3 py-4">
                                <a href="{{ route('orders.show', $order) }}" class="font-bold text-sky-700">{{ $order->order_number }}</a>
                                <span class="mt-1 block text-xs text-slate-500">{{ $order->created_at->format('M j, Y') }}</span>
                            </td>
                            <td class="py-4">
                                <span class="font-semibold">{{ $order->customer_name }}</span>
                                <span class="block text-xs text-slate-500">{{ $order->email }}</span>
                            </td>
                            <td class="py-4">
                                <span class="font-semibold">{{ str($order->type_of_service)->limit(34) }}</span>
                                <span class="block text-xs text-slate-500">{{ str($order->topic_title)->limit(45) }}</span>
                            </td>
                            <td class="py-4 font-bold">{{ $order->currency }} {{ number_format((float) $order->total_price, 2) }}</td>
                            <td class="py-4">
                                <span class="rounded-lg bg-slate-100 px-2 py-1 text-xs font-bold text-slate-700">{{ $order->status }}</span>
                                <span class="mt-1 block text-xs text-slate-500">{{ str($order->payment_status)->headline() }}</span>
                            </td>
                            <td class="py-4">{{ $order->assignedUser?->name ?: 'Unassigned' }}</td>
                            <td class="py-4">
                                @foreach ($order->files as $file)
                                    <a href="{{ route('admin.orders.files.download', $file) }}" class="block text-xs font-semibold text-sky-700">{{ str($file->original_name)->limit(25) }}</a>
                                @endforeach
                            </td>
                            <td class="py-4">
                                <form action="{{ route('admin.orders.update', $order) }}" method="post" class="grid min-w-[260px] gap-2">
                                    @csrf
                                    @method('patch')
                                    <select name="status" class="order-input">
                                        @foreach ($statuses as $status)
                                            <option value="{{ $status }}" @selected($order->status === $status)>{{ $status }}</option>
                                        @endforeach
                                    </select>
                                    <select name="assigned_to" class="order-input">
                                        <option value="">Unassigned</option>
                                        @foreach ($admins as $admin)
                                            <option value="{{ $admin->id }}" @selected($order->assigned_to === $admin->id)>{{ $admin->name }}</option>
                                        @endforeach
                                    </select>
                                    <div class="grid grid-cols-2 gap-2">
                                        <input name="manual_discount" type="number" min="0" step="0.01" class="order-input" placeholder="Discount">
                                        <input name="total_price" type="number" min="0" step="0.01" class="order-input" placeholder="Override">
                                    </div>
                                    <button class="rounded-lg bg-slate-950 px-3 py-2 text-xs font-semibold text-white">Update</button>
                                </form>
                                @if ($order->status === 'Awaiting Review')
                                    <form action="{{ route('admin.orders.approveQuote', $order) }}" method="post" class="mt-2 flex gap-2">
                                        @csrf
                                        <input name="approved_total" type="number" min="1" step="0.01" value="{{ $order->custom_quote ?: $order->total_price }}" class="order-input w-28">
                                        <button class="rounded-lg bg-emerald-600 px-3 py-2 text-xs font-semibold text-white">Approve</button>
                                    </form>
                                    <form action="{{ route('admin.orders.rejectQuote', $order) }}" method="post" class="mt-2">
                                        @csrf
                                        <button class="rounded-lg border border-rose-300 px-3 py-2 text-xs font-semibold text-rose-700">Reject Quote</button>
                                    </form>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="px-3 py-6 text-slate-600">No orders yet.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            <div class="mt-5">{{ $orders->links() }}</div>
        </div>

        <div class="mt-8 grid gap-6 lg:grid-cols-2">
            <div class="rounded-lg border border-slate-200 bg-white p-5 shadow-sm">
                <h2 class="text-2xl font-bold">Order Form Fields</h2>
                <form action="{{ route('admin.orderFields.store') }}" method="post" class="mt-4 grid gap-3 md:grid-cols-2">
                    @csrf
                    <input name="name" class="order-input" placeholder="field_name" required>
                    <input name="label" class="order-input" placeholder="Field label" required>
                    <select name="type" class="order-input"><option>text</option><option>select</option><option>number</option><option>textarea</option><option>checkboxes</option><option>email</option></select>
                    <input name="sort_order" type="number" class="order-input" placeholder="Sort order">
                    <input name="pricing_key" class="order-input md:col-span-2" placeholder="Pricing key, optional">
                    <textarea name="options" rows="3" class="order-input md:col-span-2" placeholder="Dropdown options, one per line"></textarea>
                    <label class="flex items-center gap-2 text-sm font-semibold"><input name="required" type="checkbox" value="1"> Required</label>
                    <label class="flex items-center gap-2 text-sm font-semibold"><input name="enabled" type="checkbox" value="1" checked> Enabled</label>
                    <button class="rounded-lg bg-slate-950 px-4 py-2 text-sm font-semibold text-white md:col-span-2">Add Field</button>
                </form>
                <div class="mt-5 grid gap-3">
                    @foreach ($fields as $field)
                        <form action="{{ route('admin.orderFields.update', $field) }}" method="post" class="grid gap-2 rounded-lg border border-slate-200 bg-slate-50 p-3">
                            @csrf
                            @method('patch')
                            <div class="grid gap-2 md:grid-cols-4">
                                <input name="name" value="{{ $field->name }}" class="order-input" required>
                                <input name="label" value="{{ $field->label }}" class="order-input" required>
                                <input name="type" value="{{ $field->type }}" class="order-input" required>
                                <input name="sort_order" type="number" value="{{ $field->sort_order }}" class="order-input">
                            </div>
                            <input name="pricing_key" value="{{ $field->pricing_key }}" class="order-input" placeholder="Pricing key">
                            <textarea name="options" rows="2" class="order-input">{{ implode("\n", (array) $field->options) }}</textarea>
                            <div class="flex flex-wrap items-center justify-between gap-3">
                                <span class="flex gap-4 text-sm font-semibold">
                                    <label><input name="required" type="checkbox" value="1" @checked($field->required)> Required</label>
                                    <label><input name="enabled" type="checkbox" value="1" @checked($field->enabled)> Enabled</label>
                                </span>
                                <span class="flex gap-2">
                                    <button class="rounded-lg bg-emerald-600 px-3 py-2 text-xs font-semibold text-white">Save</button>
                                </span>
                            </div>
                        </form>
                        <form action="{{ route('admin.orderFields.destroy', $field) }}" method="post">
                            @csrf
                            @method('delete')
                            <button class="rounded-lg border border-rose-300 px-3 py-1 text-xs font-semibold text-rose-700">Delete {{ $field->label }}</button>
                        </form>
                    @endforeach
                </div>
            </div>

            <div class="grid gap-6">
                <div class="rounded-lg border border-slate-200 bg-white p-5 shadow-sm">
                    <h2 class="text-2xl font-bold">Dynamic Pricing Rules</h2>
                    <form action="{{ route('admin.pricingRules.store') }}" method="post" class="mt-4 grid gap-3 md:grid-cols-2">
                        @csrf
                        <input name="name" class="order-input" placeholder="Rule name" required>
                        <input name="component" class="order-input" placeholder="page, writer, urgency" required>
                        <input name="match_field" class="order-input" placeholder="academic_level, subject">
                        <input name="match_value" class="order-input" placeholder="Masters, Nursing, 24 hours">
                        <input name="amount" type="number" step="0.01" class="order-input" placeholder="Amount" required>
                        <select name="calculation_type" class="order-input"><option>flat</option><option>per_page</option><option>per_slide</option><option>per_source</option><option>percentage</option></select>
                        <input name="currency" value="USD" maxlength="3" class="order-input">
                        <label class="flex items-center gap-2 text-sm font-semibold"><input name="enabled" type="checkbox" value="1" checked> Enabled</label>
                        <button class="rounded-lg bg-slate-950 px-4 py-2 text-sm font-semibold text-white md:col-span-2">Add Pricing Rule</button>
                    </form>
                    <div class="mt-5 grid gap-2">
                        @foreach ($pricingRules as $rule)
                            <form action="{{ route('admin.pricingRules.update', $rule) }}" method="post" class="grid gap-2 rounded-lg bg-slate-50 p-3 md:grid-cols-4">
                                @csrf
                                @method('patch')
                                <input name="name" value="{{ $rule->name }}" class="order-input" required>
                                <input name="component" value="{{ $rule->component }}" class="order-input" required>
                                <input name="match_field" value="{{ $rule->match_field }}" class="order-input">
                                <input name="match_value" value="{{ $rule->match_value }}" class="order-input">
                                <input name="amount" type="number" step="0.01" value="{{ $rule->amount }}" class="order-input" required>
                                <input name="calculation_type" value="{{ $rule->calculation_type }}" class="order-input">
                                <input name="currency" value="{{ $rule->currency }}" class="order-input">
                                <label class="flex items-center gap-2 text-sm font-semibold"><input name="enabled" type="checkbox" value="1" @checked($rule->enabled)> Enabled</label>
                                <button class="rounded-lg bg-emerald-600 px-3 py-2 text-xs font-semibold text-white">Save</button>
                            </form>
                            <form action="{{ route('admin.pricingRules.destroy', $rule) }}" method="post">
                                @csrf
                                @method('delete')
                                <button class="rounded-lg border border-rose-300 px-3 py-1 text-xs font-semibold text-rose-700">Delete {{ $rule->name }}</button>
                            </form>
                        @endforeach
                    </div>
                </div>

                <div class="rounded-lg border border-slate-200 bg-white p-5 shadow-sm">
                    <h2 class="text-2xl font-bold">Coupons and Discounts</h2>
                    <form action="{{ route('admin.coupons.store') }}" method="post" class="mt-4 grid gap-3 md:grid-cols-2">
                        @csrf
                        <input name="code" class="order-input uppercase" placeholder="WELCOME10" required>
                        <input name="description" class="order-input" placeholder="Description">
                        <select name="discount_type" class="order-input"><option value="percentage">Percentage</option><option value="fixed">Fixed amount</option></select>
                        <input name="discount_value" type="number" step="0.01" class="order-input" placeholder="Discount value" required>
                        <input name="expires_at" type="datetime-local" class="order-input">
                        <input name="usage_limit" type="number" class="order-input" placeholder="Usage limit">
                        <textarea name="service_slugs" rows="2" class="order-input md:col-span-2" placeholder="Optional service slugs, comma or line separated"></textarea>
                        <label class="flex items-center gap-2 text-sm font-semibold"><input name="enabled" type="checkbox" value="1" checked> Enabled</label>
                        <button class="rounded-lg bg-slate-950 px-4 py-2 text-sm font-semibold text-white md:col-span-2">Create Coupon</button>
                    </form>
                    <div class="mt-5 grid gap-2">
                        @foreach ($coupons as $coupon)
                            <form action="{{ route('admin.coupons.update', $coupon) }}" method="post" class="grid gap-2 rounded-lg bg-slate-50 p-3 md:grid-cols-4">
                                @csrf
                                @method('patch')
                                <input name="code" value="{{ $coupon->code }}" class="order-input" required>
                                <input name="discount_type" value="{{ $coupon->discount_type }}" class="order-input" required>
                                <input name="discount_value" type="number" step="0.01" value="{{ $coupon->discount_value }}" class="order-input" required>
                                <input name="usage_limit" type="number" value="{{ $coupon->usage_limit }}" class="order-input">
                                <input name="description" value="{{ $coupon->description }}" class="order-input md:col-span-2">
                                <input name="expires_at" type="datetime-local" value="{{ $coupon->expires_at?->format('Y-m-d\TH:i') }}" class="order-input">
                                <label class="flex items-center gap-2 text-sm font-semibold"><input name="enabled" type="checkbox" value="1" @checked($coupon->enabled)> Enabled</label>
                                <textarea name="service_slugs" rows="2" class="order-input md:col-span-4">{{ implode(', ', (array) $coupon->service_slugs) }}</textarea>
                                <button class="rounded-lg bg-emerald-600 px-3 py-2 text-xs font-semibold text-white">Save</button>
                            </form>
                            <form action="{{ route('admin.coupons.destroy', $coupon) }}" method="post">
                                @csrf
                                @method('delete')
                                <button class="rounded-lg border border-rose-300 px-3 py-1 text-xs font-semibold text-rose-700">Delete {{ $coupon->code }}</button>
                            </form>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <div class="mt-8 grid gap-6 lg:grid-cols-2">
            <div class="rounded-lg border border-slate-200 bg-white p-5 shadow-sm">
                <h2 class="text-2xl font-bold">PayPal Settings</h2>
                <form action="{{ route('admin.paypal.update') }}" method="post" class="mt-4 grid gap-3">
                    @csrf
                    @method('patch')
                    <input name="client_id" value="{{ $paypal->client_id }}" class="order-input" placeholder="Client ID">
                    <input name="client_secret" type="password" class="order-input" placeholder="Client Secret, leave blank to keep current">
                    <div class="grid gap-3 md:grid-cols-2">
                        <select name="mode" class="order-input"><option value="sandbox" @selected($paypal->mode === 'sandbox')>Sandbox</option><option value="live" @selected($paypal->mode === 'live')>Live</option></select>
                        <input name="currency" value="{{ $paypal->currency }}" maxlength="3" class="order-input">
                    </div>
                    <input name="webhook_url" value="{{ $paypal->webhook_url ?: route('orders.paypal.webhook') }}" class="order-input" placeholder="Webhook URL">
                    <input name="webhook_id" value="{{ $paypal->webhook_id }}" class="order-input" placeholder="Webhook ID">
                    <div class="flex gap-5 text-sm font-semibold">
                        <label><input name="enabled" type="checkbox" value="1" @checked($paypal->enabled)> Enable PayPal</label>
                        <label><input name="webhook_active" type="checkbox" value="1" @checked($paypal->webhook_active)> Webhook active</label>
                        <label><input name="clear_secret" type="checkbox" value="1"> Delete stored secret</label>
                    </div>
                    <button class="rounded-lg bg-slate-950 px-4 py-2 text-sm font-semibold text-white">Save PayPal Settings</button>
                </form>
            </div>

            <div class="rounded-lg border border-slate-200 bg-white p-5 shadow-sm">
                <h2 class="text-2xl font-bold">Payment and Activity Logs</h2>
                <div class="mt-4 grid gap-3">
                    @foreach ($paymentLogs as $log)
                        <div class="rounded-lg bg-slate-50 p-3 text-sm">
                            <p class="font-semibold">{{ $log->event }} <span class="text-slate-500">{{ $log->status }}</span></p>
                            <p class="text-xs text-slate-500">{{ $log->created_at->format('M j, Y g:i A') }}</p>
                        </div>
                    @endforeach
                    @foreach ($activityLogs as $log)
                        <div class="rounded-lg bg-emerald-50 p-3 text-sm">
                            <p class="font-semibold text-emerald-950">{{ $log->event }}</p>
                            <p class="text-xs text-emerald-800">{{ $log->description }}</p>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>
@endsection