2026-04-10 10:47:56 +02:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
|
|
|
import 'package:flux/core/blocs/session/session_bloc.dart';
|
|
|
|
|
import 'package:flux/core/theme/theme.dart';
|
|
|
|
|
|
|
|
|
|
class DashboardContent extends StatelessWidget {
|
|
|
|
|
final bool isLargeScreen;
|
2026-04-10 11:34:11 +02:00
|
|
|
final Function(int)? onTabRequested;
|
|
|
|
|
|
|
|
|
|
const DashboardContent({
|
|
|
|
|
super.key,
|
|
|
|
|
this.isLargeScreen = false,
|
|
|
|
|
this.onTabRequested,
|
|
|
|
|
});
|
2026-04-10 10:47:56 +02:00
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
|
return BlocBuilder<SessionBloc, SessionState>(
|
|
|
|
|
builder: (context, state) {
|
|
|
|
|
final store = state.selectedStore;
|
|
|
|
|
final company = state.company;
|
|
|
|
|
|
|
|
|
|
return Scaffold(
|
|
|
|
|
backgroundColor: context.background,
|
|
|
|
|
body: CustomScrollView(
|
|
|
|
|
slivers: [
|
|
|
|
|
SliverAppBar(
|
|
|
|
|
expandedHeight: 100.0,
|
|
|
|
|
floating: false,
|
|
|
|
|
pinned: true,
|
|
|
|
|
elevation: 0,
|
|
|
|
|
backgroundColor: context.background,
|
|
|
|
|
flexibleSpace: FlexibleSpaceBar(
|
|
|
|
|
titlePadding: const EdgeInsets.only(left: 24, bottom: 16),
|
|
|
|
|
title: Text(
|
|
|
|
|
store?.nome ?? 'Dashboard',
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
color: context.primaryText,
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
SliverToBoxAdapter(
|
|
|
|
|
child: Center(
|
|
|
|
|
child: Container(
|
|
|
|
|
constraints: const BoxConstraints(maxWidth: 1200),
|
|
|
|
|
padding: const EdgeInsets.all(24.0),
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
_buildWelcome(context, company?.ragioneSociale),
|
|
|
|
|
const SizedBox(height: 32),
|
|
|
|
|
const _SectionTitle(title: 'AZIONI RAPIDE'),
|
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
|
_buildAdaptiveGrid(context),
|
|
|
|
|
const SizedBox(height: 40),
|
|
|
|
|
const _SectionTitle(title: 'INFO PUNTO VENDITA'),
|
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
|
_buildStoreCard(context, store),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Widget _buildWelcome(BuildContext context, String? name) {
|
|
|
|
|
return Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
|
children: [
|
|
|
|
|
Text(
|
|
|
|
|
'Benvenuto in',
|
|
|
|
|
style: TextStyle(color: context.secondaryText, fontSize: 16),
|
|
|
|
|
),
|
|
|
|
|
Text(
|
|
|
|
|
name ?? 'Azienda',
|
|
|
|
|
style: const TextStyle(fontSize: 28, fontWeight: FontWeight.w900),
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Widget _buildAdaptiveGrid(BuildContext context) {
|
|
|
|
|
return LayoutBuilder(
|
|
|
|
|
builder: (context, constraints) {
|
|
|
|
|
// Logica Colonne: Mobile 2, Tablet 3, Desktop 4+
|
|
|
|
|
int crossAxisCount = 2;
|
|
|
|
|
if (constraints.maxWidth > 1000) {
|
|
|
|
|
crossAxisCount = 5;
|
|
|
|
|
} else if (constraints.maxWidth > 700) {
|
|
|
|
|
crossAxisCount = 3;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return GridView.count(
|
|
|
|
|
shrinkWrap: true,
|
|
|
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
|
|
|
crossAxisCount: crossAxisCount,
|
|
|
|
|
mainAxisSpacing: 16,
|
|
|
|
|
crossAxisSpacing: 16,
|
|
|
|
|
childAspectRatio: isLargeScreen ? 1.3 : 1.5,
|
|
|
|
|
children: [
|
|
|
|
|
_ActionCard(
|
|
|
|
|
label: 'Nuova Op',
|
|
|
|
|
icon: Icons.add_task,
|
|
|
|
|
color: context.accent,
|
|
|
|
|
onTap: () {},
|
|
|
|
|
),
|
|
|
|
|
_ActionCard(
|
|
|
|
|
label: 'Clienti',
|
|
|
|
|
icon: Icons.people,
|
|
|
|
|
color: Colors.orange,
|
2026-04-10 11:34:11 +02:00
|
|
|
onTap: () => onTabRequested?.call(1),
|
2026-04-10 10:47:56 +02:00
|
|
|
),
|
|
|
|
|
_ActionCard(
|
|
|
|
|
label: 'Campagne',
|
|
|
|
|
icon: Icons.campaign,
|
|
|
|
|
color: Colors.purple,
|
|
|
|
|
onTap: () {},
|
|
|
|
|
),
|
|
|
|
|
_ActionCard(
|
|
|
|
|
label: 'Report',
|
|
|
|
|
icon: Icons.analytics,
|
|
|
|
|
color: Colors.teal,
|
|
|
|
|
onTap: () {},
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Widget _buildStoreCard(BuildContext context, dynamic store) {
|
|
|
|
|
return Container(
|
|
|
|
|
padding: const EdgeInsets.all(20),
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
color: context.accent.withValues(alpha: 0.05),
|
|
|
|
|
borderRadius: BorderRadius.circular(16),
|
|
|
|
|
border: Border.all(color: context.accent.withValues(alpha: 0.1)),
|
|
|
|
|
),
|
|
|
|
|
child: Row(
|
|
|
|
|
children: [
|
|
|
|
|
Icon(Icons.location_on, color: context.accent),
|
|
|
|
|
const SizedBox(width: 16),
|
|
|
|
|
Text('${store?.indirizzo}, ${store?.comune} (${store?.provincia})'),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Widget di supporto rimasti invariati (ActionCard e SectionTitle)
|
|
|
|
|
class _ActionCard extends StatelessWidget {
|
|
|
|
|
final String label;
|
|
|
|
|
final IconData icon;
|
|
|
|
|
final Color color;
|
|
|
|
|
final VoidCallback onTap;
|
|
|
|
|
|
|
|
|
|
const _ActionCard({
|
|
|
|
|
required this.label,
|
|
|
|
|
required this.icon,
|
|
|
|
|
required this.color,
|
|
|
|
|
required this.onTap,
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
|
return Card(
|
|
|
|
|
elevation: 0,
|
|
|
|
|
shape: RoundedRectangleBorder(
|
|
|
|
|
borderRadius: BorderRadius.circular(16),
|
|
|
|
|
// CAMBIA QUI: da Border.all a BorderSide
|
|
|
|
|
side: BorderSide(
|
|
|
|
|
color: context.accent.withValues(alpha: 0.1),
|
|
|
|
|
width: 1,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
child: InkWell(
|
|
|
|
|
onTap: onTap,
|
|
|
|
|
borderRadius: BorderRadius.circular(16),
|
|
|
|
|
child: Column(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
children: [
|
|
|
|
|
Icon(icon, color: color, size: 32),
|
|
|
|
|
const SizedBox(height: 8),
|
|
|
|
|
Text(label, style: const TextStyle(fontWeight: FontWeight.bold)),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class _SectionTitle extends StatelessWidget {
|
|
|
|
|
final String title;
|
|
|
|
|
const _SectionTitle({required this.title});
|
|
|
|
|
@override
|
|
|
|
|
Widget build(BuildContext context) => Text(
|
|
|
|
|
title,
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
color: context.accent,
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
fontSize: 12,
|
|
|
|
|
letterSpacing: 1.2,
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|