Commit Review Workspace ?

+ <?php
+ 
+ namespace App\Http\Controllers;
+ 
+ use App\Support\Demo\DemoData;
+ 
+ class CapacityController extends Controller
+ {
+     public function index()
+     {
+         return view('pages.capacity', DemoData::capacity());
+     }
+ 
+     public function create()
+     {
+         return view('pages.capacity-create', [
+             'units' => DemoData::capacity()['units'],
+         ]);

+ <?php
+ 
+ namespace App\Http\Controllers;
+ 
+ use App\Support\Demo\DemoData;
+ 
+ class GlobalMasterController extends Controller
+ {
+     public function index()
+     {
+         return view('pages.global-master', DemoData::globalMaster());
+     }
+ 
+     public function create()
+     {
+         $globalMaster = DemoData::globalMaster();
+ 
+         return view('pages.global-master-create', [

+ <?php
+ 
+ namespace App\Http\Controllers;
+ 
+ use App\Support\Demo\DemoData;
+ use Illuminate\Http\Request;
+ 
+ class InventoryController extends Controller
+ {
+     public function index(Request $request)
+     {
+         return view('pages.inventory', DemoData::inventory($request->query('plant')));
+     }
+ 
+     public function create(Request $request)
+     {
+         return view('pages.inventory-create', [
+             'plants' => collect(DemoData::plants()['rows'])->map(fn ($plant) => ['code' => $plant['code'], 'name' => $plant['name']])->all(),

+ <?php
+ 
+ namespace App\Http\Controllers;
+ 
+ use App\Support\Demo\DemoData;
+ 
+ class LocationController extends Controller
+ {
+     public function index()
+     {
+         return view('pages.locations', DemoData::locations());
+     }
+ 
+     public function create()
+     {
+         return view('pages.location-create', [
+             'companies' => ['RMB Dubai', 'Antfast ReadyMix', 'Gulf Aggregate Co.', 'Metro Batch Systems', 'Prime Concrete Works', 'UrbanMix Logistics'],
+             'plants' => collect(DemoData::plants()['rows'])->pluck('name')->all(),

+ <?php
+ 
+ namespace App\Http\Controllers;
+ 
+ use App\Support\Demo\DemoData;
+ 
+ class MixController extends Controller
+ {
+     public function index()
+     {
+         return view('pages.mixes', DemoData::mixes());
+     }
+ 
+     public function create()
+     {
+         return view('pages.mix-create', [
+             'companies' => ['RMB Dubai', 'Antfast ReadyMix', 'Gulf Aggregate Co.', 'Metro Batch Systems', 'Prime Concrete Works', 'UrbanMix Logistics'],
+             'plants' => collect(DemoData::plants()['rows'])->pluck('name')->all(),

+ <?php
+ 
+ namespace App\Http\Controllers;
+ 
+ use App\Support\Demo\DemoData;
+ 
+ class MixTypeController extends Controller
+ {
+     public function index()
+     {
+         return view('pages.mix-types', DemoData::mixTypes());
+     }
+ 
+     public function create()
+     {
+         return view('pages.mix-type-create', [
+             'companies' => DemoData::mixTypes()['companies'],
+             'plants' => collect(DemoData::plants()['rows'])->pluck('name')->all(),

- return view('pages.plants-dashboard', DemoData::plants());
- }
- 
- public function show(string $code)
- {
- $profile = DemoData::plantProfile($code);

+ return view('pages.plants-dashboard', DemoData::plants());
+ }
+ 
+     public function create()
+     {
+         return view('pages.plant-create', [
+             'companies' => ['RMB Dubai', 'Antfast ReadyMix', 'Gulf Aggregate Co.', 'Metro Batch Systems', 'Prime Concrete Works', 'UrbanMix Logistics'],
+             'locations' => collect(DemoData::locations()['rows'])->map(fn ($row) => "{$row['name']} - {$row['code']}")->all(),
+         ]);
+     }
+ 
+ public function show(string $code)
+ {
+ $profile = DemoData::plantProfile($code);

+ <?php
+ 
+ namespace App\Http\Controllers;
+ 
+ use App\Support\Demo\DemoData;
+ 
+ class PumpController extends Controller
+ {
+     public function index()
+     {
+         return view('pages.pumps', DemoData::pumps());
+     }
+ 
+     public function create()
+     {
+         $operators = collect(DemoData::pumps()['rows'])->pluck('operator')->unique()->values()->all();
+ 
+         return view('pages.pump-create', [

- {
- public function index()
- {
-         return view('pages.settings', DemoData::settings());
- }
- }

+ {
+ public function index()
+ {
+         return view('pages.settings', ['sections' => DemoData::settingsSections()]);
+ }
+ 
+ }

+ <?php
+ 
+ namespace App\Http\Controllers;
+ 
+ use App\Support\Demo\DemoData;
+ 
+ class StructureController extends Controller
+ {
+     public function index()
+     {
+         return view('pages.structures', DemoData::structures());
+     }
+ 
+     public function create()
+     {
+         return view('pages.structure-create', [
+             'companies' => DemoData::structures()['companies'],
+         ]);

+ <?php
+ 
+ namespace App\Http\Controllers;
+ 
+ use App\Support\Demo\DemoData;
+ 
+ class TransitMixerController extends Controller
+ {
+     public function index()
+     {
+         return view('pages.transit-mixers', DemoData::transitMixers());
+     }
+ 
+     public function create()
+     {
+         $drivers = collect(DemoData::transitMixers()['rows'])->pluck('driver')
+             ->merge(collect(DemoData::drivers()['rows'])->pluck('name'))
+             ->unique()

- {
- return view('pages.users', DemoData::users());
- }
- }

+ {
+ return view('pages.users', DemoData::users());
+ }
+ 
+     public function create()
+     {
+         $users = DemoData::users();
+ 
+         return view('pages.user-create', [
+             'companies' => $users['companies'],
+             'roles' => $users['roles'],
+             'plants' => collect(DemoData::plants()['rows'])->pluck('name')->all(),
+             'locations' => collect(DemoData::locations()['rows'])->map(fn ($row) => "{$row['name']} - {$row['code']}")->all(),
+         ]);
+     }
+ }

+ <?php
+ 
+ namespace App\Http\Controllers;
+ 
+ use App\Support\Demo\DemoData;
+ use Illuminate\Http\Request;
+ 
+ class VendorController extends Controller
+ {
+     public function create(Request $request)
+     {
+         $step = (int) $request->query('step', 1);
+         $step = in_array($step, [1, 2], true) ? $step : 1;
+ 
+         if ($step === 2 && ! session()->has('vendor_wizard.vendor')) {
+             return redirect()->route('vendors.create', ['step' => 1]);
+         }
+ 

- return [
- ['route' => 'dashboard', 'icon' => 'layout-dashboard', 'label' => 'Dashboard'],
- ['route' => 'customers.index', 'icon' => 'users', 'label' => 'Customers'],
-             ['route' => 'plants.index', 'icon' => 'factory', 'label' => 'Plants'],
- ['route' => 'orders.index', 'icon' => 'clipboard-list', 'label' => 'Orders'],
- ['route' => 'finance.index', 'icon' => 'landmark', 'label' => 'Finance'],
- // ['route' => 'companies.index', 'icon' => 'building-2', 'label' => 'Companies'],
- ];
- }
- 
- public static function plantProfile(string $code): ?array
- {
- $plants = self::plants();
- ['item' => 'Water', 'available' => number_format(118000 + ($index * 3100)) . ' L', 'level' => max(25, min(98, $availableInventory + 13)), 'threshold' => 28],
- ['item' => 'Additives', 'available' => number_format(8200 + ($index * 420)) . ' L', 'level' => max(16, min(88, $availableInventory - 18)), 'threshold' => 26],
- ];
- $readyForLoading = max(2, (int) floor($plant['today_active_orders'] / 2) + 2);
- $pendingTrucks = max(1, $queueOrders - 4);

+ return [
+ ['route' => 'dashboard', 'icon' => 'layout-dashboard', 'label' => 'Dashboard'],
+ ['route' => 'customers.index', 'icon' => 'users', 'label' => 'Customers'],
+             ['route' => 'plants.index', 'icon' => 'factory', 'label' => 'Vendor', 'submenu' => [
+                 ['route' => 'plants.index', 'icon' => 'factory', 'label' => 'Vendor'],
+                 ['route' => 'transit-mixers.index', 'icon' => 'truck', 'label' => 'Transit Mixer'],
+                 ['route' => 'pumps.index', 'icon' => 'fuel', 'label' => 'Pump'],
+                 ['route' => 'locations.index', 'icon' => 'map-pin', 'label' => 'Location'],
+                 ['route' => 'mixes.index', 'icon' => 'blend', 'label' => 'Mix'],
+                 ['route' => 'mix-types.index', 'icon' => 'shuffle', 'label' => 'Mix Type'],
+             ]],
+ ['route' => 'orders.index', 'icon' => 'clipboard-list', 'label' => 'Orders'],
+ ['route' => 'finance.index', 'icon' => 'landmark', 'label' => 'Finance'],
+ // ['route' => 'companies.index', 'icon' => 'building-2', 'label' => 'Companies'],
+ ];
+ }
+ 
+     public static function inventory(?string $plantCode = null): array

- {
-     "name": "antfast-admin",
- "lockfileVersion": 3,
- "requires": true,
- "packages": {

+ {
+     "name": "concrete.zip",
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {

- const rows = Array.from(root.querySelectorAll('[data-plant-row]'));
- const emptyRow = root.querySelector('[data-empty-row]');
- const searchInput = root.querySelector('[data-plant-search]');
- const filters = Array.from(root.querySelectorAll('[data-filter]'));
- const sortButtons = Array.from(root.querySelectorAll('[data-sort]'));
- const selectAll = root.querySelector('[data-select-all]');
- return true;
- };
- 
- const getMatchingRows = () => {
- const query = normalize(searchInput?.value);
- const activeFilters = Object.fromEntries(filters.map((filter) => [filter.dataset.filter, filter.value]));
- 
- return rows.filter((row) => {
-                 const matchesSearch = !query || normalize(row.dataset.search).includes(query);
- const matchesPlant = !activeFilters.plant || row.dataset.plant === activeFilters.plant;
- const matchesVendor = !activeFilters.vendor || row.dataset.vendor === activeFilters.vendor;
- const matchesStatus = !activeFilters.status || row.dataset.status === activeFilters.status;

+ const rows = Array.from(root.querySelectorAll('[data-plant-row]'));
+ const emptyRow = root.querySelector('[data-empty-row]');
+ const searchInput = root.querySelector('[data-plant-search]');
+         const searchBySelect = root.querySelector('[data-plant-search-by]');
+ const filters = Array.from(root.querySelectorAll('[data-filter]'));
+ const sortButtons = Array.from(root.querySelectorAll('[data-sort]'));
+ const selectAll = root.querySelector('[data-select-all]');
+ return true;
+ };
+ 
+         const searchFieldKey = () => {
+             const mode = searchBySelect?.value;
+             if (mode === 'location') return 'searchLocation';
+             if (mode === 'plant') return 'searchPlant';
+             return 'search';
+         };
+ 
+ const getMatchingRows = () => {

- 
- <main class="flex-1 pb-28 pt-5 lg:pb-6">
- {{ $slot }}
- </main>
- </div>
- </div>

+ 
+ <main class="flex-1 pb-28 pt-5 lg:pb-6">
+ {{ $slot }}
+ 
+                 <footer class="mt-10 border-t border-ink-100 pt-5 text-center text-[11px] font-semibold text-ink-400">
+                     Ant Fast Order Management System &copy; {{ date('Y') }}. All rights reserved.
+                 </footer>
+ </main>
+ </div>
+ </div>

- @foreach ($items as $item)
- @php($hasSubmenu = !empty($item['submenu']))
- @php($active = $hasSubmenu
-                 ? (request()->routeIs($item['route']) || collect($item['submenu'])->contains(fn($s) => request()->routeIs($s['route'])))
- : request()->routeIs($item['route']))
- 
- @if ($hasSubmenu)
- class="fixed z-[55] hidden w-[204px] overflow-hidden rounded-2xl border border-ink-100 bg-white shadow-lift"
- style="opacity:0;transform:scale(0.95) translateY(-4px);transition:opacity 160ms ease,transform 160ms ease;"
- >
-                         {{-- Header --}}
-                         <div class="flex items-center gap-2.5 bg-gradient-to-r from-navy-800 to-navy-700 px-3.5 py-3">
-                             <span class="grid h-7 w-7 shrink-0 place-items-center rounded-lg bg-white/10 text-white ring-1 ring-white/15">
-                                 <x-lucide-factory class="h-3.5 w-3.5" />
-                             </span>
-                             <span class="font-display text-[13.5px] font-extrabold tracking-tight text-white">Plants</span>
-                             <x-lucide-chevron-right class="ml-auto h-3.5 w-3.5 shrink-0 text-white/35" />
-                         </div>

+ @foreach ($items as $item)
+ @php($hasSubmenu = !empty($item['submenu']))
+ @php($active = $hasSubmenu
+                 ? (request()->routeIs($item['route']) || collect($item['submenu'])->contains(fn($s) => $s['route'] && request()->routeIs($s['route'])))
+ : request()->routeIs($item['route']))
+ 
+ @if ($hasSubmenu)
+ class="fixed z-[55] hidden w-[204px] overflow-hidden rounded-2xl border border-ink-100 bg-white shadow-lift"
+ style="opacity:0;transform:scale(0.95) translateY(-4px);transition:opacity 160ms ease,transform 160ms ease;"
+ >
+ {{-- Items --}}
+ <div data-nav-submenu-list class="p-1.5 overflow-y-auto scrollbar-thin">
+ @foreach ($item['submenu'] as $sub)
+                                 @php($subDisabled = empty($sub['route']))
+                                 @php($subActive = !$subDisabled && request()->routeIs($sub['route']))
+                                 @if ($subDisabled)
+                                     <span
+                                         title="Coming soon"

+ @props(['label', 'name', 'icon' => 'file-text', 'accept' => '.pdf,.jpg,.jpeg,.png', 'hint' => 'PDF, JPG or PNG'])
+ 
+ <label data-file-field class="group relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border-2 border-dashed border-ink-200 bg-ink-50/40 px-4 py-5 text-center shadow-soft transition hover:border-brand-300 hover:bg-brand-50/30">
+     <span class="grid h-10 w-10 shrink-0 place-items-center rounded-xl bg-white text-ink-500 shadow-soft ring-1 ring-ink-100 transition group-hover:bg-brand-500 group-hover:text-white">
+         <x-dynamic-component :component="'lucide-' . $icon" class="h-5 w-5" />
+     </span>
+     <span class="text-[12.5px] font-extrabold text-ink-800">{{ $label }}</span>
+     <span data-file-field-name class="text-[11px] font-semibold text-ink-400">Click to upload &middot; {{ $hint }}</span>
+     <input type="file" name="{{ $name }}" accept="{{ $accept }}" {{ $attributes->merge(['class' => 'sr-only']) }} />
+ </label>

+ @props(['label', 'name'])
+ 
+ <div>
+     <label data-field-wrapper class="relative block rounded-2xl border border-ink-200 bg-white px-4 py-2.5 shadow-soft transition focus-within:border-brand-300 focus-within:ring-4 focus-within:ring-brand-100">
+         <span class="block text-xs font-bold text-ink-400">{{ $label }}</span>
+         <select
+             name="{{ $name }}"
+             {{ $attributes->merge(['class' => 'mt-0.5 block w-full appearance-none bg-transparent pr-6 text-[15px] font-extrabold text-ink-900 outline-none']) }}
+         >
+             {{ $slot }}
+         </select>
+         <x-lucide-chevron-down class="pointer-events-none absolute bottom-3 right-4 h-4 w-4 text-ink-400" />
+     </label>
+     <p data-field-error class="mt-1.5 hidden text-[11px] font-bold text-rose-600"></p>
+ </div>

- 
- @php
- $variants = [
-         'Active' => 'success', 'Available' => 'success', 'Completed' => 'success', 'Delivered' => 'success', 'Paid' => 'success', 'Passed' => 'success', 'Pass' => 'success', 'Approved' => 'success', 'Working' => 'success', 'Online' => 'success', 'Clear' => 'success',
- 'Scheduled' => 'info', 'Under Review' => 'info', 'Out for Delivery' => 'info', 'Track' => 'info', 'Live' => 'info', 'Production' => 'info', 'Assigned' => 'info', 'Idle' => 'info', 'Mixing' => 'info', 'Quality Check' => 'info', 'Ready for Loading' => 'info', 'Ready for Dispatch' => 'info',
-         'New' => 'warn', 'Pending' => 'warn', 'Queued' => 'warn', 'Batching' => 'warn', 'QC Hold' => 'warn', 'Wallet Hold' => 'warn', 'Hold' => 'warn', 'On Hold' => 'warn', 'Loading' => 'warn', 'Limited' => 'warn', 'In Progress' => 'warn', 'Need Resubmission' => 'warn', 'Traffic' => 'warn', 'Loading Queue' => 'warn', 'Maintenance' => 'warn', 'Outstanding' => 'warn',
-         'Failed' => 'bad', 'Cancelled' => 'bad', 'Needs Assignment' => 'bad', 'Rejected' => 'bad', 'Blocked' => 'bad', 'Overdue' => 'bad', 'Offline' => 'bad',
- ];
- 
- $variant = $variants[$label] ?? 'neutral';

+ 
+ @php
+ $variants = [
+         'Active' => 'success', 'Available' => 'success', 'Completed' => 'success', 'Delivered' => 'success', 'Paid' => 'success', 'Passed' => 'success', 'Pass' => 'success', 'Approved' => 'success', 'Working' => 'success', 'Online' => 'success', 'Clear' => 'success', 'Healthy' => 'success',
+ 'Scheduled' => 'info', 'Under Review' => 'info', 'Out for Delivery' => 'info', 'Track' => 'info', 'Live' => 'info', 'Production' => 'info', 'Assigned' => 'info', 'Idle' => 'info', 'Mixing' => 'info', 'Quality Check' => 'info', 'Ready for Loading' => 'info', 'Ready for Dispatch' => 'info',
+         'New' => 'warn', 'Pending' => 'warn', 'Queued' => 'warn', 'Batching' => 'warn', 'QC Hold' => 'warn', 'Wallet Hold' => 'warn', 'Hold' => 'warn', 'On Hold' => 'warn', 'Loading' => 'warn', 'Limited' => 'warn', 'In Progress' => 'warn', 'Need Resubmission' => 'warn', 'Traffic' => 'warn', 'Loading Queue' => 'warn', 'Maintenance' => 'warn', 'Outstanding' => 'warn', 'Overstock' => 'warn',
+         'Failed' => 'bad', 'Cancelled' => 'bad', 'Needs Assignment' => 'bad', 'Rejected' => 'bad', 'Blocked' => 'bad', 'Overdue' => 'bad', 'Offline' => 'bad', 'Low Stock' => 'bad',
+ ];
+ 
+ $variant = $variants[$label] ?? 'neutral';

+ @props(['label', 'name', 'type' => 'text', 'placeholder' => 'Enter'])
+ 
+ <div>
+     <label data-field-wrapper class="block rounded-2xl border border-ink-200 bg-white px-4 py-2.5 shadow-soft transition focus-within:border-brand-300 focus-within:ring-4 focus-within:ring-brand-100">
+         <span class="block text-xs font-bold text-ink-400">{{ $label }}</span>
+         <input
+             type="{{ $type }}"
+             name="{{ $name }}"
+             placeholder="{{ $placeholder }}"
+             {{ $attributes->merge(['class' => 'mt-0.5 block w-full bg-transparent text-[15px] font-extrabold text-ink-900 outline-none placeholder:font-bold placeholder:text-ink-300']) }}
+         />
+     </label>
+     <p data-field-error class="mt-1.5 hidden text-[11px] font-bold text-rose-600"></p>
+ </div>

+ @props(['label', 'name', 'rows' => 4, 'placeholder' => 'Enter'])
+ 
+ <div class="h-full">
+     <label data-field-wrapper class="block h-full rounded-2xl border border-ink-200 bg-white px-4 py-2.5 shadow-soft transition focus-within:border-brand-300 focus-within:ring-4 focus-within:ring-brand-100">
+         <span class="block text-xs font-bold text-ink-400">{{ $label }}</span>
+         <textarea
+             name="{{ $name }}"
+             rows="{{ $rows }}"
+             placeholder="{{ $placeholder }}"
+             {{ $attributes->merge(['class' => 'mt-0.5 block w-full resize-none bg-transparent text-[15px] font-extrabold text-ink-900 outline-none placeholder:font-bold placeholder:text-ink-300']) }}
+         ></textarea>
+     </label>
+     <p data-field-error class="mt-1.5 hidden text-[11px] font-bold text-rose-600"></p>
+ </div>

+ <x-layout.app title="Approval Setup">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Approval Setup</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('orders.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Order</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Workflow</span>
+             </nav>
+         </div>
+ 
+         <div class="flex shrink-0 items-center gap-2.5">
+             <x-ui.button type="submit" form="approval-setup-form" variant="primary" icon="check" class="px-8">Submit</x-ui.button>
+             <a href="{{ route('settings.approval-workflow') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+                 <x-lucide-arrow-left class="h-4 w-4" /> Back
+             </a>
+         </div>
+     </div>

+ <x-layout.app title="Approval Workflows">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Settings</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('settings.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Settings</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Approval Workflows</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('settings.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     <section data-workflow-table class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white shadow-soft">
+         <div class="flex flex-col gap-3 border-b border-ink-100 bg-gradient-to-b from-white to-ink-50/70 p-4 sm:flex-row sm:items-center sm:justify-between">

+ <x-layout.app title="Create Capacity">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Settings</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('settings.capacity') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Capacity</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Create</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('settings.capacity') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     <section class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white p-5 shadow-soft sm:p-8">
+         <form data-capacity-create-form class="grid grid-cols-1 gap-4">

+ <x-layout.app title="Capacity">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Capacity</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('settings.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Settings</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Capacity</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('settings.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     <div class="reveal mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
+         <label class="relative w-full max-w-[360px]">

- </div>
- 
- <div class="mt-4 grid grid-cols-1 gap-4 xl:grid-cols-2">
-         <x-ui.panel title="Company-wise Orders" subtitle="Top B2B accounts">
- <x-ui.chart :config="$companyOrdersChart" height="260px" />
- </x-ui.panel>
- <x-ui.panel title="Plant Utilization" subtitle="Capacity, queue, inventory, and QC">

+ </div>
+ 
+ <div class="mt-4 grid grid-cols-1 gap-4 xl:grid-cols-2">
+         <x-ui.panel title="Vendor-wise Orders" subtitle="Top B2B accounts">
+ <x-ui.chart :config="$companyOrdersChart" height="260px" />
+ </x-ui.panel>
+ <x-ui.panel title="Plant Utilization" subtitle="Capacity, queue, inventory, and QC">

+ <x-layout.app title="Create Global Master">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Global Master</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('settings.global') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Global Master</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Create</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('settings.global') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     <section class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white p-5 shadow-soft sm:p-8">
+         <form data-global-master-create-form class="grid grid-cols-1 gap-4">

+ <x-layout.app title="Global Master">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Global Master</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('settings.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Settings</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Global Master</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('settings.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     <div class="reveal mb-4 flex justify-end">
+         <x-ui.button variant="primary" icon="plus" href="{{ route('settings.global.create') }}">Create New</x-ui.button>

+ <x-layout.app title="Create Inventory Record">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Settings</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('inventory.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Inventory</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Create</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('inventory.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     <section class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white p-5 shadow-soft sm:p-8">
+         <form data-inventory-create-form class="grid grid-cols-1 gap-4">

+ <x-layout.app title="Inventory">
+     <x-ui.page-header eyebrow="Vendor Management" title="Inventory" subtitle="Material stock levels, capacity, and reorder status for the selected batching plant.">
+         <x-slot:actions>
+             <x-ui.button variant="ghost" icon="file-down" data-inventory-export>Export</x-ui.button>
+             <x-ui.button variant="primary" icon="plus" href="{{ route('inventory.create', ['plant' => $selectedPlant['code']]) }}">Create</x-ui.button>
+         </x-slot:actions>
+     </x-ui.page-header>
+ 
+     <form data-inventory-plant-form method="GET" action="{{ route('inventory.index') }}" class="reveal mb-5 flex flex-col gap-3 rounded-2xl border border-ink-100 bg-white p-4 shadow-soft">
+         <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4">
+             <label for="inventory-search-mode" class="flex shrink-0 items-center gap-2 text-[13px] font-extrabold text-ink-800">
+                 <span class="grid h-9 w-9 place-items-center rounded-xl bg-brand-50 text-brand-600"><x-lucide-search class="h-4 w-4" /></span>
+                 Search By
+             </label>
+             <select id="inventory-search-mode" data-inventory-search-mode class="h-11 w-full rounded-xl border border-ink-200 bg-white px-3 text-[13px] font-bold text-ink-800 shadow-soft outline-none transition focus:border-brand-300 focus:ring-4 focus:ring-brand-100 sm:max-w-[220px]">
+                 <option value="plant">Batching Plant</option>
+                 <option value="location">Location</option>
+             </select>

+ <x-layout.app title="Create Location">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Vendor</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('plants.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Vendor</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <a href="{{ route('locations.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Location</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Create</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('locations.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 

+ <x-layout.app title="Locations">
+     <x-ui.page-header eyebrow="Vendor Management" title="Locations" subtitle="Vendor site locations, contact persons, and status.">
+         <x-slot:actions>
+             <x-ui.button variant="ghost" icon="file-down" data-location-export>Export</x-ui.button>
+             <x-ui.button variant="primary" icon="plus" href="{{ route('locations.create') }}">Create</x-ui.button>
+         </x-slot:actions>
+     </x-ui.page-header>
+ 
+     <section data-location-table class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white shadow-soft">
+         <div class="flex flex-col gap-3 border-b border-ink-100 bg-gradient-to-b from-white to-ink-50/70 p-4 sm:flex-row sm:items-center sm:justify-between">
+             <label class="relative w-full max-w-[360px]">
+                 <span class="sr-only">Search locations</span>
+                 <x-lucide-search class="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ink-400" />
+                 <input data-location-search type="search" placeholder="Search by company, code, name, contact&hellip;" class="h-10 w-full rounded-xl border border-ink-200 bg-white py-2 pl-9 pr-3 text-[13px] font-semibold text-ink-800 shadow-soft outline-none transition placeholder:text-ink-400 focus:border-brand-300 focus:ring-4 focus:ring-brand-100" />
+             </label>
+ 
+             <label class="sr-only" for="location-status-filter">Filters</label>
+             <select id="location-status-filter" data-location-filter-status class="h-10 shrink-0 rounded-xl border border-ink-200 bg-white px-3 text-[12px] font-bold text-ink-700 shadow-soft outline-none transition focus:border-brand-300 focus:ring-4 focus:ring-brand-100">

+ <x-layout.app title="Create Mix">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Vendor</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('plants.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Vendor</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <a href="{{ route('mixes.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Mix</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Create</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('mixes.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 

+ <x-layout.app title="Create Mix Type">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Vendor</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('plants.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Vendor</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <a href="{{ route('mix-types.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Mix Type</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Create</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('mix-types.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 

+ <x-layout.app title="Mix Types">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Vendor</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('plants.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Vendor</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Mix Type</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('plants.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     <section data-mixtype-table class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white shadow-soft">
+         <div class="flex flex-col gap-3 border-b border-ink-100 bg-gradient-to-b from-white to-ink-50/70 p-4 sm:flex-row sm:items-center sm:justify-between">

+ <x-layout.app title="Mix Codes">
+     <x-ui.page-header eyebrow="Vendor Management" title="Mix" subtitle="Approved concrete mix designs, mix codes, density, and usage.">
+         <x-slot:actions>
+             <x-ui.button variant="ghost" icon="file-down" data-mix-export>Export</x-ui.button>
+             <x-ui.button variant="primary" icon="plus" href="{{ route('mixes.create') }}">Create</x-ui.button>
+         </x-slot:actions>
+     </x-ui.page-header>
+ 
+     <section data-mix-table class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white shadow-soft">
+         <div class="flex flex-col gap-3 border-b border-ink-100 bg-gradient-to-b from-white to-ink-50/70 p-4 sm:flex-row sm:items-center sm:justify-between">
+             <label class="relative w-full max-w-[360px]">
+                 <span class="sr-only">Search mixes</span>
+                 <x-lucide-search class="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ink-400" />
+                 <input data-mix-search type="search" placeholder="Search by company, mix code, mix name&hellip;" class="h-10 w-full rounded-xl border border-ink-200 bg-white py-2 pl-9 pr-3 text-[13px] font-semibold text-ink-800 shadow-soft outline-none transition placeholder:text-ink-400 focus:border-brand-300 focus:ring-4 focus:ring-brand-100" />
+             </label>
+ 
+             <label class="sr-only" for="mix-status-filter">Filters</label>
+             <select id="mix-status-filter" data-mix-filter-status class="h-10 shrink-0 rounded-xl border border-ink-200 bg-white px-3 text-[12px] font-bold text-ink-700 shadow-soft outline-none transition focus:border-brand-300 focus:ring-4 focus:ring-brand-100">

+ <x-layout.app title="Create Batching Plant">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Vendor</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('plants.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Vendor</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Create</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('plants.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     <section class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white p-5 shadow-soft sm:p-8">
+         <form data-plant-create-form class="grid grid-cols-1 gap-4">

- 'Out for Delivery'  => ['badge' => 'bg-aqua-50 text-aqua-600 ring-aqua-100', 'dot' => 'bg-aqua-400'],
- ];
- 
- $kyc = $vendor['kyc'] ?? [];
- $kycStatuses = array_column($kyc, 'status');
- $verifiedCount = count(array_filter($kyc, fn ($item) => ($item['status'] ?? '') === 'Verified'));
- <span class="inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[10.5px] font-extrabold ring-1 {{ $sTone['badge'] }}"><span class="h-1.5 w-1.5 rounded-full {{ $sTone['dot'] }}"></span>{{ $plant['status'] }}</span>
- <span class="inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[10.5px] font-extrabold ring-1 {{ $connectionTone['badge'] }}"><span class="h-1.5 w-1.5 rounded-full {{ $connectionTone['dot'] }}"></span>{{ $plant['connection'] }}</span>
- </div>
-                             <h1 class="font-display text-[25px] font-extrabold leading-tight text-ink-900 lg:text-[30px]">{{ $plant['name'] }}</h1>
- <div class="mt-3 grid gap-2 text-[12px] font-semibold text-ink-500 sm:grid-cols-2">
- <span class="flex min-w-0 items-center gap-2"><x-lucide-map-pin class="h-3.5 w-3.5 shrink-0 text-brand-400" /> <span class="truncate">{{ $plant['location'] }}</span></span>
-                                 <span class="flex min-w-0 items-center gap-2"><x-lucide-building-2 class="h-3.5 w-3.5 shrink-0 text-brand-400" /> <span class="truncate">{{ $vendor['company_name'] }}</span></span>
- <span class="flex min-w-0 items-center gap-2"><x-lucide-user-circle class="h-3.5 w-3.5 shrink-0 text-brand-400" /> <span class="truncate">{{ $plant['contact_person'] }}</span></span>
- <span class="flex min-w-0 items-center gap-2"><x-lucide-refresh-cw class="h-3.5 w-3.5 shrink-0 text-brand-400" /> <span class="truncate">Synced {{ $plant['last_updated'] }}</span></span>
- </div>
- @endforeach
- </div>

+ 'Out for Delivery'  => ['badge' => 'bg-aqua-50 text-aqua-600 ring-aqua-100', 'dot' => 'bg-aqua-400'],
+ ];
+ 
+     $siteStatusTone = [
+         'Active'  => ['badge' => 'bg-aqua-50 text-aqua-700 ring-aqua-100', 'dot' => 'bg-aqua-500'],
+         'On Hold' => ['badge' => 'bg-rose-50 text-rose-600 ring-rose-100', 'dot' => 'bg-rose-500'],
+     ];
+     $truckAssignedStatusTone = [
+         'Loading'   => ['badge' => 'bg-amber-50 text-amber-700 ring-amber-100', 'dot' => 'bg-amber-500'],
+         'En Route'  => ['badge' => 'bg-brand-50 text-brand-700 ring-brand-100', 'dot' => 'bg-brand-500'],
+         'At Site'   => ['badge' => 'bg-aqua-50 text-aqua-700 ring-aqua-100', 'dot' => 'bg-aqua-500'],
+         'Returning' => ['badge' => 'bg-sky-50 text-sky-700 ring-sky-100', 'dot' => 'bg-sky-400'],
+         'Idle'      => ['badge' => 'bg-ink-100 text-ink-600 ring-ink-200', 'dot' => 'bg-ink-400'],
+     ];
+ 
+ $kyc = $vendor['kyc'] ?? [];
+ $kycStatuses = array_column($kyc, 'status');
+ $verifiedCount = count(array_filter($kyc, fn ($item) => ($item['status'] ?? '') === 'Verified'));

- ];
- @endphp
- 
- <x-layout.app title="Plant Management">
-     <x-ui.page-header eyebrow="Plant Management" title="Plants" subtitle="Enterprise plant master data, capacity coverage, live order load, site availability, and operating status.">
- <x-slot:actions>
- <x-ui.button variant="ghost" icon="file-down" data-export="csv" form="plants-table-form">Export</x-ui.button>
-             <x-ui.button variant="primary" icon="plus">Add Plant</x-ui.button>
- </x-slot:actions>
- </x-ui.page-header>
- 
- <form id="plants-table-form" class="border-b border-ink-100 bg-gradient-to-b from-white to-ink-50/70 p-4">
- <div class="flex flex-col gap-3">
- <div class="flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between">
-                     <label class="relative w-full min-w-[260px] xl:max-w-[440px]">
-                         <span class="sr-only">Search plants</span>
-                         <x-lucide-search class="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ink-400" />
-                         <input data-plant-search type="search" placeholder="Search plant, code, vendor, city" class="h-10 w-full rounded-xl border border-ink-200 bg-white py-2 pl-9 pr-3 text-[13px] font-semibold text-ink-800 shadow-soft outline-none transition placeholder:text-ink-400 focus:border-brand-300 focus:ring-4 focus:ring-brand-100" />

+ ];
+ @endphp
+ 
+ <x-layout.app title="Vendor Management">
+     <x-ui.page-header eyebrow="Vendor Management" title="Vendors" subtitle="Enterprise plant master data, capacity coverage, live order load, site availability, and operating status.">
+ <x-slot:actions>
+ <x-ui.button variant="ghost" icon="file-down" data-export="csv" form="plants-table-form">Export</x-ui.button>
+             <x-ui.button variant="primary" icon="plus" href="{{ route('vendors.create') }}">Create</x-ui.button>
+ </x-slot:actions>
+ </x-ui.page-header>
+ 
+ <form id="plants-table-form" class="border-b border-ink-100 bg-gradient-to-b from-white to-ink-50/70 p-4">
+ <div class="flex flex-col gap-3">
+ <div class="flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between">
+                     <div class="flex w-full flex-col gap-2 sm:flex-row xl:max-w-[620px]">
+                         <label class="sr-only" for="plant-search-by">Search By</label>
+                         <select id="plant-search-by" data-plant-search-by class="h-10 shrink-0 rounded-xl border border-ink-200 bg-white px-3 text-[12px] font-bold text-ink-700 shadow-soft outline-none transition focus:border-brand-300 focus:ring-4 focus:ring-brand-100 sm:w-[168px]">
+                             <option value="">Search By: All Fields</option>

+ <x-layout.app title="Create Pump">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Vendor</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('plants.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Vendor</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <a href="{{ route('pumps.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Pump</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Create</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('pumps.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 

+ <x-layout.app title="Pumps">
+     <x-ui.page-header eyebrow="Vendor Management" title="Pumps" subtitle="Concrete pump fleet, assigned operators, capacity, and operating status.">
+         <x-slot:actions>
+             <x-ui.button variant="ghost" icon="file-down" data-pump-export>Export</x-ui.button>
+             <x-ui.button variant="primary" icon="plus" href="{{ route('pumps.create') }}">Create</x-ui.button>
+         </x-slot:actions>
+     </x-ui.page-header>
+ 
+     <section data-pump-table class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white shadow-soft">
+         <div class="flex flex-col gap-3 border-b border-ink-100 bg-gradient-to-b from-white to-ink-50/70 p-4 sm:flex-row sm:items-center sm:justify-between">
+             <label class="relative w-full max-w-[360px]">
+                 <span class="sr-only">Search pumps</span>
+                 <x-lucide-search class="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ink-400" />
+                 <input data-pump-search type="search" placeholder="Search by company, name, type, operator&hellip;" class="h-10 w-full rounded-xl border border-ink-200 bg-white py-2 pl-9 pr-3 text-[13px] font-semibold text-ink-800 shadow-soft outline-none transition placeholder:text-ink-400 focus:border-brand-300 focus:ring-4 focus:ring-brand-100" />
+             </label>
+ 
+             <label class="sr-only" for="pump-status-filter">Filters</label>
+             <select id="pump-status-filter" data-pump-filter-status class="h-10 shrink-0 rounded-xl border border-ink-200 bg-white px-3 text-[12px] font-bold text-ink-700 shadow-soft outline-none transition focus:border-brand-300 focus:ring-4 focus:ring-brand-100">

+ <x-layout.app :title="$title">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Settings</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('settings.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Settings</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>{{ $title }}</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('settings.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     <section class="reveal flex flex-col items-center gap-4 overflow-hidden rounded-3xl border border-ink-100 bg-white p-10 text-center shadow-soft sm:p-16">
+         <span class="grid h-16 w-16 place-items-center rounded-full bg-brand-50 text-brand-600">

- <x-layout.app title="Settings">
-     <x-ui.page-header eyebrow="Configuration" title="Settings" subtitle="Company settings, app settings, notification templates, taxes, delivery charges, and service areas.">
-         <x-slot:actions>
-             <x-ui.button variant="primary" icon="check">Save Changes</x-ui.button>
-         </x-slot:actions>
-     </x-ui.page-header>
- 
-     <div class="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3">
-         @foreach ($groups as $group)
-             <x-ui.panel :title="$group['title']">
-                 <div class="space-y-2.5">
-                     @foreach ($group['fields'] as $f)
-                         <x-ui.field :label="$f['label']" :value="$f['value']" />
-                     @endforeach
-                 </div>
-             </x-ui.panel>
- @endforeach
- </div>

+ <x-layout.app title="Settings">
+     <x-ui.page-header eyebrow="Configuration" title="Settings" subtitle="Manage master data and system-wide configuration across the platform." />
+ 
+     <div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:gap-5">
+         @foreach ($sections as $section)
+             <a href="{{ route($section['route']) }}" class="card-hover reveal group relative flex flex-col items-center gap-4 overflow-hidden rounded-3xl border border-ink-100 bg-white px-5 py-9 text-center shadow-soft">
+                 <span class="absolute inset-x-0 top-0 h-[3px] origin-left scale-x-0 bg-gradient-to-r from-brand-500 via-brand-400 to-aqua-400 transition-transform duration-300 ease-out group-hover:scale-x-100"></span>
+ 
+                 <x-lucide-arrow-up-right class="absolute right-4 top-4 h-4 w-4 -translate-y-1 text-ink-300 opacity-0 transition duration-300 ease-out group-hover:translate-y-0 group-hover:text-brand-500 group-hover:opacity-100" />
+ 
+                 <span class="grid h-16 w-16 shrink-0 place-items-center rounded-2xl bg-brand-50 text-brand-600 shadow-soft transition duration-300 ease-out group-hover:scale-110 group-hover:bg-gradient-to-br group-hover:from-brand-500 group-hover:to-brand-400 group-hover:text-white group-hover:shadow-glow">
+                     <x-dynamic-component :component="'lucide-' . $section['icon']" class="h-7 w-7" />
+                 </span>
+ 
+                 <span>
+                     <span class="block font-display text-[14.5px] font-extrabold leading-tight text-ink-900">{{ $section['label'] }}</span>
+                     <span class="mt-1 block text-[11.5px] font-semibold text-ink-400">{{ $section['description'] }}</span>
+                 </span>

+ <x-layout.app title="Create Structure">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Settings</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('settings.structure') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Structure</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Create</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('settings.structure') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     <section class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white p-5 shadow-soft sm:p-8">
+         <form data-structure-create-form class="grid grid-cols-1 gap-4">

+ <x-layout.app title="Structure">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Settings</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('settings.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Settings</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Structure</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('settings.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     <section data-structure-table class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white shadow-soft">
+         <div class="flex flex-col gap-3 border-b border-ink-100 bg-gradient-to-b from-white to-ink-50/70 p-4 sm:flex-row sm:items-center sm:justify-between">

+ <x-layout.app title="Create Transit Mixer">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Vendor</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('plants.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Vendor</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <a href="{{ route('transit-mixers.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Transit Mixer</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Create</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('transit-mixers.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 

+ <x-layout.app title="Transit Mixers">
+     <x-ui.page-header eyebrow="Vendor Management" title="Transit Mixers" subtitle="Transit mixer fleet, assigned drivers, capacity, and operating status.">
+         <x-slot:actions>
+             <x-ui.button variant="ghost" icon="file-down" data-tm-export>Export</x-ui.button>
+             <x-ui.button variant="primary" icon="plus" href="{{ route('transit-mixers.create') }}">Create</x-ui.button>
+         </x-slot:actions>
+     </x-ui.page-header>
+ 
+     <section data-transit-mixer-table class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white shadow-soft">
+         <div class="flex flex-col gap-3 border-b border-ink-100 bg-gradient-to-b from-white to-ink-50/70 p-4 sm:flex-row sm:items-center sm:justify-between">
+             <label class="relative w-full max-w-[360px]">
+                 <span class="sr-only">Search transit mixers</span>
+                 <x-lucide-search class="pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ink-400" />
+                 <input data-tm-search type="search" placeholder="Search by company, code, plate no, driver&hellip;" class="h-10 w-full rounded-xl border border-ink-200 bg-white py-2 pl-9 pr-3 text-[13px] font-semibold text-ink-800 shadow-soft outline-none transition placeholder:text-ink-400 focus:border-brand-300 focus:ring-4 focus:ring-brand-100" />
+             </label>
+ 
+             <label class="sr-only" for="tm-status-filter">Filters</label>
+             <select id="tm-status-filter" data-tm-filter-status class="h-10 shrink-0 rounded-xl border border-ink-200 bg-white px-3 text-[12px] font-bold text-ink-700 shadow-soft outline-none transition focus:border-brand-300 focus:ring-4 focus:ring-brand-100">

+ <x-layout.app title="Create User">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Settings</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('users.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">User</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Create</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('users.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     <section class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white p-5 shadow-soft sm:p-8">
+         <form data-user-create-form class="grid grid-cols-1 gap-4">

- <x-layout.app title="Users">
-     <x-ui.page-header eyebrow="Access control" title="Users" subtitle="Admin users, roles, permissions, and operational access.">
-         <x-slot:actions>
-             <x-ui.button variant="primary" icon="user-plus">Add User</x-ui.button>
-         </x-slot:actions>
-     </x-ui.page-header>
- 
-     <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
-         @foreach ($cards as $card)
-             <x-ui.feature-card :title="$card['name']" :subtitle="$card['sub']" :status="$card['status']">
-                 <div class="flex items-center gap-3">
-                     <x-ui.avatar :name="$card['name']" />
-                     <div class="flex-1">
-                         <x-ui.progress-bar :value="$card['progress']" />
-                     </div>
-                     <span class="text-xs font-extrabold text-ink-500">{{ $card['progress'] }}%</span>
-                 </div>
-             </x-ui.feature-card>

+ <x-layout.app title="Users">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Settings</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('settings.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Settings</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Users</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('settings.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+ </div>
+ 
+     <section data-user-table class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white shadow-soft">
+         <div class="flex flex-col gap-3 border-b border-ink-100 bg-gradient-to-b from-white to-ink-50/70 p-4 sm:flex-row sm:items-center sm:justify-between">

+ <x-layout.app title="Create Vendor">
+     <div class="reveal mb-6 flex flex-wrap items-start justify-between gap-4">
+         <div>
+             <h1 class="font-display text-[28px] font-extrabold leading-tight text-ink-900 sm:text-[32px]">Vendor</h1>
+             <nav class="mt-1.5 flex items-center gap-1.5 text-[13px] font-bold text-ink-400">
+                 <a href="{{ route('plants.index') }}" class="font-extrabold text-ink-800 transition hover:text-brand-600">Vendor</a>
+                 <x-lucide-chevron-right class="h-3.5 w-3.5 text-ink-300" />
+                 <span>Create</span>
+             </nav>
+         </div>
+ 
+         <a href="{{ route('plants.index') }}" class="inline-flex h-11 shrink-0 items-center gap-2 rounded-full border border-ink-200 bg-white px-5 text-[13px] font-bold text-ink-700 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 active:scale-[0.97]">
+             <x-lucide-arrow-left class="h-4 w-4" /> Back
+         </a>
+     </div>
+ 
+     {{-- Step indicator — purely presentational, driven by the server-provided $step. --}}
+     <div class="reveal mb-6 flex items-center justify-center gap-3 sm:gap-6">

+ {{-- Existing Batching Plant form fields. Reused as-is (unchanged fields/validations)
+      by both the standalone "Create Batching Plant" page and the Create Vendor
+      wizard's Step 2. Expects $companies and $locations to be available in the
+      including view. Company Name and Location stay fixed; everything else is
+      wrapped in a repeatable "Set" section (see the including view's script for
+      the +Add/remove behavior, driven by the [data-repeatable-*] attributes). --}}
+ <div class="flex justify-end">
+     <label class="inline-flex cursor-pointer select-none items-center gap-2.5">
+         <input type="checkbox" name="active" checked class="peer sr-only">
+         <span class="relative h-6 w-11 shrink-0 rounded-full bg-ink-200 transition-colors duration-200 peer-checked:bg-brand-500 after:absolute after:left-0.5 after:top-0.5 after:h-5 after:w-5 after:rounded-full after:bg-white after:shadow-soft after:transition-transform after:duration-200 after:content-[''] peer-checked:after:translate-x-5"></span>
+         <span class="text-sm font-extrabold text-ink-800">Active</span>
+     </label>
+ </div>
+ 
+ <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+     <x-ui.select-field label="Company Name" name="company" required>
+         @foreach ($companies as $company)
+             <option value="{{ $company }}" @selected($company === 'RMB Dubai')>{{ strtoupper($company) }}</option>

+ {{-- Existing Vendor Registration form fields. Reused as-is (unchanged fields/validations)
+      by both the standalone flow and the Create Vendor wizard's Step 1. Expects $locations
+      and $kycDocuments to be available in the including view. --}}
+ <div class="space-y-4">
+     <section class="reveal overflow-hidden rounded-3xl border border-ink-100 bg-white p-5 shadow-soft sm:p-8">
+         <div class="mb-5 flex flex-wrap items-center justify-between gap-3">
+             <div class="flex items-center gap-3">
+                 <span class="grid h-9 w-9 place-items-center rounded-xl bg-brand-50 text-brand-600 ring-1 ring-brand-100"><x-lucide-building-2 class="h-[18px] w-[18px]" /></span>
+                 <div>
+                     <h2 class="text-[14px] font-extrabold text-ink-900">Company Details</h2>
+                     <p class="text-[11px] font-semibold text-ink-400">Legal and registration information</p>
+                 </div>
+             </div>
+             <label class="inline-flex cursor-pointer select-none items-center gap-2.5">
+                 <input type="checkbox" name="active" checked class="peer sr-only">
+                 <span class="relative h-6 w-11 shrink-0 rounded-full bg-ink-200 transition-colors duration-200 peer-checked:bg-brand-500 after:absolute after:left-0.5 after:top-0.5 after:h-5 after:w-5 after:rounded-full after:bg-white after:shadow-soft after:transition-transform after:duration-200 after:content-[''] peer-checked:after:translate-x-5"></span>
+                 <span class="text-sm font-extrabold text-ink-800">Active</span>
+             </label>

- <?php
- 
- use App\Http\Controllers\B2bPortalController;
- use App\Http\Controllers\CompanyController;
- use App\Http\Controllers\CustomerController;
- use App\Http\Controllers\DashboardController;
- use App\Http\Controllers\DeliveryController;
- use App\Http\Controllers\DispatchController;
- use App\Http\Controllers\DriverController;
- use App\Http\Controllers\FinanceController;
- use App\Http\Controllers\InvoiceController;
- use App\Http\Controllers\NotificationController;
- use App\Http\Controllers\OrderController;
- use App\Http\Controllers\PaymentController;
- use App\Http\Controllers\PlantController;
- use App\Http\Controllers\PricingController;
- use App\Http\Controllers\ProductController;
- use App\Http\Controllers\ProjectController;

+ <?php
+ 
+ use App\Http\Controllers\ApprovalWorkflowController;
+ use App\Http\Controllers\B2bPortalController;
+ use App\Http\Controllers\CapacityController;
+ use App\Http\Controllers\CompanyController;
+ use App\Http\Controllers\CustomerController;
+ use App\Http\Controllers\DashboardController;
+ use App\Http\Controllers\DeliveryController;
+ use App\Http\Controllers\DispatchController;
+ use App\Http\Controllers\DriverController;
+ use App\Http\Controllers\FinanceController;
+ use App\Http\Controllers\GlobalMasterController;
+ use App\Http\Controllers\InventoryController;
+ use App\Http\Controllers\InvoiceController;
+ use App\Http\Controllers\LocationController;
+ use App\Http\Controllers\MixController;
+ use App\Http\Controllers\MixTypeController;