Added chat bot pages
Some checks failed
Scan for leaked secrets using Kingfisher / kingfisher-secrets-scan (push) Has been cancelled
Gemini PR Review / Gemini PR Review (pull_request) Has been cancelled
Scan for leaked secrets using Kingfisher / kingfisher-secrets-scan (pull_request) Has been cancelled
Laravel Larastan / larastan (pull_request) Has been cancelled
Laravel Pint / pint (pull_request) Has been cancelled
Some checks failed
Scan for leaked secrets using Kingfisher / kingfisher-secrets-scan (push) Has been cancelled
Gemini PR Review / Gemini PR Review (pull_request) Has been cancelled
Scan for leaked secrets using Kingfisher / kingfisher-secrets-scan (pull_request) Has been cancelled
Laravel Larastan / larastan (pull_request) Has been cancelled
Laravel Pint / pint (pull_request) Has been cancelled
This commit is contained in:
dhanabalan
444
app/Livewire/ChatBot.php
Normal file
444
app/Livewire/ChatBot.php
Normal file
@@ -0,0 +1,444 @@
|
||||
<?php
|
||||
|
||||
namespace App\Livewire;
|
||||
|
||||
use App\Services\ChatbotService;
|
||||
use App\Services\GeminiChatbotService;
|
||||
use Livewire\Component;
|
||||
use Illuminate\Support\Facades\DB;
|
||||
use Illuminate\Support\Facades\Log;
|
||||
|
||||
class ChatBot extends Component
|
||||
{
|
||||
// ── Panel state ───────────────────────────────────────────────────────────
|
||||
public bool $isOpen = false;
|
||||
|
||||
/**
|
||||
* 'select' → mode-picker screen shown first
|
||||
* 'basic' → structured query UI (production or invoice report)
|
||||
* 'advanced' → free-text natural-language UI (Gemini-powered)
|
||||
*/
|
||||
public string $mode = 'select';
|
||||
|
||||
// ── Basic mode — shared ───────────────────────────────────────────────────
|
||||
|
||||
/**
|
||||
* Which report the user picked inside basic mode.
|
||||
* '' → report-type picker shown
|
||||
* 'production' → production form
|
||||
* 'invoice' → invoice type-lookup form
|
||||
* 'invoice_status' → invoice scan-status form
|
||||
*/
|
||||
public string $reportType = '';
|
||||
|
||||
public array $plants = [];
|
||||
|
||||
// ── Basic mode — Production report ───────────────────────────────────────
|
||||
public string $result = '';
|
||||
public bool $hasResult = false;
|
||||
|
||||
public ?int $selectedPlantId = null;
|
||||
public ?int $selectedLineId = null;
|
||||
public string $dateFrom = '';
|
||||
public string $dateTo = '';
|
||||
public array $lines = [];
|
||||
|
||||
// ── Basic mode — Invoice report (type lookup) ─────────────────────────────
|
||||
public ?int $invoicePlantId = null;
|
||||
public string $invoiceItemCode = '';
|
||||
public string $invoiceResult = '';
|
||||
public bool $hasInvoiceResult = false;
|
||||
|
||||
// ── Basic mode — Invoice status (scan status) ─────────────────────────────
|
||||
public string $invoiceNumber = '';
|
||||
public string $invoiceStatusResult = '';
|
||||
public bool $hasInvoiceStatusResult = false;
|
||||
|
||||
// ── Advanced mode ─────────────────────────────────────────────────────────
|
||||
public string $advancedQuestion = '';
|
||||
public string $advancedResult = '';
|
||||
public bool $hasAdvancedResult = false;
|
||||
public bool $isAdvancedLoading = false;
|
||||
|
||||
/**
|
||||
* Conversation history shown in advanced mode.
|
||||
* Each entry: ['role' => 'user'|'assistant', 'content' => '…']
|
||||
*
|
||||
* The full history is passed to GeminiChatbotService on every turn so
|
||||
* Gemini can resolve follow-up messages (e.g. answering a clarification
|
||||
* question) in context.
|
||||
*/
|
||||
public array $chatHistory = [];
|
||||
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
|
||||
public function mount(): void
|
||||
{
|
||||
$this->plants = DB::table('plants')
|
||||
->whereNull('deleted_at')
|
||||
->orderBy('name')
|
||||
->get(['id', 'name'])
|
||||
->toArray();
|
||||
|
||||
$this->dateFrom = now()->startOfMonth()->format('Y-m-d');
|
||||
$this->dateTo = now()->format('Y-m-d');
|
||||
}
|
||||
|
||||
// ── Mode switching ────────────────────────────────────────────────────────
|
||||
|
||||
public function setMode(string $mode): void
|
||||
{
|
||||
$this->mode = $mode;
|
||||
}
|
||||
|
||||
public function setReportType(string $type): void
|
||||
{
|
||||
$this->reportType = $type;
|
||||
|
||||
// Clear previous results when switching report type
|
||||
$this->result = '';
|
||||
$this->hasResult = false;
|
||||
$this->invoiceResult = '';
|
||||
$this->hasInvoiceResult = false;
|
||||
$this->invoiceStatusResult = '';
|
||||
$this->hasInvoiceStatusResult = false;
|
||||
}
|
||||
|
||||
// ── Basic mode — Production helpers ──────────────────────────────────────
|
||||
|
||||
public function updatedSelectedPlantId(): void
|
||||
{
|
||||
$this->selectedLineId = null;
|
||||
$this->lines = [];
|
||||
$this->result = '';
|
||||
$this->hasResult = false;
|
||||
|
||||
if ($this->selectedPlantId) {
|
||||
$this->lines = DB::table('lines')
|
||||
->whereNull('deleted_at')
|
||||
->where('plant_id', $this->selectedPlantId)
|
||||
->orderBy('name')
|
||||
->get(['id', 'name'])
|
||||
->toArray();
|
||||
}
|
||||
}
|
||||
|
||||
public function updatedSelectedLineId(): void
|
||||
{
|
||||
$this->result = '';
|
||||
$this->hasResult = false;
|
||||
}
|
||||
|
||||
public function fetchProduction(): void
|
||||
{
|
||||
if (! $this->selectedPlantId) {
|
||||
$this->result = 'Please select a plant.';
|
||||
$this->hasResult = true;
|
||||
return;
|
||||
}
|
||||
|
||||
$query = DB::table('production_quantities')
|
||||
->whereNull('deleted_at')
|
||||
->where('plant_id', $this->selectedPlantId)
|
||||
->whereDate('created_at', '>=', $this->dateFrom)
|
||||
->whereDate('created_at', '<=', $this->dateTo);
|
||||
|
||||
if ($this->selectedLineId) {
|
||||
$query->where('line_id', $this->selectedLineId);
|
||||
}
|
||||
|
||||
$count = $query->count();
|
||||
|
||||
$plantName = collect($this->plants)
|
||||
->firstWhere('id', $this->selectedPlantId)?->name ?? 'Unknown Plant';
|
||||
|
||||
$lineName = $this->selectedLineId
|
||||
? (collect($this->lines)->firstWhere('id', $this->selectedLineId)?->name ?? 'Unknown Line')
|
||||
: 'All Lines';
|
||||
|
||||
$from = \Carbon\Carbon::parse($this->dateFrom)->format('d M Y');
|
||||
$to = \Carbon\Carbon::parse($this->dateTo)->format('d M Y');
|
||||
|
||||
$this->result = "Production count for {$plantName} / {$lineName} from {$from} to {$to}: {$count} records.";
|
||||
$this->hasResult = true;
|
||||
}
|
||||
|
||||
// ── Basic mode — Invoice report (type lookup) ─────────────────────────────
|
||||
|
||||
public function updatedInvoicePlantId(): void
|
||||
{
|
||||
$this->invoiceResult = '';
|
||||
$this->hasInvoiceResult = false;
|
||||
}
|
||||
|
||||
public function updatedInvoiceItemCode(): void
|
||||
{
|
||||
$this->invoiceResult = '';
|
||||
$this->hasInvoiceResult = false;
|
||||
}
|
||||
|
||||
public function fetchInvoiceReport(): void
|
||||
{
|
||||
if (! $this->invoicePlantId) {
|
||||
$this->invoiceResult = 'Please select a plant.';
|
||||
$this->hasInvoiceResult = true;
|
||||
return;
|
||||
}
|
||||
|
||||
$itemCode = trim($this->invoiceItemCode);
|
||||
|
||||
if ($itemCode === '') {
|
||||
$this->invoiceResult = 'Please enter an item code.';
|
||||
$this->hasInvoiceResult = true;
|
||||
return;
|
||||
}
|
||||
|
||||
$plantName = collect($this->plants)
|
||||
->firstWhere('id', $this->invoicePlantId)?->name ?? 'Unknown Plant';
|
||||
|
||||
try {
|
||||
$rows = DB::select("
|
||||
WITH plant_item AS (
|
||||
SELECT ? AS user_plant,
|
||||
? AS user_item_code
|
||||
),
|
||||
t1 AS (
|
||||
SELECT
|
||||
plants.id AS plant_id,
|
||||
plants.name AS plant_name,
|
||||
ARRAY_AGG(items.code) AS item_codes
|
||||
FROM plants
|
||||
LEFT JOIN items ON plants.id = items.plant_id
|
||||
GROUP BY plants.id, plants.name
|
||||
),
|
||||
t2 AS (
|
||||
SELECT
|
||||
t1.plant_id,
|
||||
t1.plant_name,
|
||||
CASE
|
||||
WHEN plant_item.user_item_code = ANY(t1.item_codes) THEN 1
|
||||
ELSE 0
|
||||
END AS exists_flag
|
||||
FROM t1
|
||||
CROSS JOIN plant_item
|
||||
WHERE t1.plant_name = plant_item.user_plant
|
||||
),
|
||||
t3 AS (
|
||||
SELECT t2.plant_id, t2.plant_name, t2.exists_flag,
|
||||
plant_item.user_item_code
|
||||
FROM t2
|
||||
LEFT JOIN plant_item ON plant_item.user_plant = t2.plant_name
|
||||
),
|
||||
t4 AS (
|
||||
SELECT items.id AS item_id,
|
||||
t3.plant_id, t3.plant_name, t3.exists_flag, t3.user_item_code
|
||||
FROM t3
|
||||
LEFT JOIN items
|
||||
ON t3.plant_id = items.plant_id
|
||||
AND t3.user_item_code = items.code
|
||||
)
|
||||
SELECT
|
||||
t4.item_id,
|
||||
t4.plant_id,
|
||||
t4.plant_name,
|
||||
t4.exists_flag,
|
||||
t4.user_item_code,
|
||||
COALESCE(sticker_masters.material_type, 0) AS material_type,
|
||||
CASE
|
||||
WHEN sticker_masters.item_id IS NULL
|
||||
THEN 'no match found'
|
||||
WHEN COALESCE(sticker_masters.material_type, 0) = 0
|
||||
THEN 'serial invoice'
|
||||
ELSE 'material invoice'
|
||||
END AS invoice_description
|
||||
FROM t4
|
||||
LEFT JOIN sticker_masters
|
||||
ON sticker_masters.plant_id = t4.plant_id
|
||||
AND sticker_masters.item_id = t4.item_id
|
||||
", [$plantName, $itemCode]);
|
||||
|
||||
} catch (\Exception $e) {
|
||||
Log::error('ChatBot: invoice report query failed', [
|
||||
'plant' => $plantName,
|
||||
'item_code' => $itemCode,
|
||||
'error' => $e->getMessage(),
|
||||
]);
|
||||
|
||||
$this->invoiceResult = "Sorry, I couldn't fetch data. Please try again or contact support.";
|
||||
$this->hasInvoiceResult = true;
|
||||
return;
|
||||
}
|
||||
|
||||
if (empty($rows)) {
|
||||
$this->invoiceResult = "No data found for plant \"{$plantName}\". Please verify the plant selection.";
|
||||
$this->hasInvoiceResult = true;
|
||||
return;
|
||||
}
|
||||
|
||||
$row = $rows[0];
|
||||
|
||||
if ((int) $row->exists_flag === 0) {
|
||||
$this->invoiceResult = 'Provided item code does not exist in the item table.';
|
||||
} else {
|
||||
switch ($row->invoice_description) {
|
||||
case 'no match found':
|
||||
$this->invoiceResult = "Item not found in sticker master for the plant {$row->plant_name}.";
|
||||
break;
|
||||
case 'serial invoice':
|
||||
$this->invoiceResult = 'It is a serial invoice item.';
|
||||
break;
|
||||
case 'material invoice':
|
||||
$this->invoiceResult = 'It is a material invoice item.';
|
||||
break;
|
||||
default:
|
||||
$this->invoiceResult = 'Unexpected result. Please contact support.';
|
||||
}
|
||||
}
|
||||
|
||||
$this->hasInvoiceResult = true;
|
||||
}
|
||||
|
||||
// ── Basic mode — Invoice status (scan status) ─────────────────────────────
|
||||
|
||||
public function updatedInvoiceNumber(): void
|
||||
{
|
||||
$this->invoiceStatusResult = '';
|
||||
$this->hasInvoiceStatusResult = false;
|
||||
}
|
||||
|
||||
/**
|
||||
* Looks up how many serials within an invoice have been scanned / not scanned.
|
||||
* Delegates to ChatbotService so the DB query and formatting logic live in one place.
|
||||
*/
|
||||
public function fetchInvoiceStatus(): void
|
||||
{
|
||||
$invoiceNumber = trim(preg_replace('/\s+/', '', $this->invoiceNumber));
|
||||
|
||||
if (empty($invoiceNumber)) {
|
||||
$this->invoiceStatusResult = 'Please enter a valid invoice number.';
|
||||
$this->hasInvoiceStatusResult = true;
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
/** @var ChatbotService $service */
|
||||
$service = app(ChatbotService::class);
|
||||
$this->invoiceStatusResult = $service->ask("invoice = {$invoiceNumber}");
|
||||
} catch (\Throwable $e) {
|
||||
Log::error('ChatBot: invoice status fetch failed', [
|
||||
'invoice' => $invoiceNumber,
|
||||
'error' => $e->getMessage(),
|
||||
]);
|
||||
$this->invoiceStatusResult = "Sorry, I couldn't fetch data for invoice {$invoiceNumber}. "
|
||||
. 'Please try again or contact support.';
|
||||
}
|
||||
|
||||
$this->hasInvoiceStatusResult = true;
|
||||
}
|
||||
|
||||
// ── Advanced mode (Gemini-powered) ────────────────────────────────────────
|
||||
|
||||
/**
|
||||
* Handles a free-text user message in advanced mode.
|
||||
*
|
||||
* Steps:
|
||||
* 1. Appends the user message to chatHistory immediately (UI feedback).
|
||||
* 2. Calls GeminiChatbotService with the full prior history for context.
|
||||
* 3. Gemini classifies the intent, extracts params, and either:
|
||||
* a) runs the appropriate DB query and returns the result, or
|
||||
* b) returns a clarification question if intent is ambiguous.
|
||||
* 4. Appends the assistant reply to chatHistory.
|
||||
*/
|
||||
public function askAdvanced(): void
|
||||
{
|
||||
$question = trim($this->advancedQuestion);
|
||||
|
||||
if (empty($question)) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Show the user's message in the chat bubble immediately
|
||||
$this->chatHistory[] = [
|
||||
'role' => 'user',
|
||||
'content' => $question,
|
||||
];
|
||||
|
||||
$this->advancedQuestion = '';
|
||||
$this->isAdvancedLoading = true;
|
||||
|
||||
try {
|
||||
/** @var GeminiChatbotService $gemini */
|
||||
$gemini = app(GeminiChatbotService::class);
|
||||
|
||||
// Pass history *without* the turn we just appended — the new user
|
||||
// message is passed separately so Gemini sees it as the latest turn.
|
||||
$priorHistory = array_slice($this->chatHistory, 0, -1);
|
||||
$answer = $gemini->processMessage($priorHistory, $question);
|
||||
|
||||
} catch (\Throwable $e) {
|
||||
Log::error('ChatBot: advanced ask failed', [
|
||||
'error' => $e->getMessage(),
|
||||
'trace' => $e->getTraceAsString(),
|
||||
]);
|
||||
$answer = 'Sorry, something went wrong. Please try again.';
|
||||
}
|
||||
|
||||
$this->chatHistory[] = [
|
||||
'role' => 'assistant',
|
||||
'content' => $answer,
|
||||
];
|
||||
|
||||
$this->isAdvancedLoading = false;
|
||||
}
|
||||
|
||||
public function clearAdvancedChat(): void
|
||||
{
|
||||
$this->chatHistory = [];
|
||||
$this->advancedQuestion = '';
|
||||
$this->isAdvancedLoading = false;
|
||||
}
|
||||
|
||||
// ── Panel controls ────────────────────────────────────────────────────────
|
||||
|
||||
public function toggleChat(): void
|
||||
{
|
||||
$this->isOpen = ! $this->isOpen;
|
||||
}
|
||||
|
||||
public function resetForm(): void
|
||||
{
|
||||
// Basic mode — shared
|
||||
$this->reportType = '';
|
||||
|
||||
// Basic mode — production
|
||||
$this->selectedPlantId = null;
|
||||
$this->selectedLineId = null;
|
||||
$this->lines = [];
|
||||
$this->result = '';
|
||||
$this->hasResult = false;
|
||||
$this->dateFrom = now()->startOfMonth()->format('Y-m-d');
|
||||
$this->dateTo = now()->format('Y-m-d');
|
||||
|
||||
// Basic mode — invoice type lookup
|
||||
$this->invoicePlantId = null;
|
||||
$this->invoiceItemCode = '';
|
||||
$this->invoiceResult = '';
|
||||
$this->hasInvoiceResult = false;
|
||||
|
||||
// Basic mode — invoice scan status
|
||||
$this->invoiceNumber = '';
|
||||
$this->invoiceStatusResult = '';
|
||||
$this->hasInvoiceStatusResult = false;
|
||||
|
||||
// Advanced mode
|
||||
$this->clearAdvancedChat();
|
||||
|
||||
// Go back to mode selector
|
||||
$this->mode = 'select';
|
||||
}
|
||||
|
||||
public function render()
|
||||
{
|
||||
return view('livewire.chat-bot');
|
||||
}
|
||||
}
|
||||
@@ -29,6 +29,7 @@ use App\Filament\Auth\CustomLogin as AuthCustomLogin;
|
||||
use App\Filament\Pages\CustomLogin;
|
||||
use Filament\View\PanelsRenderHook;
|
||||
use Filament\Support\Facades\FilamentView;
|
||||
use Illuminate\Support\Facades\Blade;
|
||||
|
||||
|
||||
class AdminPanelProvider extends PanelProvider
|
||||
@@ -160,5 +161,10 @@ class AdminPanelProvider extends PanelProvider
|
||||
}
|
||||
return '';
|
||||
});
|
||||
|
||||
FilamentView::registerRenderHook(
|
||||
PanelsRenderHook::BODY_END,
|
||||
fn (): string => Blade::render("@livewire('chat-bot')"),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
313
app/Services/ChatbotService.php
Normal file
313
app/Services/ChatbotService.php
Normal file
@@ -0,0 +1,313 @@
|
||||
<?php
|
||||
|
||||
namespace App\Services;
|
||||
|
||||
use Illuminate\Support\Facades\DB;
|
||||
use Illuminate\Support\Facades\Log;
|
||||
|
||||
/**
|
||||
* ChatbotService (Advanced Mode)
|
||||
* ─────────────────────────────────────────────────────────────────────────────
|
||||
* Parses STRUCTURED user inputs via regex — no LLM involved.
|
||||
*
|
||||
* HOW TO ADD A NEW COMMAND:
|
||||
* 1. Add an entry to $handlers with a regex pattern and a handler method name.
|
||||
* 2. Write the private handler method (receives the captured group as $value).
|
||||
* 3. Add a usage example to unknownCommand() so users know about it.
|
||||
*
|
||||
* Pattern convention: /keyword\s*=\s*(.+)/i
|
||||
* - The first capture group is the raw value after "=".
|
||||
* - The handler receives it already trimmed.
|
||||
*/
|
||||
class ChatbotService
|
||||
{
|
||||
/**
|
||||
* Registry of structured-command handlers.
|
||||
*
|
||||
* Each entry:
|
||||
* 'pattern' — PCRE regex; capture group 1 is the extracted value.
|
||||
* 'handler' — name of the private method that processes the command.
|
||||
*
|
||||
* For two-value commands (e.g. invoice report), group 1 and group 2 are
|
||||
* both passed to the handler; single-value handlers simply ignore $value2.
|
||||
*/
|
||||
private array $handlers = [
|
||||
[
|
||||
'pattern' => '/inv(?:oice)?(?:\s*(?:number|num|no\.?))?\s*(?:=|is| |equal\s+to)\s*([^\s,\.]+)/i',
|
||||
'handler' => 'handleInvoice',
|
||||
],
|
||||
|
||||
// ── Invoice report: item type lookup ──────────────────────────────────
|
||||
// Accepts patterns like:
|
||||
// item = 674071 plant = Vahinie Unit 2
|
||||
// item code = 674071 plant = Vahinie Unit 2
|
||||
// check item 674071 for plant Vahinie Unit 2
|
||||
[
|
||||
'pattern' => '/item(?:\s*code)?\s*(?:=|is|:)?\s*([^\s,]+)\s+(?:for\s+)?plant\s*(?:=|is|:)?\s*(.+)/i',
|
||||
'handler' => 'handleInvoiceReport',
|
||||
],
|
||||
|
||||
// ── Add more commands here ────────────────────────────────────────────
|
||||
// Example:
|
||||
// [
|
||||
// 'pattern' => '/^\s*serial\s*=\s*(.+)/i',
|
||||
// 'handler' => 'handleSerial',
|
||||
// ],
|
||||
];
|
||||
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
// Public entry point
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
|
||||
/**
|
||||
* Dispatch the user's input to the matching handler.
|
||||
*/
|
||||
public function ask(string $input): string
|
||||
{
|
||||
$input = trim($input);
|
||||
|
||||
foreach ($this->handlers as $entry) {
|
||||
if (preg_match($entry['pattern'], $input, $matches)) {
|
||||
$value = trim($matches[1] ?? '');
|
||||
$value2 = trim($matches[2] ?? '');
|
||||
return $this->{$entry['handler']}($value, $value2);
|
||||
}
|
||||
}
|
||||
|
||||
return $this->unknownCommand($input);
|
||||
}
|
||||
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
// Handler: invoice = <invoice_number>
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
|
||||
/**
|
||||
* Looks up scan status for an invoice number in invoice_validations.
|
||||
*/
|
||||
private function handleInvoice(string $invoiceNumber, string $_unused = ''): string
|
||||
{
|
||||
// Strip any whitespace within the invoice number itself
|
||||
$invoiceNumber = preg_replace('/\s+/', '', $invoiceNumber);
|
||||
|
||||
if (empty($invoiceNumber)) {
|
||||
return 'Please provide a valid invoice number. Example: invoice = 3RA0013333';
|
||||
}
|
||||
|
||||
try {
|
||||
$rows = DB::select("
|
||||
SELECT
|
||||
COALESCE(scanned_status, 'not scanned') AS status,
|
||||
COUNT(*) AS total_count,
|
||||
STRING_AGG(
|
||||
CASE
|
||||
WHEN scanned_status IS NULL THEN serial_number::text
|
||||
END,
|
||||
', '
|
||||
) AS serial_numbers_not_scanned
|
||||
FROM invoice_validations
|
||||
WHERE invoice_number = ?
|
||||
GROUP BY scanned_status
|
||||
", [$invoiceNumber]);
|
||||
} catch (\Exception $e) {
|
||||
Log::error('ChatbotService: invoice query failed', [
|
||||
'invoice' => $invoiceNumber,
|
||||
'error' => $e->getMessage(),
|
||||
]);
|
||||
|
||||
return "Sorry, I couldn't fetch data for invoice {$invoiceNumber}. "
|
||||
. 'Please try again or contact support if this keeps happening.';
|
||||
}
|
||||
|
||||
if (empty($rows)) {
|
||||
return "No records found for invoice number {$invoiceNumber}. "
|
||||
. 'Please double-check the invoice number and try again.';
|
||||
}
|
||||
|
||||
return $this->formatInvoiceResponse($invoiceNumber, $rows);
|
||||
}
|
||||
|
||||
/**
|
||||
* Turn the raw DB rows into a plain-English summary.
|
||||
*/
|
||||
private function formatInvoiceResponse(string $invoiceNumber, array $rows): string
|
||||
{
|
||||
$totalScanned = 0;
|
||||
$totalNotScanned = 0;
|
||||
$unscannedList = null;
|
||||
|
||||
foreach ($rows as $row) {
|
||||
if ($row->status === 'not scanned') {
|
||||
$totalNotScanned = (int) $row->total_count;
|
||||
$unscannedList = $row->serial_numbers_not_scanned;
|
||||
} else {
|
||||
$totalScanned += (int) $row->total_count;
|
||||
}
|
||||
}
|
||||
|
||||
$grandTotal = $totalScanned + $totalNotScanned;
|
||||
$itemWord = $grandTotal === 1 ? 'serial number' : 'serial numbers';
|
||||
|
||||
// ── All scanned ───────────────────────────────────────────────────────
|
||||
if ($totalNotScanned === 0) {
|
||||
return "For invoice number {$invoiceNumber}, all {$grandTotal} {$itemWord} "
|
||||
. ($grandTotal === 1 ? 'has' : 'have') . ' been scanned. ✅';
|
||||
}
|
||||
|
||||
// ── None scanned ──────────────────────────────────────────────────────
|
||||
if ($totalScanned === 0) {
|
||||
$msg = "For invoice number {$invoiceNumber}, there "
|
||||
. ($grandTotal === 1 ? 'is' : 'are') . " {$grandTotal} {$itemWord} "
|
||||
. 'and none have been scanned.';
|
||||
|
||||
if ($unscannedList) {
|
||||
$msg .= " Unscanned serial numbers are: {$unscannedList}.";
|
||||
}
|
||||
|
||||
return $msg;
|
||||
}
|
||||
|
||||
// ── Mixed ─────────────────────────────────────────────────────────────
|
||||
$msg = "For invoice number {$invoiceNumber}, there "
|
||||
. ($grandTotal === 1 ? 'is' : 'are') . " {$grandTotal} {$itemWord} in total. "
|
||||
. "Out of which {$totalScanned} "
|
||||
. ($totalScanned === 1 ? 'has' : 'have') . ' been scanned and '
|
||||
. "{$totalNotScanned} "
|
||||
. ($totalNotScanned === 1 ? 'has' : 'have') . ' not been scanned.';
|
||||
|
||||
if ($unscannedList) {
|
||||
$msg .= " Unscanned serial numbers are: {$unscannedList}.";
|
||||
}
|
||||
|
||||
return $msg;
|
||||
}
|
||||
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
// Handler: item = <item_code> plant = <plant_name>
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
|
||||
/**
|
||||
* Determines whether an item is a serial invoice or material invoice
|
||||
* for a given plant, using the sticker_masters table.
|
||||
*
|
||||
* @param string $itemCode Extracted item code (capture group 1)
|
||||
* @param string $plantName Extracted plant name (capture group 2)
|
||||
*/
|
||||
private function handleInvoiceReport(string $itemCode, string $plantName): string
|
||||
{
|
||||
$itemCode = trim($itemCode);
|
||||
$plantName = trim($plantName);
|
||||
|
||||
if (empty($itemCode)) {
|
||||
return 'Please provide an item code. Example: item = 674071 plant = Vahinie Unit 2';
|
||||
}
|
||||
|
||||
if (empty($plantName)) {
|
||||
return 'Please provide a plant name. Example: item = 674071 plant = Vahinie Unit 2';
|
||||
}
|
||||
|
||||
try {
|
||||
$rows = DB::select("
|
||||
WITH plant_item AS (
|
||||
SELECT ? AS user_plant,
|
||||
? AS user_item_code
|
||||
),
|
||||
t1 AS (
|
||||
SELECT
|
||||
plants.id AS plant_id,
|
||||
plants.name AS plant_name,
|
||||
ARRAY_AGG(items.code) AS item_codes
|
||||
FROM plants
|
||||
LEFT JOIN items ON plants.id = items.plant_id
|
||||
GROUP BY plants.id, plants.name
|
||||
),
|
||||
t2 AS (
|
||||
SELECT
|
||||
t1.plant_id,
|
||||
t1.plant_name,
|
||||
CASE
|
||||
WHEN plant_item.user_item_code = ANY(t1.item_codes) THEN 1
|
||||
ELSE 0
|
||||
END AS exists_flag
|
||||
FROM t1
|
||||
CROSS JOIN plant_item
|
||||
WHERE t1.plant_name = plant_item.user_plant
|
||||
),
|
||||
t3 AS (
|
||||
SELECT t2.plant_id, t2.plant_name, t2.exists_flag,
|
||||
plant_item.user_item_code
|
||||
FROM t2
|
||||
LEFT JOIN plant_item ON plant_item.user_plant = t2.plant_name
|
||||
),
|
||||
t4 AS (
|
||||
SELECT items.id AS item_id,
|
||||
t3.plant_id, t3.plant_name, t3.exists_flag, t3.user_item_code
|
||||
FROM t3
|
||||
LEFT JOIN items
|
||||
ON t3.plant_id = items.plant_id
|
||||
AND t3.user_item_code = items.code
|
||||
)
|
||||
SELECT
|
||||
t4.item_id,
|
||||
t4.plant_id,
|
||||
t4.plant_name,
|
||||
t4.exists_flag,
|
||||
t4.user_item_code,
|
||||
COALESCE(sticker_masters.material_type, 0) AS material_type,
|
||||
CASE
|
||||
WHEN sticker_masters.item_id IS NULL
|
||||
THEN 'no match found'
|
||||
WHEN COALESCE(sticker_masters.material_type, 0) = 0
|
||||
THEN 'serial invoice'
|
||||
ELSE 'material invoice'
|
||||
END AS invoice_description
|
||||
FROM t4
|
||||
LEFT JOIN sticker_masters
|
||||
ON sticker_masters.plant_id = t4.plant_id
|
||||
AND sticker_masters.item_id = t4.item_id
|
||||
", [$plantName, $itemCode]);
|
||||
|
||||
} catch (\Exception $e) {
|
||||
Log::error('ChatbotService: invoice report query failed', [
|
||||
'plant' => $plantName,
|
||||
'item_code' => $itemCode,
|
||||
'error' => $e->getMessage(),
|
||||
]);
|
||||
|
||||
return "Sorry, I couldn't fetch data for item {$itemCode} in plant {$plantName}. "
|
||||
. 'Please try again or contact support.';
|
||||
}
|
||||
|
||||
if (empty($rows)) {
|
||||
return "No data found for plant \"{$plantName}\". Please check the plant name and try again.";
|
||||
}
|
||||
|
||||
$row = $rows[0];
|
||||
|
||||
if ((int) $row->exists_flag === 0) {
|
||||
return 'Provided item code does not exist in the item table.';
|
||||
}
|
||||
|
||||
return match ($row->invoice_description) {
|
||||
'no match found' => "Item not found in sticker master for the plant {$row->plant_name}.",
|
||||
'serial invoice' => 'It is a serial invoice item.',
|
||||
'material invoice' => 'It is a material invoice item.',
|
||||
default => 'Unexpected result. Please contact support.',
|
||||
};
|
||||
}
|
||||
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
// Fallback for unrecognised input
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
|
||||
private function unknownCommand(string $input): string
|
||||
{
|
||||
return "I didn't recognise that command. Please include a supported keyword with a value after '='.\n\n"
|
||||
. "• Invoice scan status:\n"
|
||||
. " invoice = 3RA0013333\n"
|
||||
. " what is the status of invoice = 3RA0013333\n\n"
|
||||
. "• Invoice type lookup:\n"
|
||||
. " item = 674071 plant = Vahinie Unit 2\n"
|
||||
. " item code = 674071 plant = Vahinie Unit 2\n\n"
|
||||
. 'Any sentence containing keyword = value will work.';
|
||||
}
|
||||
}
|
||||
819
app/Services/GeminiChatbotService.php
Normal file
819
app/Services/GeminiChatbotService.php
Normal file
@@ -0,0 +1,819 @@
|
||||
<?php
|
||||
|
||||
namespace App\Services;
|
||||
|
||||
use Illuminate\Support\Facades\DB;
|
||||
use Illuminate\Support\Facades\Http;
|
||||
use Illuminate\Support\Facades\Log;
|
||||
|
||||
/**
|
||||
* GeminiChatbotService
|
||||
* ─────────────────────────────────────────────────────────────────────────────
|
||||
* Powers the "Advanced" chatbot mode with plain-English understanding.
|
||||
*
|
||||
* FLOW:
|
||||
* 1. Takes the full chat history + new user message.
|
||||
* 2. Sends them to Gemini with a structured system prompt.
|
||||
* 3. Gemini returns JSON: { task, params, missing, clarification }.
|
||||
* 4. If task is a known, complete query → runs the matching DB handler.
|
||||
* 5. If task is "unknown" → sends the message to Gemini again as a free-form
|
||||
* conversational assistant so it can answer or ask the user what they need.
|
||||
* 6. If required params are missing → Gemini's clarification question is returned.
|
||||
*
|
||||
* SUPPORTED TASKS:
|
||||
* - invoice_status → scan status of an invoice number
|
||||
* - invoice_report → serial/material invoice type for an item + plant
|
||||
* - production_report → production count for a plant / line / date range
|
||||
* - unknown → handled via a free-form Gemini conversation turn
|
||||
*
|
||||
* CONFIGURATION (.env):
|
||||
* GEMINI_API_KEY=your_key_here
|
||||
* GEMINI_MODEL=gemini-2.5-flash-preview ← set whichever model your key supports
|
||||
*
|
||||
* HOW TO ADD A NEW TASK:
|
||||
* 1. Describe it in buildSystemPrompt() under TASKS.
|
||||
* 2. Add a private handle*() method below.
|
||||
* 3. Add a match arm in processMessage().
|
||||
*/
|
||||
class GeminiChatbotService
|
||||
{
|
||||
private string $apiKey;
|
||||
|
||||
/**
|
||||
* Full REST endpoint — model name is part of the URL path, e.g.:
|
||||
* https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-preview:generateContent
|
||||
*
|
||||
* Built in __construct() from config('services.gemini.model').
|
||||
* Change GEMINI_MODEL in .env to switch models without editing code.
|
||||
*/
|
||||
private string $apiUrl;
|
||||
|
||||
public function __construct()
|
||||
{
|
||||
$this->apiKey = config('services.gemini.api_key', '');
|
||||
|
||||
$model = config('services.gemini.model', 'gemini-3-flash-preview');
|
||||
|
||||
$this->apiUrl = "https://generativelanguage.googleapis.com/v1beta/models/{$model}:generateContent";
|
||||
}
|
||||
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
// Public entry point
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
|
||||
/**
|
||||
* Process a user message in context of the prior conversation.
|
||||
*
|
||||
* @param array $chatHistory Previous turns: [['role'=>'user'|'assistant','content'=>'…'], …]
|
||||
* @param string $userInput The new message just typed.
|
||||
* @return string Plain-text reply to show in the chat bubble.
|
||||
*/
|
||||
public function processMessage(array $chatHistory, string $userInput): string
|
||||
{
|
||||
if (empty($this->apiKey)) {
|
||||
return '⚠️ AI features are not configured. Please set GEMINI_API_KEY in your .env file.';
|
||||
}
|
||||
|
||||
// ── Step 1: Classify the intent ───────────────────────────────────────
|
||||
try {
|
||||
$classification = $this->classifyWithGemini($chatHistory, $userInput);
|
||||
} catch (\RuntimeException $e) {
|
||||
// Surface the specific error directly in the chat bubble
|
||||
return $e->getMessage();
|
||||
}
|
||||
|
||||
$task = $classification['task'] ?? 'unknown';
|
||||
$params = $classification['params'] ?? [];
|
||||
$missing = $classification['missing'] ?? [];
|
||||
$clarification = $classification['clarification'] ?? null;
|
||||
|
||||
// ── Step 2: Missing required params → ask user for them ───────────────
|
||||
if (! empty($missing) && ! empty($clarification)) {
|
||||
return $clarification;
|
||||
}
|
||||
|
||||
// ── Step 3: Dispatch to the appropriate handler ───────────────────────
|
||||
return match ($task) {
|
||||
'invoice_status' => $this->handleInvoiceStatus($params),
|
||||
'invoice_report' => $this->handleInvoiceReport($params),
|
||||
'production_report' => $this->handleProductionReport($params),
|
||||
|
||||
// ── Unknown intent: hand off to Gemini as a free-form assistant ──
|
||||
'unknown' => $this->handleUnknown($chatHistory, $userInput, $clarification),
|
||||
|
||||
default => $this->handleUnknown($chatHistory, $userInput, null),
|
||||
};
|
||||
}
|
||||
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
// Gemini API calls
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
|
||||
/**
|
||||
* Phase 1 — Classify the user's intent and extract structured params.
|
||||
*
|
||||
* @return array|null Parsed JSON array, or null on failure.
|
||||
*/
|
||||
/**
|
||||
* @throws \RuntimeException with a user-facing message describing exactly what failed.
|
||||
*/
|
||||
private function classifyWithGemini(array $history, string $userInput): array
|
||||
{
|
||||
$requestBody = [
|
||||
'system_instruction' => [
|
||||
'parts' => [['text' => $this->buildSystemPrompt()]],
|
||||
],
|
||||
'contents' => $this->buildGeminiContents($history, $userInput),
|
||||
'generationConfig' => [
|
||||
'temperature' => 0.1,
|
||||
'responseMimeType' => 'application/json',
|
||||
],
|
||||
];
|
||||
|
||||
// ── HTTP call ─────────────────────────────────────────────────────────
|
||||
try {
|
||||
$response = Http::withHeaders(['Content-Type' => 'application/json'])
|
||||
->timeout(15)
|
||||
->post($this->apiUrl . '?key=' . $this->apiKey, $requestBody);
|
||||
} catch (\Exception $e) {
|
||||
Log::error('GeminiChatbotService: HTTP exception', ['error' => $e->getMessage()]);
|
||||
throw new \RuntimeException(
|
||||
'⚠️ Could not reach the Gemini API. Check your network or firewall. ('
|
||||
. $e->getMessage() . ')'
|
||||
);
|
||||
}
|
||||
|
||||
// ── HTTP-level error ──────────────────────────────────────────────────
|
||||
if (! $response->successful()) {
|
||||
$status = $response->status();
|
||||
$body = $response->body();
|
||||
|
||||
Log::error('GeminiChatbotService: API HTTP error', [
|
||||
'status' => $status,
|
||||
'body' => $body,
|
||||
]);
|
||||
|
||||
// Parse Google's error message when available
|
||||
$googleMsg = $response->json('error.message') ?? $body;
|
||||
|
||||
throw new \RuntimeException(
|
||||
"⚠️ Gemini API returned HTTP {$status}: {$googleMsg}"
|
||||
);
|
||||
}
|
||||
|
||||
// ── Extract text from response ────────────────────────────────────────
|
||||
$text = $response->json('candidates.0.content.parts.0.text');
|
||||
|
||||
if (empty($text)) {
|
||||
// Check for prompt-blocking
|
||||
$blockReason = $response->json('promptFeedback.blockReason');
|
||||
$finishReason = $response->json('candidates.0.finishReason');
|
||||
|
||||
Log::error('GeminiChatbotService: empty response text', [
|
||||
'blockReason' => $blockReason,
|
||||
'finishReason' => $finishReason,
|
||||
'full' => $response->json(),
|
||||
]);
|
||||
|
||||
$hint = $blockReason
|
||||
? "prompt was blocked (reason: {$blockReason})"
|
||||
: ($finishReason ? "finish reason: {$finishReason}" : 'no text returned');
|
||||
|
||||
throw new \RuntimeException("⚠️ Gemini returned no content — {$hint}");
|
||||
}
|
||||
|
||||
// ── JSON decode ───────────────────────────────────────────────────────
|
||||
$clean = preg_replace('/^```json\s*/i', '', trim($text));
|
||||
$clean = preg_replace('/\s*```$/i', '', $clean);
|
||||
$parsed = json_decode($clean, true);
|
||||
|
||||
if (json_last_error() !== JSON_ERROR_NONE) {
|
||||
Log::error('GeminiChatbotService: JSON decode failed', ['raw' => $text]);
|
||||
throw new \RuntimeException(
|
||||
'⚠️ Gemini returned a non-JSON response: ' . mb_substr($text, 0, 200)
|
||||
);
|
||||
}
|
||||
|
||||
return $parsed;
|
||||
}
|
||||
|
||||
/**
|
||||
* Phase 2 (unknown task only) — Ask Gemini to respond conversationally.
|
||||
*
|
||||
* Sends the full chat history + new user message to Gemini as a friendly
|
||||
* factory-operations assistant (no JSON constraint). Gemini can ask for
|
||||
* clarification, answer general questions, or guide the user to one of the
|
||||
* supported tasks.
|
||||
*
|
||||
* @param string|null $hintFromClassification Optional clarification from the
|
||||
* classification step — prepended as assistant context if present.
|
||||
* @return string Plain-text reply from Gemini.
|
||||
*/
|
||||
private function callGeminiConversational(
|
||||
array $history,
|
||||
string $userInput,
|
||||
?string $hintFromClassification = null
|
||||
): ?string {
|
||||
// If the classifier already produced a good clarification question, use it
|
||||
// directly and skip the second API call to save latency + quota.
|
||||
if (! empty($hintFromClassification)) {
|
||||
return $hintFromClassification;
|
||||
}
|
||||
|
||||
$requestBody = [
|
||||
'system_instruction' => [
|
||||
'parts' => [['text' => $this->buildConversationalSystemPrompt()]],
|
||||
],
|
||||
'contents' => $this->buildGeminiContents($history, $userInput),
|
||||
'generationConfig' => [
|
||||
'temperature' => 0.7, // more natural conversational tone
|
||||
'maxOutputTokens' => 400,
|
||||
],
|
||||
];
|
||||
|
||||
try {
|
||||
$response = Http::withHeaders(['Content-Type' => 'application/json'])
|
||||
->timeout(20)
|
||||
->post($this->apiUrl . '?key=' . $this->apiKey, $requestBody);
|
||||
|
||||
if (! $response->successful()) {
|
||||
Log::error('GeminiChatbotService: API error (conversational)', [
|
||||
'status' => $response->status(),
|
||||
'body' => $response->body(),
|
||||
]);
|
||||
return null;
|
||||
}
|
||||
|
||||
return $response->json('candidates.0.content.parts.0.text');
|
||||
|
||||
} catch (\Exception $e) {
|
||||
Log::error('GeminiChatbotService: exception (conversational)', ['error' => $e->getMessage()]);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
// Prompt builders
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
|
||||
/**
|
||||
* System prompt for Phase 1 (classification) — forces JSON output.
|
||||
*/
|
||||
private function buildSystemPrompt(): string
|
||||
{
|
||||
$today = now()->format('Y-m-d');
|
||||
$startOfMonth = now()->startOfMonth()->format('Y-m-d');
|
||||
|
||||
return <<<PROMPT
|
||||
You are a factory operations assistant that classifies plain-English user queries into structured tasks.
|
||||
|
||||
TASKS:
|
||||
1. "invoice_status"
|
||||
The user wants to check how many serial numbers in an invoice have been scanned / not scanned.
|
||||
Required params: invoice_number
|
||||
Examples:
|
||||
- "check invoice 3RA0013333"
|
||||
- "is invoice 3RA0013333 fully scanned?"
|
||||
- "what's the scan status of 3RA0013333"
|
||||
- "show me unscanned serials for invoice ABC123"
|
||||
|
||||
2. "invoice_report"
|
||||
The user wants to know whether an item is a serial invoice or material invoice for a given plant.
|
||||
Required params: item_code, plant_name
|
||||
Examples:
|
||||
- "check item 674071 for plant Vahinie Unit 2"
|
||||
- "is item 500100 a serial or material invoice in Chennai plant?"
|
||||
- "what type is item code 200300 at Vahinie?"
|
||||
|
||||
3. "production_report"
|
||||
The user wants the production count for a plant and optional line over a date range.
|
||||
Required params: plant_name
|
||||
Optional params: line_name, date_from, date_to
|
||||
Default dates: date_from = {$startOfMonth}, date_to = {$today}
|
||||
Interpret relative dates: "this month", "last week", "yesterday", "today", etc.
|
||||
Examples:
|
||||
- "show production for Chennai plant this month"
|
||||
- "how many units were produced in line 1 of Vahinie Unit 2 last week?"
|
||||
- "production report for all plants from 2024-01-01 to 2024-01-31"
|
||||
|
||||
4. "unknown"
|
||||
The query cannot be clearly matched to any of the above tasks.
|
||||
Use this when the user is asking something general, greeting, asking what the bot can do,
|
||||
asking a follow-up question that doesn't map to a task, or if you need more context.
|
||||
In this case, set "clarification" to a friendly, helpful response — it may be a question,
|
||||
a helpful explanation, or guidance toward the supported tasks.
|
||||
|
||||
CONVERSATION CONTEXT:
|
||||
Consider the full conversation history. If the previous assistant message asked a clarifying question
|
||||
(e.g. "Do you mean Invoice Status or Invoice Report?") and the user is now answering that question,
|
||||
classify accordingly based on the combined context.
|
||||
|
||||
OUTPUT FORMAT (return ONLY this JSON, no markdown fences, no extra text):
|
||||
{
|
||||
"task": "invoice_status | invoice_report | production_report | unknown",
|
||||
"params": {
|
||||
"invoice_number": "...",
|
||||
"item_code": "...",
|
||||
"plant_name": "...",
|
||||
"line_name": "...",
|
||||
"date_from": "YYYY-MM-DD",
|
||||
"date_to": "YYYY-MM-DD"
|
||||
},
|
||||
"missing": ["list of required params that were not found in the user input"],
|
||||
"clarification": "Friendly response for unknown tasks or missing-param prompts. Set to null when task is clear and params are complete."
|
||||
}
|
||||
|
||||
RULES:
|
||||
- Only include params relevant to the detected task.
|
||||
- If a required param is missing, add it to "missing" and set a helpful "clarification" asking only for that missing value.
|
||||
- If task is "unknown", always set "missing" to [] and put your full helpful response in "clarification".
|
||||
- When task is clear and all required params are present, set "missing" to [] and "clarification" to null.
|
||||
PROMPT;
|
||||
}
|
||||
|
||||
/**
|
||||
* System prompt for Phase 2 (conversational fallback) — plain-text output.
|
||||
*
|
||||
* Used only when the classifier returns "unknown" AND produced no clarification.
|
||||
*/
|
||||
private function buildConversationalSystemPrompt(): string
|
||||
{
|
||||
return <<<PROMPT
|
||||
You are a helpful factory operations assistant integrated into an internal management panel.
|
||||
|
||||
You can perform these tasks when the user gives you enough information:
|
||||
• Invoice Status — check how many serial numbers in an invoice have been scanned and list any unscanned ones. Requires: invoice number.
|
||||
• Invoice Report — find out whether an item is a serial invoice or material invoice for a given plant. Requires: item code and plant name.
|
||||
• Production Report — get the production count for a plant, optionally filtered by line and date range. Requires: plant name.
|
||||
|
||||
When the user's request does not match any of the above:
|
||||
- Answer general questions helpfully and concisely.
|
||||
- If you need more information to perform a task, ask for only the missing detail.
|
||||
- Guide the user toward one of the supported tasks when relevant.
|
||||
- Keep replies short and conversational (2-4 sentences max).
|
||||
- Do NOT mention JSON, APIs, or technical internals.
|
||||
PROMPT;
|
||||
}
|
||||
|
||||
/**
|
||||
* Convert Livewire chat history + new user message into Gemini's contents array.
|
||||
* Gemini uses "model" for the assistant role (not "assistant").
|
||||
*/
|
||||
private function buildGeminiContents(array $history, string $userInput): array
|
||||
{
|
||||
$contents = [];
|
||||
|
||||
// Include the last 8 turns at most to stay within token limits
|
||||
foreach (array_slice($history, -8) as $msg) {
|
||||
$contents[] = [
|
||||
'role' => $msg['role'] === 'user' ? 'user' : 'model',
|
||||
'parts' => [['text' => $msg['content']]],
|
||||
];
|
||||
}
|
||||
|
||||
$contents[] = [
|
||||
'role' => 'user',
|
||||
'parts' => [['text' => $userInput]],
|
||||
];
|
||||
|
||||
return $contents;
|
||||
}
|
||||
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
// Task handlers
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
|
||||
/**
|
||||
* Invoice Status — delegate to ChatbotService (regex-based, same as basic mode).
|
||||
*/
|
||||
private function handleInvoiceStatus(array $params): string
|
||||
{
|
||||
$invoiceNumber = trim(preg_replace('/\s+/', '', $params['invoice_number'] ?? ''));
|
||||
|
||||
if (empty($invoiceNumber)) {
|
||||
return 'I need the invoice number to check the scan status. What is the invoice number?';
|
||||
}
|
||||
|
||||
/** @var ChatbotService $svc */
|
||||
$svc = app(ChatbotService::class);
|
||||
|
||||
return $svc->ask("invoice = {$invoiceNumber}");
|
||||
}
|
||||
|
||||
/**
|
||||
* Invoice Report — resolves plant name with fuzzy matching, then runs the
|
||||
* same CTE query as ChatBot::fetchInvoiceReport() directly.
|
||||
*
|
||||
* We bypass ChatbotService::ask() here so that resolvePlant()'s multi-strategy
|
||||
* fuzzy logic is applied rather than the simpler LIKE inside ChatbotService.
|
||||
*/
|
||||
private function handleInvoiceReport(array $params): string
|
||||
{
|
||||
$itemCode = trim($params['item_code'] ?? '');
|
||||
$plantName = trim($params['plant_name'] ?? '');
|
||||
|
||||
if (empty($itemCode)) {
|
||||
return 'I need the item code to look up the invoice type. What is the item code?';
|
||||
}
|
||||
|
||||
if (empty($plantName)) {
|
||||
return 'I need the plant name to look up the invoice type. Which plant are you asking about?';
|
||||
}
|
||||
|
||||
// ── Fuzzy-resolve the plant name ──────────────────────────────────────
|
||||
$plant = $this->resolvePlant($plantName);
|
||||
|
||||
if ($plant === null) {
|
||||
return "I couldn't find a plant matching \"{$plantName}\". "
|
||||
. 'Please check the plant name and try again.';
|
||||
}
|
||||
|
||||
// ── Run the same CTE as ChatBot::fetchInvoiceReport() ─────────────────
|
||||
try {
|
||||
$rows = DB::select("
|
||||
WITH plant_item AS (
|
||||
SELECT ? AS user_plant,
|
||||
? AS user_item_code
|
||||
),
|
||||
t1 AS (
|
||||
SELECT
|
||||
plants.id AS plant_id,
|
||||
plants.name AS plant_name,
|
||||
ARRAY_AGG(items.code) AS item_codes
|
||||
FROM plants
|
||||
LEFT JOIN items ON plants.id = items.plant_id
|
||||
GROUP BY plants.id, plants.name
|
||||
),
|
||||
t2 AS (
|
||||
SELECT
|
||||
t1.plant_id,
|
||||
t1.plant_name,
|
||||
CASE
|
||||
WHEN plant_item.user_item_code = ANY(t1.item_codes) THEN 1
|
||||
ELSE 0
|
||||
END AS exists_flag
|
||||
FROM t1
|
||||
CROSS JOIN plant_item
|
||||
WHERE t1.plant_name = plant_item.user_plant
|
||||
),
|
||||
t3 AS (
|
||||
SELECT t2.plant_id, t2.plant_name, t2.exists_flag,
|
||||
plant_item.user_item_code
|
||||
FROM t2
|
||||
LEFT JOIN plant_item ON plant_item.user_plant = t2.plant_name
|
||||
),
|
||||
t4 AS (
|
||||
SELECT items.id AS item_id,
|
||||
t3.plant_id, t3.plant_name, t3.exists_flag, t3.user_item_code
|
||||
FROM t3
|
||||
LEFT JOIN items
|
||||
ON t3.plant_id = items.plant_id
|
||||
AND t3.user_item_code = items.code
|
||||
)
|
||||
SELECT
|
||||
t4.item_id,
|
||||
t4.plant_id,
|
||||
t4.plant_name,
|
||||
t4.exists_flag,
|
||||
t4.user_item_code,
|
||||
COALESCE(sticker_masters.material_type, 0) AS material_type,
|
||||
CASE
|
||||
WHEN sticker_masters.item_id IS NULL
|
||||
THEN 'no match found'
|
||||
WHEN COALESCE(sticker_masters.material_type, 0) = 0
|
||||
THEN 'serial invoice'
|
||||
ELSE 'material invoice'
|
||||
END AS invoice_description
|
||||
FROM t4
|
||||
LEFT JOIN sticker_masters
|
||||
ON sticker_masters.plant_id = t4.plant_id
|
||||
AND sticker_masters.item_id = t4.item_id
|
||||
", [$plant->name, $itemCode]);
|
||||
|
||||
} catch (\Exception $e) {
|
||||
Log::error('GeminiChatbotService: invoice report query failed', [
|
||||
'plant' => $plant->name,
|
||||
'item_code' => $itemCode,
|
||||
'error' => $e->getMessage(),
|
||||
]);
|
||||
return "Sorry, I couldn't fetch data. Please try again or contact support.";
|
||||
}
|
||||
|
||||
if (empty($rows)) {
|
||||
return "No data found for plant \"{$plant->name}\". Please verify the plant name.";
|
||||
}
|
||||
|
||||
$row = $rows[0];
|
||||
|
||||
if ((int) $row->exists_flag === 0) {
|
||||
return 'The provided item code does not exist in the item table.';
|
||||
}
|
||||
|
||||
return match ($row->invoice_description) {
|
||||
'serial invoice' => 'It is a serial invoice item.',
|
||||
'material invoice' => 'It is a material invoice item.',
|
||||
'no match found' => "Item not found in sticker master for plant {$plant->name}.",
|
||||
default => 'Unexpected result. Please contact support.',
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Production Report — resolves plant/line names to IDs and runs the count query.
|
||||
* Mirrors ChatBot::fetchProduction() but works with plain names instead of IDs,
|
||||
* using resolvePlant() for robust fuzzy matching.
|
||||
*/
|
||||
private function handleProductionReport(array $params): string
|
||||
{
|
||||
$plantName = trim($params['plant_name'] ?? '');
|
||||
$lineName = trim($params['line_name'] ?? '');
|
||||
$dateFrom = $params['date_from'] ?? now()->startOfMonth()->format('Y-m-d');
|
||||
$dateTo = $params['date_to'] ?? now()->format('Y-m-d');
|
||||
|
||||
if (empty($plantName)) {
|
||||
return 'I need a plant name to fetch the production report. Which plant are you asking about?';
|
||||
}
|
||||
|
||||
// ── Fuzzy-resolve the plant name ──────────────────────────────────────
|
||||
$plant = $this->resolvePlant($plantName);
|
||||
|
||||
if ($plant === null) {
|
||||
return "I couldn't find a plant matching \"{$plantName}\". "
|
||||
. 'Please check the plant name and try again.';
|
||||
}
|
||||
|
||||
// ── Base query ────────────────────────────────────────────────────────
|
||||
$query = DB::table('production_quantities')
|
||||
->whereNull('deleted_at')
|
||||
->where('plant_id', $plant->id)
|
||||
->whereDate('created_at', '>=', $dateFrom)
|
||||
->whereDate('created_at', '<=', $dateTo);
|
||||
|
||||
$lineLabel = 'All Lines';
|
||||
|
||||
// ── Optionally filter by line (fuzzy LIKE match) ──────────────────────
|
||||
if (! empty($lineName)) {
|
||||
$line = $this->resolveLine($lineName, $plant->id);
|
||||
|
||||
if ($line === null) {
|
||||
return "I couldn't find a line matching \"{$lineName}\" "
|
||||
. "in plant \"{$plant->name}\". Please check the line name.";
|
||||
}
|
||||
|
||||
$query->where('line_id', $line->id);
|
||||
$lineLabel = $line->name;
|
||||
}
|
||||
|
||||
try {
|
||||
$count = $query->count();
|
||||
} catch (\Exception $e) {
|
||||
Log::error('GeminiChatbotService: production query failed', [
|
||||
'plant' => $plant->name,
|
||||
'line' => $lineLabel,
|
||||
'error' => $e->getMessage(),
|
||||
]);
|
||||
|
||||
return "Sorry, I couldn't fetch production data for {$plant->name}. "
|
||||
. 'Please try again or contact support.';
|
||||
}
|
||||
|
||||
$from = \Carbon\Carbon::parse($dateFrom)->format('d M Y');
|
||||
$to = \Carbon\Carbon::parse($dateTo)->format('d M Y');
|
||||
|
||||
return "📊 Production count for {$plant->name} / {$lineLabel} "
|
||||
. "from {$from} to {$to}: {$count} records.";
|
||||
}
|
||||
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
// Fuzzy name resolvers
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
|
||||
/**
|
||||
* Resolve a user-supplied plant name to the best matching DB row.
|
||||
*
|
||||
* Strategy cascade (stops at first hit):
|
||||
* 1. Exact case-insensitive match → "ransar industries-i" == "Ransar Industries-I"
|
||||
* 2. Normalised LIKE match → strips hyphens/spaces, swaps I↔1
|
||||
* 3. Every significant word present (LIKE) → "ransar unit 2" matches "Ransar Industries Unit 2"
|
||||
* 4. Best token-overlap score → picks the DB row sharing the most words
|
||||
*
|
||||
* @return object|null stdClass with {id, name} or null if no match.
|
||||
*/
|
||||
private function resolvePlant(string $userInput): ?object
|
||||
{
|
||||
$allPlants = DB::table('plants')
|
||||
->whereNull('deleted_at')
|
||||
->get(['id', 'name']);
|
||||
|
||||
$norm = $this->normaliseForMatching($userInput);
|
||||
|
||||
// ── Strategy 1: exact normalised match ────────────────────────────────
|
||||
foreach ($allPlants as $plant) {
|
||||
if ($this->normaliseForMatching($plant->name) === $norm) {
|
||||
return $plant;
|
||||
}
|
||||
}
|
||||
|
||||
// ── Strategy 2: normalised LIKE (user input contained in plant name or vice-versa) ──
|
||||
foreach ($allPlants as $plant) {
|
||||
$dbNorm = $this->normaliseForMatching($plant->name);
|
||||
if (str_contains($dbNorm, $norm) || str_contains($norm, $dbNorm)) {
|
||||
return $plant;
|
||||
}
|
||||
}
|
||||
|
||||
// ── Strategy 3: all significant user words appear in the plant name ───
|
||||
$userTokens = $this->significantTokens($norm);
|
||||
|
||||
if (count($userTokens) >= 1) {
|
||||
foreach ($allPlants as $plant) {
|
||||
$dbNorm = $this->normaliseForMatching($plant->name);
|
||||
$allFound = true;
|
||||
foreach ($userTokens as $token) {
|
||||
if (! str_contains($dbNorm, $token)) {
|
||||
$allFound = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if ($allFound) {
|
||||
return $plant;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ── Strategy 4: best token-overlap score ─────────────────────────────
|
||||
$bestPlant = null;
|
||||
$bestScore = 0;
|
||||
|
||||
foreach ($allPlants as $plant) {
|
||||
$dbTokens = $this->significantTokens($this->normaliseForMatching($plant->name));
|
||||
$shared = count(array_intersect($userTokens, $dbTokens));
|
||||
|
||||
// Require at least half the user tokens to match to avoid false positives
|
||||
$threshold = max(1, (int) ceil(count($userTokens) / 2));
|
||||
|
||||
if ($shared >= $threshold && $shared > $bestScore) {
|
||||
$bestScore = $shared;
|
||||
$bestPlant = $plant;
|
||||
}
|
||||
}
|
||||
|
||||
return $bestPlant;
|
||||
}
|
||||
|
||||
/**
|
||||
* Resolve a user-supplied line name within a specific plant.
|
||||
* Uses the same normalisation + token strategies as resolvePlant().
|
||||
*
|
||||
* @return object|null stdClass with {id, name} or null if no match.
|
||||
*/
|
||||
private function resolveLine(string $userInput, int $plantId): ?object
|
||||
{
|
||||
$allLines = DB::table('lines')
|
||||
->whereNull('deleted_at')
|
||||
->where('plant_id', $plantId)
|
||||
->get(['id', 'name']);
|
||||
|
||||
$norm = $this->normaliseForMatching($userInput);
|
||||
|
||||
// Strategy 1: exact normalised
|
||||
foreach ($allLines as $line) {
|
||||
if ($this->normaliseForMatching($line->name) === $norm) {
|
||||
return $line;
|
||||
}
|
||||
}
|
||||
|
||||
// Strategy 2: normalised LIKE
|
||||
foreach ($allLines as $line) {
|
||||
$dbNorm = $this->normaliseForMatching($line->name);
|
||||
if (str_contains($dbNorm, $norm) || str_contains($norm, $dbNorm)) {
|
||||
return $line;
|
||||
}
|
||||
}
|
||||
|
||||
// Strategy 3: all user tokens found in line name
|
||||
$userTokens = $this->significantTokens($norm);
|
||||
|
||||
foreach ($allLines as $line) {
|
||||
$dbNorm = $this->normaliseForMatching($line->name);
|
||||
$allFound = true;
|
||||
foreach ($userTokens as $token) {
|
||||
if (! str_contains($dbNorm, $token)) {
|
||||
$allFound = false;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if ($allFound) {
|
||||
return $line;
|
||||
}
|
||||
}
|
||||
|
||||
// Strategy 4: best token-overlap
|
||||
$bestLine = null;
|
||||
$bestScore = 0;
|
||||
|
||||
foreach ($allLines as $line) {
|
||||
$dbTokens = $this->significantTokens($this->normaliseForMatching($line->name));
|
||||
$shared = count(array_intersect($userTokens, $dbTokens));
|
||||
$threshold = max(1, (int) ceil(count($userTokens) / 2));
|
||||
|
||||
if ($shared >= $threshold && $shared > $bestScore) {
|
||||
$bestScore = $shared;
|
||||
$bestLine = $line;
|
||||
}
|
||||
}
|
||||
|
||||
return $bestLine;
|
||||
}
|
||||
|
||||
/**
|
||||
* Normalise a plant/line name for fuzzy comparison:
|
||||
* - lowercase
|
||||
* - replace Roman numeral suffixes I/II/III/IV → 1/2/3/4 (and vice-versa digits → numerals as a canonical form)
|
||||
* - collapse hyphens, underscores, extra spaces into a single space
|
||||
* - strip leading/trailing whitespace
|
||||
*
|
||||
* Both the user input AND the DB value are passed through this before comparing,
|
||||
* so the comparison is always apples-to-apples.
|
||||
*/
|
||||
private function normaliseForMatching(string $value): string
|
||||
{
|
||||
$v = strtolower($value);
|
||||
|
||||
// 1. Punctuation/separators → space
|
||||
$v = str_replace(['-', '_', '.', ','], ' ', $v);
|
||||
|
||||
// 2. Split any letter→digit or digit→letter boundary with a space.
|
||||
// e.g. "industries1" → "industries 1", "unit2" → "unit 2", "2unit" → "2 unit"
|
||||
// This must happen BEFORE Roman numeral conversion so isolated digits are
|
||||
// already separated from words.
|
||||
$v = preg_replace('/([a-z])(\d)/', '$1 $2', $v);
|
||||
$v = preg_replace('/(\d)([a-z])/', '$1 $2', $v);
|
||||
|
||||
// 3. Convert standalone Roman numerals to digits.
|
||||
// Applied AFTER splitting so "industries" is never touched —
|
||||
// the \b boundary ensures only whole tokens are matched.
|
||||
// Order matters: longer patterns first (iii before ii before i).
|
||||
$romanMap = [
|
||||
'/\bviii\b/' => '8',
|
||||
'/\bvii\b/' => '7',
|
||||
'/\bvi\b/' => '6',
|
||||
'/\biv\b/' => '4',
|
||||
'/\biii\b/' => '3',
|
||||
'/\bii\b/' => '2',
|
||||
'/\bv\b/' => '5',
|
||||
'/\bi\b/' => '1', // last — single i only after all others consumed
|
||||
];
|
||||
foreach ($romanMap as $pattern => $digit) {
|
||||
$v = preg_replace($pattern, $digit, $v);
|
||||
}
|
||||
|
||||
// 4. Collapse multiple spaces
|
||||
$v = preg_replace('/\s+/', ' ', $v);
|
||||
|
||||
return trim($v);
|
||||
}
|
||||
|
||||
/**
|
||||
* Split a normalised string into significant tokens (drops noise words).
|
||||
*
|
||||
* @return array<string>
|
||||
*/
|
||||
private function significantTokens(string $normalised): array
|
||||
{
|
||||
$stopWords = ['and', 'the', 'of', 'for', 'at', 'in', 'a'];
|
||||
$tokens = explode(' ', $normalised);
|
||||
|
||||
return array_values(array_filter($tokens, function (string $t) use ($stopWords) {
|
||||
return strlen($t) >= 2 && ! in_array($t, $stopWords, true);
|
||||
}));
|
||||
}
|
||||
|
||||
// ─────────────────────────────────────────────────────────────────────────
|
||||
|
||||
/**
|
||||
* Unknown task — let Gemini respond conversationally.
|
||||
*
|
||||
* If the classification step already produced a useful clarification string
|
||||
* (e.g. "Could you clarify — are you asking about scan status or invoice type?"),
|
||||
* we return that directly without a second API call.
|
||||
* Otherwise we hit Gemini again with a conversational system prompt.
|
||||
*/
|
||||
private function handleUnknown(
|
||||
array $chatHistory,
|
||||
string $userInput,
|
||||
?string $clarificationFromClassifier
|
||||
): string {
|
||||
$reply = $this->callGeminiConversational(
|
||||
$chatHistory,
|
||||
$userInput,
|
||||
$clarificationFromClassifier
|
||||
);
|
||||
|
||||
return $reply
|
||||
?? "I'm not sure I understood that. I can help you with:\n\n"
|
||||
. "• Invoice Status — scan progress of an invoice\n"
|
||||
. "• Invoice Report — serial vs material type for an item\n"
|
||||
. "• Production Report — unit count for a plant / line\n\n"
|
||||
. "What would you like to check?";
|
||||
}
|
||||
}
|
||||
@@ -18,6 +18,11 @@ return [
|
||||
'token' => env('POSTMARK_TOKEN'),
|
||||
],
|
||||
|
||||
'gemini' => [
|
||||
'api_key' => env('GEMINI_API_KEY'),
|
||||
'model' => env('GEMINI_MODEL', 'gemini-3-flash-preview'),
|
||||
],
|
||||
|
||||
'ses' => [
|
||||
'key' => env('AWS_ACCESS_KEY_ID'),
|
||||
'secret' => env('AWS_SECRET_ACCESS_KEY'),
|
||||
|
||||
622
resources/views/livewire/chat-bot.blade.php
Normal file
622
resources/views/livewire/chat-bot.blade.php
Normal file
@@ -0,0 +1,622 @@
|
||||
<div style="position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:0.75rem;">
|
||||
<style>
|
||||
@keyframes spin { to { transform: rotate(360deg); } }
|
||||
@keyframes fadeIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
|
||||
@keyframes pulse { 0%,100% { opacity:1; } 50% { opacity:.4; } }
|
||||
|
||||
.cb-mode-card {
|
||||
background: #111827;
|
||||
border: 1px solid #374151;
|
||||
border-radius: 0.75rem;
|
||||
padding: 1rem;
|
||||
cursor: pointer;
|
||||
transition: border-color .2s, background .2s;
|
||||
text-align: center;
|
||||
flex: 1;
|
||||
}
|
||||
.cb-mode-card:hover { border-color: #f59e0b; background: #1a2436; }
|
||||
|
||||
.cb-report-pill {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.375rem;
|
||||
padding: 0.4rem 0.875rem;
|
||||
border-radius: 9999px;
|
||||
border: 1px solid #374151;
|
||||
background: #111827;
|
||||
color: #9ca3af;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: border-color .15s, background .15s, color .15s;
|
||||
}
|
||||
.cb-report-pill:hover { border-color: #f59e0b; color: #f9fafb; background: #1a2436; }
|
||||
.cb-report-pill.active-prod { border-color: #f59e0b; background: #f59e0b22; color: #f59e0b; }
|
||||
.cb-report-pill.active-inv { border-color: #10b981; background: #10b98122; color: #10b981; }
|
||||
.cb-report-pill.active-inv-stat { border-color: #3b82f6; background: #3b82f622; color: #3b82f6; }
|
||||
|
||||
.cb-chat-bubble-user {
|
||||
align-self: flex-end;
|
||||
background: #f59e0b;
|
||||
color: #1f2937;
|
||||
border-radius: 1rem 1rem 0.25rem 1rem;
|
||||
padding: 0.625rem 0.875rem;
|
||||
font-size: 0.8125rem;
|
||||
max-width: 85%;
|
||||
line-height: 1.5;
|
||||
animation: fadeIn .2s ease;
|
||||
word-break: break-word;
|
||||
}
|
||||
.cb-chat-bubble-assistant {
|
||||
align-self: flex-start;
|
||||
background: #1f2937;
|
||||
border: 1px solid #374151;
|
||||
color: #f9fafb;
|
||||
border-radius: 1rem 1rem 1rem 0.25rem;
|
||||
padding: 0.625rem 0.875rem;
|
||||
font-size: 0.8125rem;
|
||||
max-width: 90%;
|
||||
line-height: 1.6;
|
||||
animation: fadeIn .2s ease;
|
||||
word-break: break-word;
|
||||
white-space: pre-line;
|
||||
}
|
||||
.cb-typing-dot {
|
||||
display:inline-block; width:6px; height:6px; border-radius:50%;
|
||||
background:#f59e0b; animation: pulse 1.2s ease infinite;
|
||||
}
|
||||
.cb-typing-dot:nth-child(2) { animation-delay:.2s; }
|
||||
.cb-typing-dot:nth-child(3) { animation-delay:.4s; }
|
||||
</style>
|
||||
|
||||
{{-- ── Chat Panel ──────────────────────────────────────────────────────── --}}
|
||||
@if($isOpen)
|
||||
<div style="width:380px;background:#1f2937;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border:1px solid #374151;display:flex;flex-direction:column;overflow:hidden;">
|
||||
|
||||
{{-- ── Header ── --}}
|
||||
<div style="display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;background:#f59e0b;flex-shrink:0;">
|
||||
<div style="display:flex;align-items:center;gap:0.5rem;">
|
||||
<svg style="width:1.25rem;height:1.25rem;color:#fff;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 0 0 2.25-2.25V6.75a2.25 2.25 0 0 0-2.25-2.25H6.75A2.25 2.25 0 0 0 4.5 6.75v10.5a2.25 2.25 0 0 0 2.25 2.25Zm.75-12h9v9h-9v-9Z" />
|
||||
</svg>
|
||||
<span style="font-weight:600;font-size:0.875rem;color:#fff;">Report Assistant ⒶⓇ</span>
|
||||
|
||||
{{-- Mode badge --}}
|
||||
@if($mode !== 'select')
|
||||
<span style="background:rgba(0,0,0,.2);color:#fff;font-size:0.65rem;font-weight:700;padding:0.15rem 0.5rem;border-radius:9999px;letter-spacing:.05em;text-transform:uppercase;">
|
||||
{{ $mode }}
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div style="display:flex;align-items:center;gap:0.5rem;">
|
||||
{{-- Back to mode select (only when in a mode) --}}
|
||||
@if($mode !== 'select')
|
||||
<button wire:click="setMode('select')" title="Switch Mode"
|
||||
style="background:rgba(0,0,0,.2);border:none;cursor:pointer;padding:0.25rem 0.5rem;border-radius:0.375rem;color:#fff;font-size:0.7rem;font-weight:600;display:flex;align-items:center;gap:0.25rem;">
|
||||
<svg style="width:0.75rem;height:0.75rem;" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
|
||||
</svg>
|
||||
Switch
|
||||
</button>
|
||||
@endif
|
||||
|
||||
{{-- Reset --}}
|
||||
<button wire:click="resetForm" title="Reset"
|
||||
style="background:transparent;border:none;cursor:pointer;padding:0.25rem;border-radius:0.25rem;color:#fff;display:flex;align-items:center;">
|
||||
<svg style="width:1rem;height:1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
{{-- Close --}}
|
||||
<button wire:click="toggleChat" title="Close"
|
||||
style="background:transparent;border:none;cursor:pointer;padding:0.25rem;border-radius:0.25rem;color:#fff;display:flex;align-items:center;">
|
||||
<svg style="width:1rem;height:1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- ══════════════════════════════════════════════════════════════════ --}}
|
||||
{{-- ── MODE SELECT SCREEN ── --}}
|
||||
{{-- ══════════════════════════════════════════════════════════════════ --}}
|
||||
@if($mode === 'select')
|
||||
<div style="padding:1.25rem;display:flex;flex-direction:column;gap:1rem;">
|
||||
|
||||
<div style="text-align:center;">
|
||||
<p style="color:#9ca3af;font-size:0.8125rem;margin:0 0 0.25rem;">How would you like to query?</p>
|
||||
<p style="color:#6b7280;font-size:0.7rem;margin:0;">Choose a mode to get started</p>
|
||||
</div>
|
||||
|
||||
<div style="display:flex;gap:0.75rem;">
|
||||
|
||||
{{-- Basic card --}}
|
||||
<button wire:click="setMode('basic')" class="cb-mode-card" style="border:none;width:50%;">
|
||||
<div style="display:flex;justify-content:center;margin-bottom:0.625rem;">
|
||||
<div style="background:#f59e0b22;border-radius:0.625rem;padding:0.625rem;">
|
||||
<svg style="width:1.5rem;height:1.5rem;color:#f59e0b;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<p style="color:#f9fafb;font-size:0.875rem;font-weight:700;margin:0 0 0.25rem;">Basic</p>
|
||||
<p style="color:#6b7280;font-size:0.7rem;margin:0;line-height:1.4;">Input the required information to generate reports</p>
|
||||
</button>
|
||||
|
||||
{{-- Advanced card --}}
|
||||
<button wire:click="setMode('advanced')" class="cb-mode-card" style="border:none;width:50%;">
|
||||
<div style="display:flex;justify-content:center;margin-bottom:0.625rem;">
|
||||
<div style="background:#8b5cf622;border-radius:0.625rem;padding:0.625rem;">
|
||||
<svg style="width:1.5rem;height:1.5rem;color:#8b5cf6;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 7.5l3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<p style="color:#f9fafb;font-size:0.875rem;font-weight:700;margin:0 0 0.25rem;">Advanced</p>
|
||||
<p style="color:#6b7280;font-size:0.7rem;margin:0;line-height:1.4;">Ask anything in plain English — powered by Gemini AI</p>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
{{-- Hint --}}
|
||||
<div style="background:#111827;border-radius:0.5rem;padding:0.75rem;border:1px solid #374151;">
|
||||
<p style="color:#6b7280;font-size:0.7rem;margin:0;line-height:1.5;">
|
||||
💡 <strong style="color:#9ca3af;">Tip:</strong> Use <em>Advanced</em> to just describe what you need in plain English — Gemini will figure out the rest
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{-- ══════════════════════════════════════════════════════════════════ --}}
|
||||
{{-- ── BASIC MODE ── --}}
|
||||
{{-- ══════════════════════════════════════════════════════════════════ --}}
|
||||
@if($mode === 'basic')
|
||||
<div style="padding:1rem;display:flex;flex-direction:column;gap:0.875rem;">
|
||||
|
||||
{{-- ── Report Type Selector (dropdown) ──────────────────────────── --}}
|
||||
<div style="position:relative;">
|
||||
<label style="display:block;font-size:0.75rem;font-weight:500;color:#9ca3af;margin-bottom:0.5rem;">Report Type</label>
|
||||
{{-- Custom wrapper gives us the chevron icon and accent border on selection --}}
|
||||
<div style="position:relative;">
|
||||
<select
|
||||
wire:change="setReportType($event.target.value)"
|
||||
style="
|
||||
width:100%;
|
||||
appearance:none;
|
||||
-webkit-appearance:none;
|
||||
background:#111827;
|
||||
border:1px solid {{ $reportType !== '' ? '#f59e0b' : '#374151' }};
|
||||
border-radius:0.5rem;
|
||||
color:{{ $reportType !== '' ? '#f9fafb' : '#6b7280' }};
|
||||
padding:0.55rem 2.25rem 0.55rem 0.875rem;
|
||||
font-size:0.8125rem;
|
||||
font-weight:{{ $reportType !== '' ? '600' : '400' }};
|
||||
outline:none;
|
||||
cursor:pointer;
|
||||
transition:border-color .15s, color .15s;
|
||||
">
|
||||
<option value="" {{ $reportType === '' ? 'selected' : '' }}>— Select Report Type —</option>
|
||||
<option value="production" {{ $reportType === 'production' ? 'selected' : '' }}>📊 Production Report</option>
|
||||
<option value="invoice" {{ $reportType === 'invoice' ? 'selected' : '' }}>📄 Invoice Report</option>
|
||||
<option value="invoice_status" {{ $reportType === 'invoice_status' ? 'selected' : '' }}>🔍 Invoice Status</option>
|
||||
</select>
|
||||
{{-- Chevron icon --}}
|
||||
<div style="pointer-events:none;position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);">
|
||||
<svg style="width:0.875rem;height:0.875rem;color:{{ $reportType !== '' ? '#f59e0b' : '#6b7280' }};" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- ── Placeholder when no report type selected ─────────────────── --}}
|
||||
@if($reportType === '')
|
||||
<div style="background:#111827;border:1px dashed #374151;border-radius:0.625rem;padding:1.25rem;text-align:center;">
|
||||
<svg style="width:2rem;height:2rem;color:#4b5563;margin:0 auto 0.5rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" />
|
||||
</svg>
|
||||
<p style="color:#6b7280;font-size:0.8rem;margin:0;line-height:1.5;">Select a report type from the dropdown to get started</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{-- ══════════════════════════════════════════════════════════════ --}}
|
||||
{{-- ── PRODUCTION REPORT FORM ── --}}
|
||||
{{-- ══════════════════════════════════════════════════════════════ --}}
|
||||
@if($reportType === 'production')
|
||||
|
||||
{{-- Plant --}}
|
||||
<div>
|
||||
<label style="display:block;font-size:0.75rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">Plant</label>
|
||||
<select wire:model.live="selectedPlantId"
|
||||
style="width:100%;background:#111827;border:1px solid #374151;border-radius:0.5rem;color:#f9fafb;padding:0.5rem 0.75rem;font-size:0.8125rem;outline:none;">
|
||||
<option value="">— Select Plant —</option>
|
||||
@foreach($plants as $plant)
|
||||
<option value="{{ $plant->id }}">{{ $plant->name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
{{-- Line --}}
|
||||
<div>
|
||||
<label style="display:block;font-size:0.75rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">
|
||||
Line <span style="color:#6b7280;font-weight:400;">(optional — leave blank for all lines)</span>
|
||||
</label>
|
||||
<select wire:model.live="selectedLineId"
|
||||
style="width:100%;background:#111827;border:1px solid #374151;border-radius:0.5rem;color:#f9fafb;padding:0.5rem 0.75rem;font-size:0.8125rem;outline:none;"
|
||||
@if(!$selectedPlantId) disabled @endif>
|
||||
<option value="">— All Lines —</option>
|
||||
@foreach($lines as $line)
|
||||
<option value="{{ $line->id }}">{{ $line->name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
@if(!$selectedPlantId)
|
||||
<p style="font-size:0.7rem;color:#6b7280;margin-top:0.25rem;">Select a plant first</p>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- Date Range --}}
|
||||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;">
|
||||
<div>
|
||||
<label style="display:block;font-size:0.75rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">From</label>
|
||||
<input type="date" wire:model="dateFrom"
|
||||
style="width:100%;background:#111827;border:1px solid #374151;border-radius:0.5rem;color:#f9fafb;padding:0.5rem 0.75rem;font-size:0.8125rem;outline:none;box-sizing:border-box;" />
|
||||
</div>
|
||||
<div>
|
||||
<label style="display:block;font-size:0.75rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">To</label>
|
||||
<input type="date" wire:model="dateTo"
|
||||
style="width:100%;background:#111827;border:1px solid #374151;border-radius:0.5rem;color:#f9fafb;padding:0.5rem 0.75rem;font-size:0.8125rem;outline:none;box-sizing:border-box;" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Fetch Button --}}
|
||||
<button wire:click="fetchProduction"
|
||||
wire:loading.attr="disabled"
|
||||
wire:target="fetchProduction"
|
||||
style="width:100%;background:#f59e0b;color:#fff;border:none;border-radius:0.5rem;padding:0.625rem;font-size:0.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5rem;">
|
||||
<span wire:loading.remove wire:target="fetchProduction" style="display:flex;align-items:center;gap:0.5rem;">
|
||||
<svg style="width:1rem;height:1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z" />
|
||||
</svg>
|
||||
Get Production Count
|
||||
</span>
|
||||
<span wire:loading wire:target="fetchProduction" style="display:flex;align-items:center;gap:0.5rem;">
|
||||
<svg style="width:1rem;height:1rem;animation:spin 1s linear infinite;" fill="none" viewBox="0 0 24 24">
|
||||
<circle style="opacity:.25;" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
||||
<path style="opacity:.75;" fill="currentColor" d="M4 12a8 8 0 018-8v8z"></path>
|
||||
</svg>
|
||||
Fetching…
|
||||
</span>
|
||||
</button>
|
||||
|
||||
{{-- Production Result --}}
|
||||
@if($hasResult)
|
||||
<div style="background:#111827;border:1px solid #f59e0b;border-radius:0.5rem;padding:0.875rem;display:flex;gap:0.75rem;align-items:flex-start;animation:fadeIn .25s ease;">
|
||||
<svg style="width:1.25rem;height:1.25rem;color:#f59e0b;flex-shrink:0;margin-top:0.1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z" />
|
||||
</svg>
|
||||
<p style="font-size:0.8125rem;color:#f9fafb;line-height:1.5;margin:0;">{{ $result }}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endif {{-- end production --}}
|
||||
|
||||
{{-- ══════════════════════════════════════════════════════════════ --}}
|
||||
{{-- ── INVOICE REPORT FORM (type lookup) ── --}}
|
||||
{{-- ══════════════════════════════════════════════════════════════ --}}
|
||||
@if($reportType === 'invoice')
|
||||
|
||||
{{-- Plant --}}
|
||||
<div>
|
||||
<label style="display:block;font-size:0.75rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">Plant</label>
|
||||
<select wire:model.live="invoicePlantId"
|
||||
style="width:100%;background:#111827;border:1px solid #374151;border-radius:0.5rem;color:#f9fafb;padding:0.5rem 0.75rem;font-size:0.8125rem;outline:none;">
|
||||
<option value="">— Select Plant —</option>
|
||||
@foreach($plants as $plant)
|
||||
<option value="{{ $plant->id }}">{{ $plant->name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
{{-- Item Code --}}
|
||||
<div>
|
||||
<label style="display:block;font-size:0.75rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">Item Code</label>
|
||||
<input
|
||||
type="text"
|
||||
wire:model="invoiceItemCode"
|
||||
wire:keydown.enter="fetchInvoiceReport"
|
||||
placeholder="e.g. 674071"
|
||||
style="width:100%;background:#111827;border:1px solid #374151;border-radius:0.5rem;color:#f9fafb;padding:0.5rem 0.75rem;font-size:0.8125rem;outline:none;box-sizing:border-box;font-family:monospace;"
|
||||
/>
|
||||
<p style="font-size:0.7rem;color:#6b7280;margin-top:0.25rem;">Press Enter or click the button below</p>
|
||||
</div>
|
||||
|
||||
{{-- Fetch Button --}}
|
||||
<button wire:click="fetchInvoiceReport"
|
||||
wire:loading.attr="disabled"
|
||||
wire:target="fetchInvoiceReport"
|
||||
style="width:100%;background:#10b981;color:#fff;border:none;border-radius:0.5rem;padding:0.625rem;font-size:0.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5rem;">
|
||||
<span wire:loading.remove wire:target="fetchInvoiceReport" style="display:flex;align-items:center;gap:0.5rem;">
|
||||
<svg style="width:1rem;height:1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" />
|
||||
</svg>
|
||||
Check Invoice Type
|
||||
</span>
|
||||
<span wire:loading wire:target="fetchInvoiceReport" style="display:flex;align-items:center;gap:0.5rem;">
|
||||
<svg style="width:1rem;height:1rem;animation:spin 1s linear infinite;" fill="none" viewBox="0 0 24 24">
|
||||
<circle style="opacity:.25;" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
||||
<path style="opacity:.75;" fill="currentColor" d="M4 12a8 8 0 018-8v8z"></path>
|
||||
</svg>
|
||||
Fetching…
|
||||
</span>
|
||||
</button>
|
||||
|
||||
{{-- Invoice Report Result --}}
|
||||
@if($hasInvoiceResult)
|
||||
<div style="background:#111827;border:1px solid #10b981;border-radius:0.5rem;padding:0.875rem;display:flex;gap:0.75rem;align-items:flex-start;animation:fadeIn .25s ease;">
|
||||
@if(str_contains($invoiceResult, 'serial invoice'))
|
||||
<svg style="width:1.25rem;height:1.25rem;color:#10b981;flex-shrink:0;margin-top:0.1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5ZM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5ZM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75ZM6.75 16.5h.75v.75h-.75v-.75ZM16.5 6.75h.75v.75h-.75v-.75ZM13.5 13.5h.75v.75h-.75v-.75ZM13.5 19.5h.75v.75h-.75v-.75ZM19.5 13.5h.75v.75h-.75v-.75ZM19.5 19.5h.75v.75h-.75v-.75ZM16.5 16.5h.75v.75h-.75v-.75Z" />
|
||||
</svg>
|
||||
@elseif(str_contains($invoiceResult, 'material invoice'))
|
||||
<svg style="width:1.25rem;height:1.25rem;color:#10b981;flex-shrink:0;margin-top:0.1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" />
|
||||
</svg>
|
||||
@elseif(str_contains($invoiceResult, 'does not exist') || str_contains($invoiceResult, 'not found'))
|
||||
<svg style="width:1.25rem;height:1.25rem;color:#f59e0b;flex-shrink:0;margin-top:0.1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
|
||||
</svg>
|
||||
@else
|
||||
<svg style="width:1.25rem;height:1.25rem;color:#10b981;flex-shrink:0;margin-top:0.1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
|
||||
</svg>
|
||||
@endif
|
||||
<p style="font-size:0.8125rem;color:#f9fafb;line-height:1.5;margin:0;">{{ $invoiceResult }}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endif {{-- end invoice report --}}
|
||||
|
||||
{{-- ══════════════════════════════════════════════════════════════ --}}
|
||||
{{-- ── INVOICE STATUS FORM (scan status) ── NEW ── --}}
|
||||
{{-- ══════════════════════════════════════════════════════════════ --}}
|
||||
@if($reportType === 'invoice_status')
|
||||
|
||||
{{-- Description banner --}}
|
||||
<div style="background:#1e3a5f;border:1px solid #3b82f633;border-radius:0.5rem;padding:0.625rem 0.75rem;display:flex;gap:0.5rem;align-items:flex-start;">
|
||||
<svg style="width:1rem;height:1rem;color:#60a5fa;flex-shrink:0;margin-top:0.1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
|
||||
</svg>
|
||||
<p style="font-size:0.7rem;color:#93c5fd;line-height:1.5;margin:0;">
|
||||
Enter an invoice number to see how many serial numbers have been scanned, how many are pending, and the list of unscanned serials.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{{-- Invoice Number input --}}
|
||||
<div>
|
||||
<label style="display:block;font-size:0.75rem;font-weight:500;color:#9ca3af;margin-bottom:0.375rem;">Invoice Number</label>
|
||||
<input
|
||||
type="text"
|
||||
wire:model="invoiceNumber"
|
||||
wire:keydown.enter="fetchInvoiceStatus"
|
||||
placeholder="e.g. 3RA0013333"
|
||||
style="width:100%;background:#111827;border:1px solid #374151;border-radius:0.5rem;color:#f9fafb;padding:0.5rem 0.75rem;font-size:0.8125rem;outline:none;box-sizing:border-box;font-family:monospace;letter-spacing:0.03em;"
|
||||
/>
|
||||
<p style="font-size:0.7rem;color:#6b7280;margin-top:0.25rem;">Press Enter or click the button below</p>
|
||||
</div>
|
||||
|
||||
{{-- Fetch Button --}}
|
||||
<button wire:click="fetchInvoiceStatus"
|
||||
wire:loading.attr="disabled"
|
||||
wire:target="fetchInvoiceStatus"
|
||||
style="width:100%;background:#3b82f6;color:#fff;border:none;border-radius:0.5rem;padding:0.625rem;font-size:0.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5rem;">
|
||||
<span wire:loading.remove wire:target="fetchInvoiceStatus" style="display:flex;align-items:center;gap:0.5rem;">
|
||||
<svg style="width:1rem;height:1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5ZM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5ZM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75ZM6.75 16.5h.75v.75h-.75v-.75ZM16.5 6.75h.75v.75h-.75v-.75ZM13.5 13.5h.75v.75h-.75v-.75ZM13.5 19.5h.75v.75h-.75v-.75ZM19.5 13.5h.75v.75h-.75v-.75ZM19.5 19.5h.75v.75h-.75v-.75ZM16.5 16.5h.75v.75h-.75v-.75Z" />
|
||||
</svg>
|
||||
Check Scan Status
|
||||
</span>
|
||||
<span wire:loading wire:target="fetchInvoiceStatus" style="display:flex;align-items:center;gap:0.5rem;">
|
||||
<svg style="width:1rem;height:1rem;animation:spin 1s linear infinite;" fill="none" viewBox="0 0 24 24">
|
||||
<circle style="opacity:.25;" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
||||
<path style="opacity:.75;" fill="currentColor" d="M4 12a8 8 0 018-8v8z"></path>
|
||||
</svg>
|
||||
Fetching…
|
||||
</span>
|
||||
</button>
|
||||
|
||||
{{-- Invoice Status Result --}}
|
||||
@if($hasInvoiceStatusResult)
|
||||
<div style="background:#111827;border:1px solid {{ str_contains($invoiceStatusResult, '✅') ? '#10b981' : (str_contains($invoiceStatusResult, 'No records') || str_contains($invoiceStatusResult, 'valid') ? '#f59e0b' : '#3b82f6') }};border-radius:0.5rem;padding:0.875rem;display:flex;gap:0.75rem;align-items:flex-start;animation:fadeIn .25s ease;">
|
||||
@if(str_contains($invoiceStatusResult, '✅'))
|
||||
{{-- All scanned — green check --}}
|
||||
<svg style="width:1.25rem;height:1.25rem;color:#10b981;flex-shrink:0;margin-top:0.1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
||||
</svg>
|
||||
@elseif(str_contains($invoiceStatusResult, 'No records') || str_contains($invoiceStatusResult, 'valid') || str_contains($invoiceStatusResult, "couldn't"))
|
||||
{{-- Not found / error — warning --}}
|
||||
<svg style="width:1.25rem;height:1.25rem;color:#f59e0b;flex-shrink:0;margin-top:0.1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
|
||||
</svg>
|
||||
@else
|
||||
{{-- Partial / none scanned — barcode --}}
|
||||
<svg style="width:1.25rem;height:1.25rem;color:#3b82f6;flex-shrink:0;margin-top:0.1rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5ZM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5ZM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75ZM6.75 16.5h.75v.75h-.75v-.75ZM16.5 6.75h.75v.75h-.75v-.75ZM13.5 13.5h.75v.75h-.75v-.75ZM13.5 19.5h.75v.75h-.75v-.75ZM19.5 13.5h.75v.75h-.75v-.75ZM19.5 19.5h.75v.75h-.75v-.75ZM16.5 16.5h.75v.75h-.75v-.75Z" />
|
||||
</svg>
|
||||
@endif
|
||||
<p style="font-size:0.8125rem;color:#f9fafb;line-height:1.6;margin:0;white-space:pre-line;">{{ $invoiceStatusResult }}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endif {{-- end invoice_status --}}
|
||||
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{-- ══════════════════════════════════════════════════════════════════ --}}
|
||||
{{-- ── ADVANCED MODE ── --}}
|
||||
{{-- ══════════════════════════════════════════════════════════════════ --}}
|
||||
@if($mode === 'advanced')
|
||||
<div style="display:flex;flex-direction:column;height:420px;">
|
||||
|
||||
{{-- ── Conversation area ── --}}
|
||||
<div id="cb-scroll-area"
|
||||
style="flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;scroll-behavior:smooth;"
|
||||
x-data
|
||||
x-init="
|
||||
const el = document.getElementById('cb-scroll-area');
|
||||
const observer = new MutationObserver(() => el.scrollTop = el.scrollHeight);
|
||||
observer.observe(el, { childList:true, subtree:true });
|
||||
">
|
||||
|
||||
@if(empty($chatHistory))
|
||||
{{-- ── Empty state ── --}}
|
||||
<div style="flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 0;">
|
||||
<div style="background:#8b5cf622;border-radius:50%;padding:1rem;">
|
||||
<svg style="width:2rem;height:2rem;color:#8b5cf6;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 7.5l3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div style="text-align:center;">
|
||||
<p style="color:#f9fafb;font-size:0.875rem;font-weight:600;margin:0 0 0.25rem;">AI-Powered Assistant</p>
|
||||
<p style="color:#6b7280;font-size:0.75rem;margin:0;line-height:1.5;">Ask anything in plain English — tap an example below to get started</p>
|
||||
</div>
|
||||
|
||||
{{-- Example prompt cards --}}
|
||||
<div style="display:flex;flex-direction:column;gap:0.375rem;width:100%;">
|
||||
|
||||
{{-- Card 1 — Invoice scan status --}}
|
||||
<button
|
||||
wire:click="$set('advancedQuestion', 'Is invoice 3RA0013333 fully scanned?')"
|
||||
style="background:#111827;border:1px solid #8b5cf6;border-radius:0.5rem;padding:0.625rem 0.75rem;color:#f9fafb;font-size:0.75rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:0.25rem;"
|
||||
onmouseover="this.style.background='#1a1245'"
|
||||
onmouseout="this.style.background='#111827'">
|
||||
<span style="color:#8b5cf6;font-weight:700;font-size:0.65rem;text-transform:uppercase;letter-spacing:.06em;">📋 Invoice Scan Status</span>
|
||||
<span style="color:#d1d5db;line-height:1.5;font-style:italic;">"Is invoice 3RA0013333 fully scanned?"</span>
|
||||
</button>
|
||||
|
||||
{{-- Card 2 — Invoice type lookup --}}
|
||||
<button
|
||||
wire:click="$set('advancedQuestion', 'Is item 674071 a serial or material invoice for Chennai plant?')"
|
||||
style="background:#111827;border:1px solid #10b981;border-radius:0.5rem;padding:0.625rem 0.75rem;color:#f9fafb;font-size:0.75rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:0.25rem;"
|
||||
onmouseover="this.style.background='#0d2e24'"
|
||||
onmouseout="this.style.background='#111827'">
|
||||
<span style="color:#10b981;font-weight:700;font-size:0.65rem;text-transform:uppercase;letter-spacing:.06em;">📄 Invoice Type Lookup</span>
|
||||
<span style="color:#d1d5db;line-height:1.5;font-style:italic;">"Is item 674071 serial or material for Chennai plant?"</span>
|
||||
</button>
|
||||
|
||||
{{-- Card 3 — Production report --}}
|
||||
<button
|
||||
wire:click="$set('advancedQuestion', 'Show production count for Vahinie Unit 2 this month')"
|
||||
style="background:#111827;border:1px solid #f59e0b;border-radius:0.5rem;padding:0.625rem 0.75rem;color:#f9fafb;font-size:0.75rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:0.25rem;"
|
||||
onmouseover="this.style.background='#2a1e05'"
|
||||
onmouseout="this.style.background='#111827'">
|
||||
<span style="color:#f59e0b;font-weight:700;font-size:0.65rem;text-transform:uppercase;letter-spacing:.06em;">📊 Production Report</span>
|
||||
<span style="color:#d1d5db;line-height:1.5;font-style:italic;">"Show production count for Vahinie Unit 2 this month"</span>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{-- ── Chat bubbles ── --}}
|
||||
@foreach($chatHistory as $message)
|
||||
@if($message['role'] === 'user')
|
||||
<div style="display:flex;justify-content:flex-end;">
|
||||
<div class="cb-chat-bubble-user">{{ $message['content'] }}</div>
|
||||
</div>
|
||||
@else
|
||||
<div style="display:flex;justify-content:flex-start;gap:0.5rem;align-items:flex-start;">
|
||||
<div style="background:#8b5cf622;border-radius:50%;padding:0.3rem;flex-shrink:0;margin-top:0.1rem;">
|
||||
<svg style="width:0.875rem;height:0.875rem;color:#8b5cf6;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 7.5l3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="cb-chat-bubble-assistant">{{ $message['content'] }}</div>
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
{{-- ── Typing indicator ── --}}
|
||||
@if($isAdvancedLoading)
|
||||
<div style="display:flex;justify-content:flex-start;gap:0.5rem;align-items:flex-start;">
|
||||
<div style="background:#8b5cf622;border-radius:50%;padding:0.3rem;flex-shrink:0;margin-top:0.1rem;">
|
||||
<svg style="width:0.875rem;height:0.875rem;color:#8b5cf6;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 7.5l3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="cb-chat-bubble-assistant" style="display:flex;align-items:center;gap:0.375rem;padding:0.625rem 0.875rem;">
|
||||
<span class="cb-typing-dot"></span>
|
||||
<span class="cb-typing-dot"></span>
|
||||
<span class="cb-typing-dot"></span>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
|
||||
{{-- ── Input bar ── --}}
|
||||
<div style="border-top:1px solid #374151;padding:0.75rem;background:#1a2233;flex-shrink:0;">
|
||||
<div style="display:flex;gap:0.5rem;align-items:flex-end;">
|
||||
<textarea
|
||||
wire:model="advancedQuestion"
|
||||
wire:keydown.enter.prevent="askAdvanced"
|
||||
placeholder="Ask anything, e.g. 'Is invoice 3RA0013333 scanned?'"
|
||||
rows="1"
|
||||
style="flex:1;background:#111827;border:1px solid #374151;border-radius:0.625rem;color:#f9fafb;padding:0.625rem 0.75rem;font-size:0.8125rem;outline:none;resize:none;line-height:1.5;font-family:monospace;max-height:80px;overflow-y:auto;"
|
||||
oninput="this.style.height='auto';this.style.height=Math.min(this.scrollHeight,80)+'px'"
|
||||
@if($isAdvancedLoading) disabled @endif
|
||||
></textarea>
|
||||
<button wire:click="askAdvanced"
|
||||
wire:loading.attr="disabled"
|
||||
wire:target="askAdvanced"
|
||||
@if($isAdvancedLoading) disabled @endif
|
||||
style="background:#8b5cf6;border:none;border-radius:0.625rem;padding:0.625rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:{{ $isAdvancedLoading ? '.5' : '1' }};">
|
||||
<span wire:loading.remove wire:target="askAdvanced">
|
||||
<svg style="width:1rem;height:1rem;color:#fff;" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5" />
|
||||
</svg>
|
||||
</span>
|
||||
<span wire:loading wire:target="askAdvanced">
|
||||
<svg style="width:1rem;height:1rem;color:#fff;animation:spin 1s linear infinite;" fill="none" viewBox="0 0 24 24">
|
||||
<circle style="opacity:.25;" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
||||
<path style="opacity:.75;" fill="currentColor" d="M4 12a8 8 0 018-8v8z"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<p style="color:#4b5563;font-size:0.65rem;margin:0.375rem 0 0;text-align:center;">
|
||||
Press Enter to send · Ask anything in plain English
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{-- ── FAB Toggle Button ───────────────────────────────────────────────── --}}
|
||||
<button wire:click="toggleChat" title="Production Assistant"
|
||||
style="width:56px;height:56px;background-color:#f59e0b;color:#fff;border-radius:9999px;box-shadow:0 10px 15px -3px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;">
|
||||
@if($isOpen)
|
||||
<svg style="width:1.5rem;height:1.5rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
|
||||
</svg>
|
||||
@else
|
||||
<svg style="width:1.6rem;height:1.6rem;" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
d="M12 3C7.03 3 3 6.58 3 11c0 2.1.85 4 2.24 5.43L4.5 21l4.86-1.62A9.54 9.54 0 0 0 12 19c4.97 0 9-3.58 9-8s-4.03-8-9-8Z" />
|
||||
<circle cx="9" cy="11" r="0.85" fill="currentColor" stroke="none" />
|
||||
<circle cx="12" cy="11" r="0.85" fill="currentColor" stroke="none" />
|
||||
<circle cx="15" cy="11" r="0.85" fill="currentColor" stroke="none" />
|
||||
</svg>
|
||||
@endif
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user