@extends('layouts.app')
@section('title','Overview')
@section('content')
@php
$names=['products'=>'Products','inventory'=>'Inventory','sales'=>'Sales','customers'=>'Customers','purchasing'=>'Purchasing','finance'=>'Finance','hr'=>'HR & Payroll','fleet'=>'Fleet & Field','reports'=>'Reports','settings'=>'Settings'];
$names=array_filter($names,fn($label,$key)=>\App\Support\AccessControl::moduleAllowed(auth()->id(),$key),ARRAY_FILTER_USE_BOTH);
$visibleWidgets=json_decode(\Illuminate\Support\Facades\DB::table('user_workspace_preferences')->where('user_id',auth()->id())->value('widgets')??'null',true)??['favorites','activity','alerts'];
$favorites=array_values(array_filter(\App\Models\UserFavorite::where('user_id',auth()->id())->orderBy('position')->orderBy('id')->pluck('module_key')->all(),fn($key)=>\App\Support\AccessControl::moduleAllowed(auth()->id(),$key)));
$icons=['products'=>'📦','inventory'=>'▣','sales'=>'🛒','customers'=>'♙','purchasing'=>'▤','finance'=>'◉','hr'=>'♧','fleet'=>'↗','reports'=>'▥','settings'=>'⚙'];
$colors=['products'=>'#ee8b29','inventory'=>'#4e91cf','sales'=>'#2674e7','customers'=>'#12a2aa','purchasing'=>'#7755d3','finance'=>'#13a46d','hr'=>'#d4476a','fleet'=>'#4e84ba','reports'=>'#ce891e','settings'=>'#667a92'];
@endphp
<div class="pagetop"><div><h1>Overview</h1><p class="desc">Access your business applications and essential information.</p></div><button type="button" class="btn" id="customize-open">⚙ Customize</button></div>
<div class="app-home">@foreach($names as $key=>$label)<div class="app-tile"><form method="POST" action="{{ route('favorites.toggle',$key) }}">@csrf<button class="app-star {{ in_array($key,$favorites)?'saved':'' }}" type="submit" title="{{ in_array($key,$favorites)?'Remove from':'Add to' }} favorites" aria-label="Toggle {{ $label }} favorite">{{ in_array($key,$favorites)?'★':'☆' }}</button></form><a class="app-square" href="{{ route('workspace.module',$key) }}" style="background:{{ $colors[$key] }};font-size:23px" aria-label="{{ $label }}">{{ $icons[$key] }}</a><a href="{{ route('workspace.module',$key) }}"><strong>{{ $label }}</strong></a></div>@endforeach</div>
<div class="home-sections">@if(in_array('favorites',$visibleWidgets))<section class="simple-card"><h2>★ My Favorites</h2>@if(count($favorites))<div class="favorite-grid">@foreach($favorites as $key)@if(isset($names[$key]))<a class="favorite-item" href="{{ route('workspace.module',$key) }}"><span style="color:{{ $colors[$key] }}">{{ $icons[$key] }}</span><span>{{ $names[$key] }}</span><span style="margin-left:auto;color:var(--sub)">↗</span></a>@endif @endforeach</div>@else<p class="quiet">Select ☆ beside an application to pin it here. Favorites are saved to your account.</p>@endif</section>@endif
@if(in_array('activity',$visibleWidgets))<section class="simple-card"><h2>◷ Recent Activity</h2><div class="event"><div class="emptyicon">◷</div><div><strong>Activity feed not connected yet</strong><p>Real transactions and audit events will appear here after the business modules are built.</p></div></div></section>@endif
@if(in_array('alerts',$visibleWidgets))<section class="simple-card"><h2>♧ Alerts & Notifications</h2><div class="event"><div class="emptyicon">!</div><div><strong>No live alerts available</strong><p>Stock, invoice, and workflow alerts will appear when enabled.</p></div></div><div class="event"><div class="emptyicon">↗</div><div><strong>Quick actions</strong><p>Context-aware actions will be enabled with module permissions.</p></div></div></section>@endif</div>
<dialog id="customize-dialog" class="customize-dialog"><form method="POST" action="{{ route('workspace.preferences') }}">@csrf<h2>Customize Overview</h2><p class="quiet">Choose which sections appear on your dashboard. Your preferences are saved to your account.</p>@foreach(['favorites'=>'My Favorites','activity'=>'Recent Activity','alerts'=>'Alerts & Notifications'] as $key=>$label)<label style="display:block;margin:16px 0"><input type="checkbox" name="widgets[]" value="{{ $key }}" {{ in_array($key,$visibleWidgets)?'checked':'' }}> {{ $label }}</label>@endforeach<div style="display:flex;gap:8px;justify-content:flex-end"><button type="button" class="btn" id="customize-close">Cancel</button><button type="submit" class="btn primary">Save preferences</button></div></form></dialog>
<style>.customize-dialog{border:1px solid var(--border);background:var(--paper);color:var(--text);border-radius:12px;padding:26px;width:min(430px,calc(100% - 24px));box-shadow:0 18px 55px #14234130}.customize-dialog::backdrop{background:#15254080}.customize-dialog h2{margin:0 0 12px}</style><script>document.getElementById('customize-open').addEventListener('click',()=>document.getElementById('customize-dialog').showModal());document.getElementById('customize-close').addEventListener('click',()=>document.getElementById('customize-dialog').close());</script>
@endsection