Vasyka/autocrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Batch 2: Workload heatmap + Site PSauto + VIN search

Browse Source 
═══ Workload heatmap (Încărcare STO) ═══
- /app/workload custom Page (group Analiză)
- Săptămână (Lu-Du) × posturi → matrice ore programate
- Heatmap colorat: verde→galben→roșu pe ratio capacity (10h/zi)
- Navigare săpt anterior/curent/următor
- Programări fără pod → row '— fără pod —' separat

═══ Site PSauto (landing public) ═══
- / pe tenant subdomain → resources/views/site/landing.blade.php
- Hero cu logo + nume + slogan; gradient theme color
- Servicii (din settings.services) — grid card-uri
- Locație/contact + program lucru standardizat
- Mărci suportate (din settings.cars)
- CTA: phone + email
- Footer cu tenant name + powered by AutoCRM

═══ VIN search ═══
- VinDecoder service: WMI hardcoded (24 producători EU/Asia/USA)
  + year codes (2001-2026) — pure offline, fără API extern
- /app/vin-search Page (group Depozit) cu:
  • Input VIN cu uppercase + monospace
  • Decode → producător/țară/an/serial
  • Match VIN-uri din baza Vehicles
  • Search piese din catalog (live debounce 300ms)
- Rezultatele linkează la editor Vehicle/Part

Total tenant routes: 102.
This commit is contained in:
Vasyka
2026-05-07 17:16:09 +00:00
parent 67da97178d
commit 4b3201ca1c
7 changed files with 534 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/filament/tenant/pages/vin-search.blade.php
+102
View File
@@ -0,0 +1,102 @@
<x-filament-panels::page>
<style>
.vs-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 20px; margin-bottom: 16px; }
.dark .vs-card { background: #1f2937; border-color: #374151; }
.vs-input {
width: 100%; padding: 12px 16px; border: 1px solid #e5e7eb; border-radius: 8px;
font-family: monospace; font-size: 16px; letter-spacing: 1px; text-transform: uppercase;
}
.dark .vs-input { background: #111827; border-color: #374151; color: #f9fafb; }
.vs-btn {
padding: 10px 24px; background: #3b82f6; color: #fff; border: none;
border-radius: 8px; font-weight: 500; cursor: pointer; margin-top: 12px;
}
.vs-btn:hover { background: #2563eb; }
.vs-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.vs-stat-l { font-size: 11px; color: #6b7280; text-transform: uppercase; letter-spacing: .5px; }
.vs-stat-v { font-size: 16px; font-weight: 600; margin-top: 4px; }
.vs-tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
.vs-tbl th, .vs-tbl td { padding: 8px; text-align: left; border-bottom: 1px solid #f3f4f6; }
.vs-tbl th { background: #f9fafb; font-weight: 600; color: #6b7280; font-size: 12px; }
</style>
<div class="vs-card">
<h2 style="font-size:16px;font-weight:600;margin-bottom:12px;">🔎 Decode VIN</h2>
<form wire:submit="decode" style="display:flex;gap:12px;flex-wrap:wrap;">
<input type="text" wire:model="vin" class="vs-input" placeholder="WBAFE81070CY34521" maxlength="17" style="flex:1;min-width:300px;">
<button type="submit" class="vs-btn">Decodează</button>
</form>
</div>
@if ($decoded)
<div class="vs-card">
@if ($decoded['valid'])
<h3 style="font-size:14px;font-weight:600;margin-bottom:16px;">✅ VIN decodificat</h3>
<div class="vs-grid">
<div><div class="vs-stat-l">Producător</div><div class="vs-stat-v">{{ $decoded['manufacturer'] }}</div></div>
<div><div class="vs-stat-l">Țară</div><div class="vs-stat-v">{{ $decoded['country'] }}</div></div>
<div><div class="vs-stat-l">An model (estimat)</div><div class="vs-stat-v">{{ $decoded['year'] ?? '—' }}</div></div>
<div><div class="vs-stat-l">WMI</div><div class="vs-stat-v" style="font-family:monospace;">{{ $decoded['wmi'] }}</div></div>
<div><div class="vs-stat-l">Serial</div><div class="vs-stat-v" style="font-family:monospace;font-size:12px;">{{ $decoded['serial'] }}</div></div>
</div>
@else
<div style="color:#dc2626;">⚠ {{ $decoded['error'] ?? 'WMI necunoscut — producătorul nu e în baza de date locală.' }}</div>
@endif
</div>
@php $matches = $this->vehicleMatches(); @endphp
@if ($matches->isNotEmpty())
<div class="vs-card">
<h3 style="font-size:14px;font-weight:600;margin-bottom:12px;">🚗 Mașini cu acest VIN în CRM</h3>
<table class="vs-tbl">
<thead><tr><th>VIN</th><th>Marca/Model</th><th>Plate</th><th>Client</th><th>Km</th></tr></thead>
<tbody>
@foreach ($matches as $v)
<tr>
<td style="font-family:monospace;font-size:11px;">{{ $v->vin }}</td>
<td>{{ $v->make }} {{ $v->model }} {{ $v->year }}</td>
<td>{{ $v->plate ?? '—' }}</td>
<td>{{ $v->client?->name ?? '—' }}</td>
<td>{{ number_format($v->mileage, 0, '.', ' ') }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
@endif
@endif
<div class="vs-card">
<h2 style="font-size:16px;font-weight:600;margin-bottom:12px;">📦 Caută piesă în catalog</h2>
<input type="text" wire:model.live.debounce.300ms="partsQuery" class="vs-input"
placeholder="Nume, cod articol, brand..." style="font-size:14px;text-transform:none;font-family:inherit;">
@php $parts = $this->partsResults(); @endphp
@if ($partsQuery)
<div style="margin-top:16px;">
@if ($parts->isEmpty())
<div style="color:#9ca3af;text-align:center;padding:20px;">Niciun rezultat pentru „{{ $partsQuery }}"</div>
@else
<table class="vs-tbl">
<thead><tr><th>Denumire</th><th>Cod</th><th>Brand</th><th>Stoc</th><th>Preț</th></tr></thead>
<tbody>
@foreach ($parts as $p)
<tr>
<td>
<a href="{{ route('filament.tenant.resources.parts.edit', ['record' => $p->id]) }}" style="color:inherit;">{{ $p->name }}</a>
</td>
<td style="font-family:monospace;font-size:11px;">{{ $p->article ?? '—' }}</td>
<td>{{ $p->brand ?? '—' }}</td>
<td style="color: {{ $p->qty <= 0 ? '#dc2626' : ($p->qty <= $p->min_qty ? '#d97706' : '#059669') }};">
{{ $p->qty }} {{ $p->unit }}
</td>
<td>{{ number_format($p->sell_price, 2, '.', ' ') }} MDL</td>
</tr>
@endforeach
</tbody>
</table>
@endif
</div>
@endif
</div>
</x-filament-panels::page>
resources/views/filament/tenant/pages/workload.blade.php
+94
View File
@@ -0,0 +1,94 @@
<x-filament-panels::page>
@php $data = $this->data(); @endphp
<style>
.wl-bar { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.wl-btn {
padding: 6px 12px; border: 1px solid #e5e7eb; border-radius: 6px;
background: #fff; cursor: pointer; font-size: 13px;
}
.dark .wl-btn { background: #1f2937; border-color: #374151; color: #d1d5db; }
.wl-week { font-weight: 600; font-size: 14px; }
.wl-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 16px; overflow-x: auto; }
.dark .wl-card { background: #1f2937; border-color: #374151; }
.wl-tbl { width: 100%; border-collapse: separate; border-spacing: 4px; }
.wl-tbl th, .wl-tbl td { padding: 8px; text-align: center; font-size: 12px; vertical-align: middle; }
.wl-tbl th:first-child, .wl-tbl td:first-child { text-align: left; min-width: 120px; }
.wl-cell {
border-radius: 6px; padding: 12px 4px;
font-weight: 600; min-height: 56px;
display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.wl-hours { font-size: 14px; }
.wl-count { font-size: 10px; opacity: .85; margin-top: 2px; }
.wl-legend { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #6b7280; margin-top: 12px; }
.wl-sw { display: inline-block; width: 16px; height: 12px; border-radius: 3px; }
</style>
<div class="wl-bar">
<button class="wl-btn" wire:click="setWeek(-1)">← Săpt. anterioară</button>
<span class="wl-week">{{ $data['weekLabel'] }}</span>
<button class="wl-btn" wire:click="setWeek(1)">Săpt. următoare →</button>
<span style="margin-left:auto;font-size:11px;color:#6b7280;">capacitate ref: {{ $data['capacity'] }}h/zi</span>
</div>
<div class="wl-card">
<table class="wl-tbl">
<thead>
<tr>
<th></th>
@foreach ($data['days'] as $d)
<th>{{ $d->translatedFormat('D') }}<br><span style="color:#9ca3af;font-weight:400;">{{ $d->format('d.m') }}</span></th>
@endforeach
</tr>
</thead>
<tbody>
@foreach ($data['matrix'] as $row)
<tr>
<td style="font-weight:600;">
<div style="display:flex;align-items:center;gap:8px;">
<span style="width:12px;height:12px;border-radius:3px;background:{{ $row['post']->color ?? '#9ca3af' }};display:inline-block;"></span>
{{ $row['post']->name }}
</div>
</td>
@foreach ($row['days'] as $cell)
@php
$h = (float) $cell['hours'];
$ratio = min(1, $h / max(0.001, $data['capacity']));
// Heatmap color: green → yellow → red as ratio grows.
if ($h <= 0) {
$bg = '#f3f4f6'; $fg = '#9ca3af';
} else {
$r = (int) (255 * $ratio);
$g = (int) (200 * (1 - $ratio));
$bg = "rgba({$r},{$g},80,0.18)";
$fg = "rgba({$r},{$g},80,1)";
}
@endphp
<td>
<div class="wl-cell" style="background:{{ $bg }};color:{{ $fg }};">
@if ($h > 0)
<span class="wl-hours">{{ number_format($h, 1) }}h</span>
<span class="wl-count">{{ $cell['count'] }} progr.</span>
@else
<span style="color:#d1d5db;">—</span>
@endif
</div>
</td>
@endforeach
</tr>
@endforeach
</tbody>
</table>
<div class="wl-legend">
Legendă:
<span class="wl-sw" style="background:#f3f4f6;"></span> liber
<span class="wl-sw" style="background:rgba(64,200,80,0.3);"></span> ușor
<span class="wl-sw" style="background:rgba(160,160,80,0.3);"></span> mediu
<span class="wl-sw" style="background:rgba(255,80,80,0.3);"></span> plin (peste capacitate)
</div>
</div>
</x-filament-panels::page>