feat: add budget forecast page with company contract summary view

Author: Itamar Junior

app/Livewire/Company/BudgetForecast.php

@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Livewire\Company;
+
+use App\Models\Company;
+use Livewire\Component;
+use Illuminate\Support\Facades\Auth;
+use App\Models\CompanyServiceContract;
+
+class BudgetForecast extends Component
+{
+    public $companies;
+    public $selectedCompanyId;
+    public $contracts = [];
+
+    public function mount()
+    {
+        $this->companies = Company::where('business_id', Auth::user()->current_business_id)
+            ->orderBy('name')
+            ->get();
+
+        $this->selectedCompanyId = null;
+    }
+
+    public function updatedSelectedCompanyId($value)
+    {
+        $this->loadContracts();
+    }
+
+    public function loadContracts()
+    {
+        if ($this->selectedCompanyId) {
+            $this->contracts = CompanyServiceContract::with(['category', 'provider'])
+                ->where('company_id', $this->selectedCompanyId)
+                ->get();
+        } else {
+            $this->contracts = [];
+        }
+    }
+    public function render()
+    {
+        return view('livewire.company.budget-forecast');
+    }
+}

resources/views/components/layouts/app/sidebar.blade.php

@@ -17,6 +17,9 @@
                 </flux:navlist.group>
                 @if(auth()->user()?->hasCompaniesInCurrentBusiness())
                     <flux:navlist.item icon="briefcase" :href="route('company.index')" :current="request()->routeIs('company.index')" wire:navigate>{{ __('Companies') }}</flux:navlist.item>
+                    <flux:navlist.item icon="table-cells" :href="route('company.budget.forecast')" :current="request()->routeIs('company.budget.forecast')" wire:navigate>
+                        {{ __('Budget Forecast') }}
+                    </flux:navlist.item>
                 @endif
             </flux:navlist>
 

resources/views/livewire/company/budget-forecast.blade.php

@@ -0,0 +1,54 @@
+<div class="h-full flex flex-col bg-white dark:bg-gray-800 relative overflow-hidden">
+    <div class="flex flex-col md:flex-row items-center justify-between space-y-3 md:space-y-0 md:space-x-4 p-4">
+        <div class="w-full md:w-1/2">
+            <label for="company" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Select
+                Company</label>
+            <select wire:model.live="selectedCompanyId" id="company"
+                class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 sm:text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white">
+                <option value="">-- Choose a company --</option>
+                @foreach ($companies as $company)
+                    <option value="{{ $company->id }}">{{ $company->name }}</option>
+                @endforeach
+            </select>
+        </div>
+    </div>
+
+    <table class="w-full h-fit text-sm text-left text-gray-500 dark:text-gray-400 mt-4" wire:loading.class="opacity-50">
+        <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
+            <tr>
+                <th class="px-4 py-3">Service</th>
+                <th class="px-4 py-3">Provider</th>
+                <th class="px-4 py-3">Budget (€)</th>
+                <th class="px-4 py-3">Next Due</th>
+                <th class="px-4 py-3">Status</th>
+            </tr>
+        </thead>
+        <tbody>
+            @forelse ($contracts as $contract)
+                <tr class="border-b dark:border-gray-700">
+                    <td class="px-4 py-2">{{ $contract->category->name }}</td>
+                    <td class="px-4 py-2">{{ $contract->provider->name }}</td>
+                    <td class="px-4 py-2 font-medium text-green-600">€{{ number_format($contract->budget, 2) }}</td>
+                    <td class="px-4 py-2">{{ $contract->next_due_date ?? '—' }}</td>
+                    <td class="px-4 py-2 capitalize">{{ $contract->status }}</td>
+                </tr>
+            @empty
+                <tr>
+                    <td colspan="5" class="px-4 py-4 text-center text-sm text-gray-500 dark:text-gray-300">
+                        No contracts available.
+                    </td>
+                </tr>
+            @endforelse
+        </tbody>
+        <tfoot>
+            <tr class="border-t dark:border-gray-700">
+                <td colspan="2" class="px-4 py-2 text-right font-semibold text-gray-700 dark:text-gray-300">Total
+                </td>
+                <td class="px-4 py-2 font-bold text-green-700 dark:text-green-400">
+                    €{{ number_format(collect($contracts)->sum('budget'), 2) }}
+                </td>
+                <td colspan="2"></td>
+            </tr>
+        </tfoot>
+    </table>
+</div>

routes/company.php

@@ -17,4 +17,6 @@
     Route::get('/company/service/category/manager/', \App\Livewire\Company\Service\CategoryManager::class)->name('company.service.category.manager');
     Route::get('/company/service/provider/manager/', \App\Livewire\Company\Service\Provider\ProviderManager::class)->name('company.service.provider.manager');
     Route::get('/company/service/contract/manager/', \App\Livewire\Company\Service\ContractManager::class)->name('company.service.contract.manager');
+
+    Route::get('/company/budget/forecast', \App\Livewire\Company\BudgetForecast::class)->name('company.budget.forecast');
 });