Commit Review Workspace ?

- 
- namespace App\Http\Controllers;
- 
- use App\Support\Demo\DemoData;
- 
- class FinanceController extends Controller
- {
-     public function index()
- {
-         return view('pages.finance', DemoData::finance());
- }
- }

+ 
+ namespace App\Http\Controllers;
+ 
+ use App\Exports\FinanceRecordsExport;
+ use App\Support\Demo\DemoData;
+ use Barryvdh\DomPDF\Facade\Pdf;
+ use Illuminate\Http\Request;
+ use Illuminate\Support\Carbon;
+ use Maatwebsite\Excel\Facades\Excel;
+ 
+ class FinanceController extends Controller
+ {
+     public function index(Request $request)
+ {
+         $filters = $this->filtersFromRequest($request);
+ 
+         $data = DemoData::finance();
+         $data['rows'] = $this->filterRows($data['rows'], $filters);

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

+ {
+ return view('pages.orders', DemoData::orders());
+ }
+ 
+     public function show(string $id)
+     {
+         $details = DemoData::orderDetail($id);
+ 
+         abort_if(! $details, 404);
+ 
+         return view('pages.order-details', $details);
+     }
+ }

- return [
- ['route' => 'dashboard', 'icon' => 'layout-dashboard', 'label' => 'Dashboard'],
- ['route' => 'customers.index', 'icon' => 'users', 'label' => 'Customers'],
-             ['route' => 'companies.index', 'icon' => 'building-2', 'label' => 'Companies'],
-             ['route' => 'projects.index', 'icon' => 'briefcase', 'label' => 'Projects'],
- ['route' => 'orders.index', 'icon' => 'clipboard-list', 'label' => 'Orders'],
- ['route' => 'dispatch.index', 'icon' => 'route', 'label' => 'Dispatch'],
-             ['route' => 'plants.index', 'icon' => 'factory', 'label' => 'Plants'],
- ['route' => 'products.index', 'icon' => 'package', 'label' => 'Products'],
- ['route' => 'pricing.index', 'icon' => 'badge-dollar-sign', 'label' => 'Pricing'],
-             ['route' => 'finance.index', 'icon' => 'landmark', 'label' => 'Finance'],
- ['route' => 'verification.index', 'icon' => 'shield-check', 'label' => 'Verification'],
- ['route' => 'reports.index', 'icon' => 'bar-chart-3', 'label' => 'Reports'],
- ['route' => 'notifications.index', 'icon' => 'bell', 'label' => 'Alerts'],
- 'timeline' => ['Order Created', 'Approved', 'Plant Assigned', 'Truck Assigned', 'Loading', 'Out for Delivery', 'Delivered'],
- ];
- }
- public static function dispatch(): array

+ 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'],
+             ['route' => 'projects.index', 'icon' => 'briefcase', 'label' => 'Projects'],
+ ['route' => 'dispatch.index', 'icon' => 'route', 'label' => 'Dispatch'],
+ 
+ ['route' => 'products.index', 'icon' => 'package', 'label' => 'Products'],
+ ['route' => 'pricing.index', 'icon' => 'badge-dollar-sign', 'label' => 'Pricing'],
+ 
+ ['route' => 'verification.index', 'icon' => 'shield-check', 'label' => 'Verification'],
+ ['route' => 'reports.index', 'icon' => 'bar-chart-3', 'label' => 'Reports'],
+ ['route' => 'notifications.index', 'icon' => 'bell', 'label' => 'Alerts'],
+ 'timeline' => ['Order Created', 'Approved', 'Plant Assigned', 'Truck Assigned', 'Loading', 'Out for Delivery', 'Delivered'],
+ ];

- "license":  "MIT",
- "require":  {
- "php": "^8.2",
- "laravel/framework": "^12.0",
- "laravel/tinker": "^2.10.1",
- "mallardduck/blade-lucide-icons": "^1.26"
- },
- "require-dev":  {

+ "license":  "MIT",
+ "require":  {
+ "php": "^8.2",
+         "barryvdh/laravel-dompdf": "^3.1",
+ "laravel/framework": "^12.0",
+ "laravel/tinker": "^2.10.1",
+         "maatwebsite/excel": "^3.1",
+ "mallardduck/blade-lucide-icons": "^1.26"
+ },
+ "require-dev":  {

- "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
- "This file is @generated automatically"
- ],
-     "content-hash": "a6effd47fb6eccac664347fb3e380d4f",
- "packages": [
- {
- "name": "blade-ui-kit/blade-icons",
- "version": "1.10.0",
- ],
- "time": "2024-02-09T16:56:22+00:00"
- },
- {
- "name": "dflydev/dot-access-data",
- "version": "v3.0.3",
- ],
- "time": "2024-02-05T11:56:58+00:00"
- },
- {

+ "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
+ "This file is @generated automatically"
+ ],
+     "content-hash": "ad1fd1940f940800f8f43ad137913e36",
+ "packages": [
+         {
+             "name": "barryvdh/laravel-dompdf",
+             "version": "v3.1.2",
+             "source": {
+                 "type": "git",
+                 "url": "https://github.com/barryvdh/laravel-dompdf.git",
+                 "reference": "ee3b72b19ccdf57d0243116ecb2b90261344dedc"
+             },
+             "dist": {
+                 "type": "zip",
+                 "url": "https://api.github.com/repos/barryvdh/laravel-dompdf/zipball/ee3b72b19ccdf57d0243116ecb2b90261344dedc",
+                 "reference": "ee3b72b19ccdf57d0243116ecb2b90261344dedc",
+                 "shasum": ""

+ <?php
+ 
+ use Maatwebsite\Excel\Excel;
+ use PhpOffice\PhpSpreadsheet\Reader\Csv;
+ 
+ return [
+     'exports' => [
+ 
+         /*
+         |--------------------------------------------------------------------------
+         | Chunk size
+         |--------------------------------------------------------------------------
+         |
+         | When using FromQuery, the query is automatically chunked.
+         | Here you can specify how big the chunk should be.
+         |
+         */
+         'chunk_size'             => 1000,

- });
- }
- 
- function initCommandPalette() {
- const overlay = document.querySelector('[data-command-palette]');
- const input = document.querySelector('[data-command-input]');
- });
- }
- 
- function initAnalyticsFilters() {
- document.querySelectorAll('[data-analytics-filters]').forEach((bar) => {
- const btns = Array.from(bar.querySelectorAll('[data-analytics-filter]'));
- initCountUp();
- initReveal();
- initNotifications();
- initCommandPalette();
- initTilt();
- initMobileNav();

+ });
+ }
+ 
+ function initExportMenus() {
+     document.querySelectorAll('[data-export-menu]').forEach((wrapper) => {
+         const trigger = wrapper.querySelector('[data-export-menu-trigger]');
+         const panel = wrapper.querySelector('[data-export-menu-panel]');
+         if (!trigger || !panel) return;
+ 
+         trigger.addEventListener('click', (e) => {
+             e.stopPropagation();
+             panel.classList.toggle('hidden');
+         });
+ 
+         document.addEventListener('click', (e) => {
+             if (!wrapper.contains(e.target)) {
+                 panel.classList.add('hidden');
+             }

+ <!doctype html>
+ <html>
+ <head>
+     <meta charset="utf-8">
+     <title>Finance Records</title>
+     <style>
+         body { font-family: Helvetica, Arial, sans-serif; color: #1a1726; font-size: 11px; }
+         .header { margin-bottom: 18px; }
+         .header h1 { font-size: 18px; margin: 0 0 4px; color: #1a1726; }
+         .header p { margin: 0; color: #6b7280; font-size: 10px; }
+         table { width: 100%; border-collapse: collapse; margin-top: 12px; }
+         th { text-align: left; background: #f4f2fb; color: #4b4560; text-transform: uppercase; font-size: 9px; letter-spacing: 0.04em; padding: 8px 10px; border-bottom: 1px solid #e6e3f1; }
+         td { padding: 7px 10px; border-bottom: 1px solid #eeecf6; font-size: 10.5px; }
+         tr:nth-child(even) td { background: #fbfafe; }
+         .amount { font-weight: bold; }
+         .empty { text-align: center; padding: 24px; color: #9a95ab; }
+     </style>
+ </head>

- <x-layout.app title="Finance">
-     <x-ui.page-header eyebrow="Finance" title="Finance" subtitle="Invoices, payments, outstanding balances, credit notes, wallet, credit limit, and refunds.">
- <x-slot:actions>
- <x-ui.button variant="ghost" icon="file-down">Statement</x-ui.button>
-             <x-ui.button variant="primary" icon="download">Export</x-ui.button>
- </x-slot:actions>
- </x-ui.page-header>
- 
- @endforeach
- </div>
- 
-     <x-ui.tabs :items="$tabs" />
- 
-     <div class="grid grid-cols-1 gap-4 xl:grid-cols-[1.3fr_.7fr]">
- <x-ui.table>
- <x-slot:head>
- <x-ui.th>Type</x-ui.th>
- <x-ui.th>ID</x-ui.th>

+ @php
+     $exportParams = array_filter([
+         'start_date' => $filters['start_date'] ?? null,
+         'end_date' => $filters['end_date'] ?? null,
+     ]);
+ @endphp
+ 
+ <x-layout.app title="Finance">
+     <x-ui.page-header eyebrow="Finance" title="Finance" subtitle="Invoices, payments, outstanding balances, credit notes, wallet, and refunds.">
+ <x-slot:actions>
+ <x-ui.button variant="ghost" icon="file-down">Statement</x-ui.button>
+ 
+             <div class="relative" data-export-menu>
+                 <x-ui.button variant="primary" icon="download" type="button" data-export-menu-trigger>
+                     Export
+                     <x-lucide-chevron-down class="h-3.5 w-3.5" />
+                 </x-ui.button>
+ 

+ @php
+     $paymentStatus = collect($paymentMeta)->firstWhere('label', 'Payment Status')['value'] ?? $row['payment'];
+     $grandTotal = collect($paymentLines)->firstWhere('label', 'Grand Total')['value'] ?? null;
+     $stateTone = [
+         'completed' => ['dot' => 'bg-aqua-500 text-white ring-aqua-100', 'line' => 'bg-aqua-200', 'badge' => 'bg-aqua-50 text-aqua-700 ring-aqua-100', 'icon' => 'check'],
+         'current' => ['dot' => 'bg-brand-500 text-white ring-brand-100 shadow-glow', 'line' => 'bg-ink-200', 'badge' => 'bg-brand-50 text-brand-700 ring-brand-100', 'icon' => 'activity'],
+         'pending' => ['dot' => 'bg-white text-ink-400 ring-ink-200', 'line' => 'bg-ink-200', 'badge' => 'bg-ink-100 text-ink-500 ring-ink-200', 'icon' => 'circle'],
+     ];
+     $docTone = ['Ready' => 'bg-aqua-50 text-aqua-700 ring-aqua-100', 'Uploaded' => 'bg-brand-50 text-brand-700 ring-brand-100', 'Draft' => 'bg-amber-50 text-amber-700 ring-amber-100', 'Pending' => 'bg-ink-100 text-ink-500 ring-ink-200', '4 files' => 'bg-sky-50 text-sky-600 ring-sky-100'];
+     $infoGroups = [
+         ['title' => 'Order Summary', 'subtitle' => 'Complete order information', 'icon' => 'clipboard-list', 'tone' => 'text-brand-500 ring-brand-100', 'items' => $orderSummary],
+         ['title' => 'Customer Details', 'subtitle' => $row['company'], 'icon' => 'user-circle', 'tone' => 'text-brand-500 ring-brand-100', 'items' => $customerDetails],
+         ['title' => 'Delivery Details', 'subtitle' => $row['delivery_date'], 'icon' => 'map-pinned', 'tone' => 'text-aqua-600 ring-aqua-100', 'items' => $deliveryDetails],
+         ['title' => 'Product Details', 'subtitle' => $row['product'] . ' / ' . $row['qty'], 'icon' => 'package', 'tone' => 'text-amber-600 ring-amber-100', 'items' => $productDetails],
+     ];
+     $heroMetrics = [
+         ['label' => 'Product', 'value' => $row['product'], 'card' => 'border-brand-100 bg-brand-50/60', 'labelClass' => 'text-brand-600'],
+         ['label' => 'Quantity', 'value' => $row['qty'], 'card' => 'border-aqua-100 bg-aqua-50/60', 'labelClass' => 'text-aqua-600'],

- <x-ui.td>{{ $row['driver'] }}</x-ui.td>
- <x-ui.td><x-ui.status-badge :label="$row['status']" /></x-ui.td>
- <x-ui.td><x-ui.status-badge :label="$row['payment']" /></x-ui.td>
-                 <x-ui.td><x-ui.row-actions :icons="['eye', 'pencil', 'route', 'file-text']" /></x-ui.td>
- </tr>
- @endforeach
- </x-ui.table>

+ <x-ui.td>{{ $row['driver'] }}</x-ui.td>
+ <x-ui.td><x-ui.status-badge :label="$row['status']" /></x-ui.td>
+ <x-ui.td><x-ui.status-badge :label="$row['payment']" /></x-ui.td>
+                 <x-ui.td>
+                     <div class="flex items-center justify-end gap-1.5">
+                         <a href="{{ route('orders.show', $row['id']) }}" title="View order" aria-label="View order {{ $row['id'] }}" class="grid h-8 w-8 place-items-center rounded-lg border border-ink-100 bg-white text-ink-500 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 hover:text-brand-600">
+                             <x-lucide-eye class="h-3.5 w-3.5" />
+                         </a>
+                         @foreach (['pencil', 'route', 'file-text'] as $icon)
+                             <button type="button" class="grid h-8 w-8 place-items-center rounded-lg border border-ink-100 bg-white text-ink-500 shadow-soft transition hover:-translate-y-0.5 hover:border-brand-200 hover:text-brand-600">
+                                 <x-dynamic-component :component="'lucide-' . $icon" class="h-3.5 w-3.5" />
+                             </button>
+                         @endforeach
+                     </div>
+                 </x-ui.td>
+ </tr>
+ @endforeach
+ </x-ui.table>

- Route::get('/companies', [CompanyController::class, 'index'])->name('companies.index');
- Route::get('/projects', [ProjectController::class, 'index'])->name('projects.index');
- Route::get('/orders', [OrderController::class, 'index'])->name('orders.index');
- Route::get('/dispatch', [DispatchController::class, 'index'])->name('dispatch.index');
- Route::get('/deliveries', [DeliveryController::class, 'index'])->name('deliveries.index');
- Route::get('/plants', [PlantController::class, 'index'])->name('plants.index');
- Route::redirect('/mix-codes', '/products');
- Route::get('/pricing', [PricingController::class, 'index'])->name('pricing.index');
- Route::get('/finance', [FinanceController::class, 'index'])->name('finance.index');
- Route::get('/drivers', [DriverController::class, 'index'])->name('drivers.index');
- Route::get('/trucks', [TruckController::class, 'index'])->name('trucks.index');
- Route::get('/wallet', [WalletController::class, 'index'])->name('wallet.index');

+ Route::get('/companies', [CompanyController::class, 'index'])->name('companies.index');
+ Route::get('/projects', [ProjectController::class, 'index'])->name('projects.index');
+ Route::get('/orders', [OrderController::class, 'index'])->name('orders.index');
+ Route::get('/orders/{id}', [OrderController::class, 'show'])->name('orders.show');
+ Route::get('/dispatch', [DispatchController::class, 'index'])->name('dispatch.index');
+ Route::get('/deliveries', [DeliveryController::class, 'index'])->name('deliveries.index');
+ Route::get('/plants', [PlantController::class, 'index'])->name('plants.index');
+ Route::redirect('/mix-codes', '/products');
+ Route::get('/pricing', [PricingController::class, 'index'])->name('pricing.index');
+ Route::get('/finance', [FinanceController::class, 'index'])->name('finance.index');
+ Route::get('/finance/export/{format}', [FinanceController::class, 'export'])->whereIn('format', ['xlsx', 'csv', 'pdf'])->name('finance.export');
+ Route::get('/drivers', [DriverController::class, 'index'])->name('drivers.index');
+ Route::get('/trucks', [TruckController::class, 'index'])->name('trucks.index');
+ Route::get('/wallet', [WalletController::class, 'index'])->name('wallet.index');