1009 lines
35 KiB
Dart
1009 lines
35 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:finalproject/theme/colors.dart';
|
|
import 'package:finalproject/theme/text_styles.dart';
|
|
import 'package:finalproject/utils/stock_status.dart';
|
|
import 'package:fl_chart/fl_chart.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:open_filex/open_filex.dart';
|
|
import 'package:path_provider/path_provider.dart';
|
|
import 'package:share_plus/share_plus.dart';
|
|
|
|
import 'report_controller.dart';
|
|
|
|
class ReportScreen extends StatefulWidget {
|
|
const ReportScreen({super.key});
|
|
|
|
@override
|
|
State<ReportScreen> createState() => _ReportScreenState();
|
|
}
|
|
|
|
class _ReportScreenState extends State<ReportScreen> {
|
|
final DateFormat _dateFormat = DateFormat('dd/MM/yyyy');
|
|
final DateFormat _fileDateFormat = DateFormat('yyyyMMdd_HHmmss');
|
|
final ScrollController _stockTableScrollController = ScrollController();
|
|
final ScrollController _stockHistoryScrollController = ScrollController();
|
|
|
|
late final ReportController _controller;
|
|
String? _lastExportPath;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_controller = ReportController();
|
|
_controller.loadReports();
|
|
_controller.startAutoRefresh();
|
|
}
|
|
|
|
double _sectionMaxHeight() {
|
|
final height = MediaQuery.of(context).size.height * 0.35;
|
|
if (height < 220) return 220;
|
|
if (height > 360) return 360;
|
|
return height;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final width = MediaQuery.of(context).size.width;
|
|
final cardWidth = (width - 48) / 2;
|
|
|
|
final usageBars = _buildUsageBars(_controller.usageSummary);
|
|
final usagePie = _buildUsagePie(usageBars);
|
|
final List<double> demandTrend =
|
|
_controller.demandTrend.isNotEmpty
|
|
? _controller.demandTrend
|
|
: const <double>[28, 32, 40, 36, 44, 50, 48];
|
|
|
|
return Scaffold(
|
|
backgroundColor: AppColors.bgLight,
|
|
appBar: AppBar(
|
|
backgroundColor: AppColors.primaryBrown,
|
|
elevation: 0,
|
|
title: Text(
|
|
'Laporan & Analitik',
|
|
style: AppTextStyles.headlineLarge.copyWith(color: Colors.white),
|
|
),
|
|
),
|
|
body: AnimatedBuilder(
|
|
animation: _controller,
|
|
builder: (context, _) {
|
|
if (_controller.isLoading &&
|
|
_controller.stockItems.isEmpty &&
|
|
_controller.stockHistory.isEmpty &&
|
|
_controller.predictionItems.isEmpty) {
|
|
return const Center(child: CircularProgressIndicator());
|
|
}
|
|
|
|
return RefreshIndicator(
|
|
onRefresh: () => _controller.loadReports(),
|
|
child: SingleChildScrollView(
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
if (_controller.errorMessage != null) ...[
|
|
Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.statusError.withValues(alpha: 0.1),
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(
|
|
color: AppColors.statusError.withValues(alpha: 0.3),
|
|
),
|
|
),
|
|
child: Text(
|
|
_controller.errorMessage!,
|
|
style: AppTextStyles.bodySmall.copyWith(
|
|
color: AppColors.statusError,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
Wrap(
|
|
spacing: 16,
|
|
runSpacing: 16,
|
|
children: [
|
|
_buildSummaryCard(
|
|
width: cardWidth,
|
|
title: 'Total Produk',
|
|
value: _controller.totalProduk.toString(),
|
|
icon: Icons.shopping_bag,
|
|
color: AppColors.secondaryBlue,
|
|
),
|
|
_buildSummaryCard(
|
|
width: cardWidth,
|
|
title: 'Total Bahan',
|
|
value: _controller.totalBahan.toString(),
|
|
icon: Icons.inventory_2,
|
|
color: AppColors.primaryBrown,
|
|
),
|
|
_buildSummaryCard(
|
|
width: cardWidth,
|
|
title: 'Stok Kritis',
|
|
value: _controller.totalKritis.toString(),
|
|
icon: Icons.warning_amber_rounded,
|
|
color: AppColors.statusError,
|
|
),
|
|
_buildSummaryCard(
|
|
width: cardWidth,
|
|
title: 'Total Prediksi',
|
|
value: _controller.totalPrediksi.toString(),
|
|
icon: Icons.trending_up,
|
|
color: AppColors.statusSuccess,
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 24),
|
|
_buildSectionTitle('Laporan Stok Bahan'),
|
|
const SizedBox(height: 12),
|
|
_buildStockTable(_controller.stockItems),
|
|
const SizedBox(height: 24),
|
|
_buildSectionTitle('Riwayat Stok Masuk'),
|
|
const SizedBox(height: 12),
|
|
_buildStockHistory(_controller.stockHistory),
|
|
const SizedBox(height: 24),
|
|
_buildSectionTitle('Laporan Prediksi Permintaan'),
|
|
const SizedBox(height: 12),
|
|
_buildPredictionList(_controller.predictionItems),
|
|
const SizedBox(height: 24),
|
|
_buildSectionTitle('Grafik Penggunaan Bahan'),
|
|
const SizedBox(height: 12),
|
|
_buildCharts(usageBars, usagePie, demandTrend),
|
|
const SizedBox(height: 24),
|
|
_buildSectionTitle('Bahan Kritis'),
|
|
const SizedBox(height: 12),
|
|
_buildCriticalItems(_controller.criticalItems),
|
|
const SizedBox(height: 24),
|
|
_buildExportActions(),
|
|
const SizedBox(height: 24),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
bottomNavigationBar: BottomNavigationBar(
|
|
currentIndex: 4,
|
|
type: BottomNavigationBarType.fixed,
|
|
onTap: (index) {
|
|
switch (index) {
|
|
case 0:
|
|
Navigator.popUntil(context, (route) => route.isFirst);
|
|
break;
|
|
case 1:
|
|
Navigator.pushNamed(context, '/products');
|
|
break;
|
|
case 2:
|
|
Navigator.pushNamed(context, '/transaction');
|
|
break;
|
|
case 3:
|
|
Navigator.pushNamed(context, '/prediction');
|
|
break;
|
|
case 5:
|
|
Navigator.pushNamed(context, '/settings');
|
|
break;
|
|
}
|
|
},
|
|
items: const [
|
|
BottomNavigationBarItem(
|
|
icon: Icon(Icons.home_outlined),
|
|
label: 'Dashboard',
|
|
),
|
|
BottomNavigationBarItem(
|
|
icon: Icon(Icons.shopping_bag_outlined),
|
|
label: 'Produk',
|
|
),
|
|
BottomNavigationBarItem(
|
|
icon: Icon(Icons.shopping_cart_outlined),
|
|
label: 'Stok Masuk',
|
|
),
|
|
BottomNavigationBarItem(
|
|
icon: Icon(Icons.trending_up_outlined),
|
|
label: 'Prediksi',
|
|
),
|
|
BottomNavigationBarItem(
|
|
icon: Icon(Icons.description_outlined),
|
|
label: 'Laporan',
|
|
),
|
|
BottomNavigationBarItem(
|
|
icon: Icon(Icons.settings_outlined),
|
|
label: 'Pengaturan',
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildSummaryCard({
|
|
required double width,
|
|
required String title,
|
|
required String value,
|
|
required IconData icon,
|
|
required Color color,
|
|
}) {
|
|
return Container(
|
|
width: width,
|
|
padding: const EdgeInsets.all(14),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.bgWhite,
|
|
borderRadius: BorderRadius.circular(14),
|
|
boxShadow: [AppColors.shadowLight],
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 42,
|
|
height: 42,
|
|
decoration: BoxDecoration(
|
|
color: color.withValues(alpha: 0.15),
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Icon(icon, color: color, size: 22),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: AppTextStyles.bodySmall.copyWith(
|
|
color: AppColors.textTertiary,
|
|
),
|
|
),
|
|
const SizedBox(height: 6),
|
|
Text(
|
|
value,
|
|
style: AppTextStyles.headlineSmall.copyWith(
|
|
color: AppColors.textPrimary,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildSectionTitle(String title) {
|
|
return Text(
|
|
title,
|
|
style: AppTextStyles.headlineSmall.copyWith(color: AppColors.textPrimary),
|
|
);
|
|
}
|
|
|
|
Widget _buildStockTable(List<Map<String, dynamic>> items) {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: AppColors.bgWhite,
|
|
borderRadius: BorderRadius.circular(16),
|
|
boxShadow: [AppColors.shadowLight],
|
|
),
|
|
child:
|
|
items.isEmpty
|
|
? Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Text(
|
|
'Data stok bahan belum tersedia.',
|
|
style: AppTextStyles.bodySmall.copyWith(
|
|
color: AppColors.textSecondary,
|
|
),
|
|
),
|
|
)
|
|
: SizedBox(
|
|
height: _sectionMaxHeight(),
|
|
child: Scrollbar(
|
|
thumbVisibility: true,
|
|
controller: _stockTableScrollController,
|
|
child: SingleChildScrollView(
|
|
controller: _stockTableScrollController,
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal,
|
|
child: DataTable(
|
|
columns: const [
|
|
DataColumn(label: Text('Nama Bahan')),
|
|
DataColumn(label: Text('Stok Tersedia')),
|
|
DataColumn(label: Text('Status')),
|
|
],
|
|
rows:
|
|
items.map((item) {
|
|
final stockValue = StockStatusUtils.parseStock(
|
|
item['stock'],
|
|
);
|
|
final statusKey =
|
|
StockStatusUtils.statusFromStock(stockValue);
|
|
final statusColor = StockStatusUtils.color(
|
|
statusKey,
|
|
);
|
|
final statusLabel = StockStatusUtils.label(
|
|
statusKey,
|
|
);
|
|
final unit = item['unit']?.toString() ?? 'kg';
|
|
|
|
return DataRow(
|
|
cells: [
|
|
DataCell(Text(item['name'] as String)),
|
|
DataCell(Text('${item['stock']} $unit')),
|
|
DataCell(
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 10,
|
|
vertical: 4,
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: statusColor.withValues(
|
|
alpha: 0.15,
|
|
),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Text(
|
|
statusLabel,
|
|
style: AppTextStyles.labelSmall
|
|
.copyWith(
|
|
color: statusColor,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}).toList(),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildStockHistory(List<Map<String, dynamic>> items) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.bgWhite,
|
|
borderRadius: BorderRadius.circular(16),
|
|
boxShadow: [AppColors.shadowLight],
|
|
),
|
|
child:
|
|
items.isEmpty
|
|
? Padding(
|
|
padding: const EdgeInsets.all(12),
|
|
child: Text(
|
|
'Belum ada riwayat stok masuk.',
|
|
style: AppTextStyles.bodySmall.copyWith(
|
|
color: AppColors.textSecondary,
|
|
),
|
|
),
|
|
)
|
|
: SizedBox(
|
|
height: _sectionMaxHeight(),
|
|
child: Scrollbar(
|
|
thumbVisibility: true,
|
|
controller: _stockHistoryScrollController,
|
|
child: ListView.separated(
|
|
controller: _stockHistoryScrollController,
|
|
padding: EdgeInsets.zero,
|
|
itemCount: items.length,
|
|
separatorBuilder: (_, __) => const Divider(height: 8),
|
|
itemBuilder: (context, index) {
|
|
final entry = items[index];
|
|
|
|
return ListTile(
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 8,
|
|
),
|
|
leading: Container(
|
|
width: 40,
|
|
height: 40,
|
|
decoration: BoxDecoration(
|
|
color: AppColors.primaryBrown.withValues(
|
|
alpha: 0.12,
|
|
),
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: const Icon(
|
|
Icons.add_circle_outline,
|
|
color: AppColors.primaryBrown,
|
|
),
|
|
),
|
|
title: Text(
|
|
entry['name'] as String,
|
|
style: AppTextStyles.labelLarge,
|
|
),
|
|
subtitle: Text(
|
|
_dateFormat.format(entry['date'] as DateTime),
|
|
style: AppTextStyles.bodySmall.copyWith(
|
|
color: AppColors.textTertiary,
|
|
),
|
|
),
|
|
trailing: Text(
|
|
'+${entry['amount']} ${entry['unit'] ?? 'kg'}',
|
|
style: AppTextStyles.labelLarge.copyWith(
|
|
color: AppColors.statusSuccess,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildPredictionList(List<Map<String, dynamic>> items) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.bgWhite,
|
|
borderRadius: BorderRadius.circular(16),
|
|
boxShadow: [AppColors.shadowLight],
|
|
),
|
|
child: Column(
|
|
children:
|
|
items.isEmpty
|
|
? [
|
|
Padding(
|
|
padding: const EdgeInsets.all(12),
|
|
child: Text(
|
|
'Belum ada data prediksi.',
|
|
style: AppTextStyles.bodySmall.copyWith(
|
|
color: AppColors.textSecondary,
|
|
),
|
|
),
|
|
),
|
|
]
|
|
: items
|
|
.map(
|
|
(item) => ListTile(
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 8,
|
|
),
|
|
leading: Container(
|
|
width: 40,
|
|
height: 40,
|
|
decoration: BoxDecoration(
|
|
color: AppColors.secondaryBlue.withValues(
|
|
alpha: 0.12,
|
|
),
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: const Icon(
|
|
Icons.trending_up,
|
|
color: AppColors.secondaryBlue,
|
|
),
|
|
),
|
|
title: Text(
|
|
item['product'] as String,
|
|
style: AppTextStyles.labelLarge,
|
|
),
|
|
subtitle: Text(
|
|
'${item['needs']} - ${_dateFormat.format(item['date'] as DateTime)}',
|
|
style: AppTextStyles.bodySmall.copyWith(
|
|
color: AppColors.textTertiary,
|
|
),
|
|
),
|
|
trailing: Text(
|
|
'${item['prediction']} unit',
|
|
style: AppTextStyles.labelLarge.copyWith(
|
|
color: AppColors.primaryBrown,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
),
|
|
)
|
|
.toList(),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildCharts(
|
|
List<Map<String, dynamic>> usageBars,
|
|
List<Map<String, dynamic>> usagePie,
|
|
List<double> demandTrend,
|
|
) {
|
|
return Column(
|
|
children: [
|
|
_buildChartCard(
|
|
title: 'Bar Chart Penggunaan Bahan',
|
|
child: SizedBox(
|
|
height: 180,
|
|
child: BarChart(
|
|
BarChartData(
|
|
borderData: FlBorderData(show: false),
|
|
titlesData: FlTitlesData(
|
|
leftTitles: AxisTitles(
|
|
sideTitles: SideTitles(showTitles: false),
|
|
),
|
|
rightTitles: AxisTitles(
|
|
sideTitles: SideTitles(showTitles: false),
|
|
),
|
|
topTitles: AxisTitles(
|
|
sideTitles: SideTitles(showTitles: false),
|
|
),
|
|
bottomTitles: AxisTitles(
|
|
sideTitles: SideTitles(
|
|
showTitles: true,
|
|
interval: 1,
|
|
getTitlesWidget: (value, meta) {
|
|
if (value % 1 != 0) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
if (value < 0 || value >= usageBars.length) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
|
|
return Padding(
|
|
padding: const EdgeInsets.only(top: 6),
|
|
child: Text(
|
|
usageBars[value.toInt()]['label'] as String,
|
|
style: AppTextStyles.labelSmall.copyWith(
|
|
color: AppColors.textSecondary,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
barGroups:
|
|
usageBars.asMap().entries.map((entry) {
|
|
return BarChartGroupData(
|
|
x: entry.key,
|
|
barRods: [
|
|
BarChartRodData(
|
|
toY: entry.value['value'] as double,
|
|
color: entry.value['color'] as Color,
|
|
width: 18,
|
|
borderRadius: BorderRadius.circular(6),
|
|
),
|
|
],
|
|
);
|
|
}).toList(),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
_buildChartCard(
|
|
title: 'Line Chart Permintaan Produk',
|
|
child: SizedBox(
|
|
height: 180,
|
|
child: LineChart(
|
|
LineChartData(
|
|
borderData: FlBorderData(show: false),
|
|
gridData: FlGridData(show: false),
|
|
titlesData: FlTitlesData(
|
|
leftTitles: AxisTitles(
|
|
sideTitles: SideTitles(showTitles: false),
|
|
),
|
|
rightTitles: AxisTitles(
|
|
sideTitles: SideTitles(showTitles: false),
|
|
),
|
|
topTitles: AxisTitles(
|
|
sideTitles: SideTitles(showTitles: false),
|
|
),
|
|
bottomTitles: AxisTitles(
|
|
sideTitles: SideTitles(
|
|
showTitles: true,
|
|
interval: 1,
|
|
getTitlesWidget: (value, meta) {
|
|
if (value % 1 != 0) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
if (value < 0 || value >= demandTrend.length) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
|
|
return Padding(
|
|
padding: const EdgeInsets.only(top: 6),
|
|
child: Text(
|
|
'M${value.toInt() + 1}',
|
|
style: AppTextStyles.labelSmall.copyWith(
|
|
color: AppColors.textSecondary,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
lineBarsData: [
|
|
LineChartBarData(
|
|
spots:
|
|
demandTrend
|
|
.asMap()
|
|
.entries
|
|
.map(
|
|
(entry) =>
|
|
FlSpot(entry.key.toDouble(), entry.value),
|
|
)
|
|
.toList(),
|
|
isCurved: true,
|
|
color: AppColors.secondaryBlue,
|
|
barWidth: 3,
|
|
dotData: FlDotData(show: false),
|
|
belowBarData: BarAreaData(
|
|
show: true,
|
|
color: AppColors.secondaryBlue.withValues(alpha: 0.15),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
_buildChartCard(
|
|
title: 'Pie Chart Bahan Paling Sering Digunakan',
|
|
child: SizedBox(
|
|
height: 200,
|
|
child: PieChart(
|
|
PieChartData(
|
|
sectionsSpace: 2,
|
|
centerSpaceRadius: 40,
|
|
sections:
|
|
usagePie.map((entry) {
|
|
final value = entry['value'] as double;
|
|
|
|
return PieChartSectionData(
|
|
value: value,
|
|
color: entry['color'] as Color,
|
|
radius: 50,
|
|
showTitle: value >= 5,
|
|
title: '${value.toStringAsFixed(1)}%',
|
|
titleStyle: AppTextStyles.labelSmall.copyWith(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
);
|
|
}).toList(),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildChartCard({required String title, required Widget child}) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.bgWhite,
|
|
borderRadius: BorderRadius.circular(16),
|
|
boxShadow: [AppColors.shadowLight],
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: AppTextStyles.headlineSmall.copyWith(
|
|
color: AppColors.textPrimary,
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
child,
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildCriticalItems(List<Map<String, dynamic>> criticalItems) {
|
|
if (criticalItems.isEmpty) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.bgWhite,
|
|
borderRadius: BorderRadius.circular(16),
|
|
boxShadow: [AppColors.shadowLight],
|
|
),
|
|
child: Text(
|
|
'Tidak ada bahan kritis saat ini.',
|
|
style: AppTextStyles.bodyMedium.copyWith(
|
|
color: AppColors.textSecondary,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
return Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.bgWhite,
|
|
borderRadius: BorderRadius.circular(16),
|
|
boxShadow: [AppColors.shadowLight],
|
|
),
|
|
child: Column(
|
|
children:
|
|
criticalItems
|
|
.map(
|
|
(item) => ListTile(
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 8),
|
|
leading: Container(
|
|
width: 40,
|
|
height: 40,
|
|
decoration: BoxDecoration(
|
|
color: AppColors.statusError.withValues(alpha: 0.12),
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: const Icon(
|
|
Icons.warning_amber_rounded,
|
|
color: AppColors.statusError,
|
|
),
|
|
),
|
|
title: Text(
|
|
item['name'] as String,
|
|
style: AppTextStyles.labelLarge,
|
|
),
|
|
subtitle: Text(
|
|
'Sisa stok: ${item['stock']} ${item['unit'] ?? 'kg'}',
|
|
style: AppTextStyles.bodySmall.copyWith(
|
|
color: AppColors.textTertiary,
|
|
),
|
|
),
|
|
trailing: ElevatedButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pushNamed('/transaction');
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: AppColors.statusSuccess,
|
|
foregroundColor: Colors.white,
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 12,
|
|
vertical: 8,
|
|
),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
),
|
|
child: const Text(
|
|
'Tambah Stok',
|
|
style: TextStyle(fontSize: 12),
|
|
),
|
|
),
|
|
),
|
|
)
|
|
.toList(),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildExportActions() {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
ElevatedButton.icon(
|
|
onPressed: _exportReport,
|
|
icon: const Icon(Icons.download_rounded),
|
|
label: const Text('Export Laporan'),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: AppColors.primaryBrown,
|
|
foregroundColor: Colors.white,
|
|
padding: const EdgeInsets.symmetric(vertical: 14),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: OutlinedButton.icon(
|
|
onPressed: _lastExportPath == null ? null : _openLastExport,
|
|
icon: const Icon(Icons.open_in_new),
|
|
label: const Text('Buka File'),
|
|
style: OutlinedButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: OutlinedButton.icon(
|
|
onPressed: _lastExportPath == null ? null : _shareLastExport,
|
|
icon: const Icon(Icons.share_outlined),
|
|
label: const Text('Bagikan'),
|
|
style: OutlinedButton.styleFrom(
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Future<void> _exportReport() async {
|
|
if (_controller.stockItems.isEmpty &&
|
|
_controller.stockHistory.isEmpty &&
|
|
_controller.predictionItems.isEmpty) {
|
|
if (!mounted) return;
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(content: Text('Data laporan masih kosong.')),
|
|
);
|
|
return;
|
|
}
|
|
|
|
try {
|
|
final directory = await getApplicationDocumentsDirectory();
|
|
final timestamp = _fileDateFormat.format(DateTime.now());
|
|
final filePath =
|
|
'${directory.path}${Platform.pathSeparator}'
|
|
'laporan_$timestamp.csv';
|
|
final file = File(filePath);
|
|
|
|
await file.writeAsString(_buildCsvContent());
|
|
|
|
if (!mounted) return;
|
|
setState(() => _lastExportPath = filePath);
|
|
ScaffoldMessenger.of(
|
|
context,
|
|
).showSnackBar(SnackBar(content: Text('Laporan tersimpan: $filePath')));
|
|
} catch (e) {
|
|
if (!mounted) return;
|
|
ScaffoldMessenger.of(
|
|
context,
|
|
).showSnackBar(SnackBar(content: Text('Gagal export laporan: $e')));
|
|
}
|
|
}
|
|
|
|
Future<void> _openLastExport() async {
|
|
final path = _lastExportPath;
|
|
if (path == null) return;
|
|
|
|
final result = await OpenFilex.open(path);
|
|
if (!mounted || result.type == ResultType.done) return;
|
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(content: Text('Gagal membuka file: ${result.message}')),
|
|
);
|
|
}
|
|
|
|
Future<void> _shareLastExport() async {
|
|
final path = _lastExportPath;
|
|
if (path == null) return;
|
|
|
|
await Share.shareXFiles(
|
|
[XFile(path)],
|
|
text: 'Laporan & Analitik',
|
|
subject: 'Export Laporan',
|
|
);
|
|
}
|
|
|
|
String _buildCsvContent() {
|
|
final buffer = StringBuffer();
|
|
buffer.writeln('Laporan & Analitik');
|
|
buffer.writeln('Tanggal,${_dateFormat.format(DateTime.now())}');
|
|
buffer.writeln('');
|
|
|
|
buffer.writeln('Ringkasan');
|
|
buffer.writeln('Total Produk,${_controller.totalProduk}');
|
|
buffer.writeln('Total Bahan,${_controller.totalBahan}');
|
|
buffer.writeln('Stok Kritis,${_controller.totalKritis}');
|
|
buffer.writeln('Total Prediksi,${_controller.totalPrediksi}');
|
|
buffer.writeln('');
|
|
|
|
buffer.writeln('Laporan Stok Bahan');
|
|
buffer.writeln('Nama Bahan,Stok,Unit,Status');
|
|
for (final item in _controller.stockItems) {
|
|
final stockValue = StockStatusUtils.parseStock(item['stock']);
|
|
final statusKey = StockStatusUtils.statusFromStock(stockValue);
|
|
final statusLabel = StockStatusUtils.label(statusKey);
|
|
buffer.writeln(
|
|
'${_escapeCsv(item['name'])},${item['stock']},'
|
|
'${_escapeCsv(item['unit'])},$statusLabel',
|
|
);
|
|
}
|
|
buffer.writeln('');
|
|
|
|
buffer.writeln('Riwayat Stok Masuk');
|
|
buffer.writeln('Tanggal,Nama Bahan,Jumlah,Unit');
|
|
for (final entry in _controller.stockHistory) {
|
|
final date = _dateFormat.format(entry['date'] as DateTime);
|
|
buffer.writeln(
|
|
'$date,${_escapeCsv(entry['name'])},${entry['amount']},'
|
|
'${_escapeCsv(entry['unit'])}',
|
|
);
|
|
}
|
|
buffer.writeln('');
|
|
|
|
buffer.writeln('Laporan Prediksi Permintaan');
|
|
buffer.writeln('Tanggal,Produk,Prediksi,Estimasi Kebutuhan');
|
|
for (final item in _controller.predictionItems) {
|
|
final date = _dateFormat.format(item['date'] as DateTime);
|
|
buffer.writeln(
|
|
'$date,${_escapeCsv(item['product'])},${item['prediction']},'
|
|
'${_escapeCsv(item['needs'])}',
|
|
);
|
|
}
|
|
buffer.writeln('');
|
|
|
|
return buffer.toString();
|
|
}
|
|
|
|
String _escapeCsv(dynamic value) {
|
|
final text = value?.toString() ?? '';
|
|
if (text.contains(',') || text.contains('"') || text.contains('\n')) {
|
|
final escaped = text.replaceAll('"', '""');
|
|
return '"$escaped"';
|
|
}
|
|
return text;
|
|
}
|
|
|
|
List<Map<String, dynamic>> _buildUsageBars(
|
|
List<Map<String, dynamic>> usageSummary,
|
|
) {
|
|
if (usageSummary.isEmpty) {
|
|
return [
|
|
{'label': 'Tepung', 'value': 40.0, 'color': AppColors.primaryBrown},
|
|
{'label': 'Gula', 'value': 28.0, 'color': AppColors.secondaryOrange},
|
|
{'label': 'Telur', 'value': 18.0, 'color': AppColors.secondaryBlue},
|
|
{'label': 'Mentega', 'value': 12.0, 'color': AppColors.secondaryGreen},
|
|
];
|
|
}
|
|
|
|
final colors = [
|
|
AppColors.primaryBrown,
|
|
AppColors.secondaryOrange,
|
|
AppColors.secondaryBlue,
|
|
AppColors.secondaryGreen,
|
|
];
|
|
|
|
return usageSummary.asMap().entries.map((entry) {
|
|
final index = entry.key;
|
|
final item = entry.value;
|
|
return {
|
|
'label': item['label'] as String,
|
|
'value': item['value'] as double,
|
|
'color': colors[index % colors.length],
|
|
};
|
|
}).toList();
|
|
}
|
|
|
|
List<Map<String, dynamic>> _buildUsagePie(
|
|
List<Map<String, dynamic>> usageBars,
|
|
) {
|
|
final total = usageBars.fold<double>(
|
|
0,
|
|
(sum, item) => sum + (item['value'] as double),
|
|
);
|
|
if (total == 0) {
|
|
return usageBars;
|
|
}
|
|
|
|
return usageBars
|
|
.map(
|
|
(entry) => {
|
|
'label': entry['label'],
|
|
'value': ((entry['value'] as double) / total) * 100,
|
|
'color': entry['color'],
|
|
},
|
|
)
|
|
.toList();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_stockTableScrollController.dispose();
|
|
_stockHistoryScrollController.dispose();
|
|
_controller.dispose();
|
|
super.dispose();
|
|
}
|
|
}
|