isaaccladandCursor
93bfc3e2d2
Deploy Ladill Woo Manager / deploy (push) Successful in 1m7s
Desktop store switcher now sits after search; mobile shows route-based page titles, bottom nav, and store switching inside the profile sheet. Co-authored-by: Cursor <cursoragent@cursor.com>
79 lines
4.4 KiB
PHP
79 lines
4.4 KiB
PHP
<x-user-layout>
|
|
<x-slot name="title">Overview</x-slot>
|
|
<div class="space-y-6">
|
|
<div>
|
|
<h1 class="hidden text-xl font-semibold text-slate-900 lg:block">Woo Manager</h1>
|
|
<p class="mt-1 text-sm text-slate-500">
|
|
@if($currentStore)
|
|
Managing <strong>{{ $currentStore->site_name ?? $currentStore->site_url }}</strong> — switch stores from the top bar.
|
|
@else
|
|
Fulfill WooCommerce orders from Ladill — payments stay in your store.
|
|
@endif
|
|
</p>
|
|
</div>
|
|
|
|
@if(empty($hasPaidPlan))
|
|
@include('partials.upgrade-banner')
|
|
@endif
|
|
|
|
<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-5">
|
|
<div class="rounded-2xl border border-slate-200 bg-white p-5">
|
|
<p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Connected stores</p>
|
|
<p class="mt-2 text-3xl font-bold text-slate-900">{{ $stats['stores'] }}</p>
|
|
</div>
|
|
<div class="rounded-2xl border border-slate-200 bg-white p-5">
|
|
<p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Products</p>
|
|
<p class="mt-2 text-3xl font-bold text-slate-900">{{ $stats['products'] }}</p>
|
|
@if($productLimit)
|
|
<p class="mt-1 text-xs text-slate-500">{{ $productCount }} total · {{ $productLimit }} free limit</p>
|
|
@endif
|
|
</div>
|
|
<div class="rounded-2xl border border-slate-200 bg-white p-5">
|
|
<p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Categories</p>
|
|
<p class="mt-2 text-3xl font-bold text-slate-900">{{ $stats['categories'] }}</p>
|
|
</div>
|
|
<div class="rounded-2xl border border-slate-200 bg-white p-5">
|
|
<p class="text-xs font-semibold uppercase tracking-wide text-slate-500">New orders</p>
|
|
<p class="mt-2 text-3xl font-bold text-slate-900">{{ $stats['orders_new'] }}</p>
|
|
</div>
|
|
<div class="rounded-2xl border border-slate-200 bg-white p-5">
|
|
<p class="text-xs font-semibold uppercase tracking-wide text-slate-500">Open fulfillment</p>
|
|
<p class="mt-2 text-3xl font-bold text-slate-900">{{ $stats['orders_open'] }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
@if($stats['stores'] === 0)
|
|
<div class="rounded-2xl border border-indigo-100 bg-indigo-50 p-6">
|
|
<h2 class="font-semibold text-indigo-900">Connect your WooCommerce store</h2>
|
|
<p class="mt-2 text-sm text-indigo-800">Install the Ladill Woo Manager plugin on WordPress, then click <strong>Connect with Ladill</strong> in your store admin.</p>
|
|
<p class="mt-3 text-sm text-indigo-700">We sync paid orders here for fulfillment. Ladill does not process checkout payments.</p>
|
|
</div>
|
|
@endif
|
|
|
|
<div class="overflow-hidden rounded-2xl border border-slate-200 bg-white">
|
|
<div class="flex items-center justify-between border-b border-slate-100 px-6 py-4">
|
|
<h2 class="font-semibold text-slate-900">Recent orders</h2>
|
|
<a href="{{ route('woo.orders.index') }}" class="text-sm font-medium text-indigo-600 hover:text-indigo-800">View all</a>
|
|
</div>
|
|
@if($recent->isEmpty())
|
|
<p class="px-6 py-10 text-sm text-slate-500">No orders yet.</p>
|
|
@else
|
|
<div class="divide-y divide-slate-100">
|
|
@foreach($recent as $order)
|
|
<div class="flex items-center justify-between gap-4 px-6 py-4 text-sm">
|
|
<div>
|
|
<p class="font-medium text-slate-900">#{{ $order->order_number }} · {{ $order->customer_name ?: 'Customer' }}</p>
|
|
<p class="text-xs text-slate-500">{{ $order->store?->site_name ?? $order->store?->site_url }}</p>
|
|
</div>
|
|
<div class="text-right">
|
|
<p class="font-medium text-slate-900">{{ $order->totalFormatted() }}</p>
|
|
<p class="text-xs text-slate-500">{{ $order->fulfillmentLabel() }}</p>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</x-user-layout>
|