742 lines
26 KiB
Dart
742 lines
26 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||
import 'package:fl_chart/fl_chart.dart';
|
||
import 'package:go_router/go_router.dart';
|
||
import 'package:supabase_flutter/supabase_flutter.dart';
|
||
import 'package:intl/intl.dart';
|
||
import '/core/auth_provider.dart';
|
||
import '/models/profile.dart';
|
||
import '/models/child.dart';
|
||
import '/models/daily_access_approval.dart';
|
||
|
||
class HomeDashboard extends ConsumerWidget {
|
||
const HomeDashboard({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context, WidgetRef ref) {
|
||
final profileAsync = ref.watch(currentProfileProvider);
|
||
|
||
return profileAsync.when(
|
||
data: (profile) {
|
||
if (profile == null) {
|
||
return const Scaffold(
|
||
body: Center(child: Text('Perfil não encontrado')),
|
||
);
|
||
}
|
||
switch (profile.role) {
|
||
case 'principal':
|
||
case 'admin':
|
||
return _AdminDashboard(profile: profile);
|
||
case 'teacher':
|
||
return _TeacherDashboard(profile: profile);
|
||
case 'parent':
|
||
return _ParentDashboard(profile: profile);
|
||
default:
|
||
return const Scaffold(
|
||
body: Center(child: Text('Role desconhecido')));
|
||
}
|
||
},
|
||
loading: () =>
|
||
const Scaffold(body: Center(child: CircularProgressIndicator())),
|
||
error: (e, _) => Scaffold(body: Center(child: Text('Erro: $e'))),
|
||
);
|
||
}
|
||
}
|
||
|
||
// ─────────────── ADMIN DASHBOARD ───────────────
|
||
class _AdminDashboard extends ConsumerWidget {
|
||
final Profile profile;
|
||
const _AdminDashboard({required this.profile});
|
||
|
||
@override
|
||
Widget build(BuildContext context, WidgetRef ref) {
|
||
final supabase = Supabase.instance.client;
|
||
|
||
return Scaffold(
|
||
backgroundColor: const Color(0xFF0D1117),
|
||
appBar: AppBar(
|
||
backgroundColor: const Color(0xFF161B22),
|
||
title: Row(
|
||
children: [
|
||
Image.asset('assets/logo.png', height: 36,
|
||
errorBuilder: (_, __, ___) =>
|
||
const Icon(Icons.child_care, color: Color(0xFF4FC3F7))),
|
||
const SizedBox(width: 10),
|
||
const Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text('Sementes do Futuro',
|
||
style: TextStyle(
|
||
color: Color(0xFF4FC3F7),
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.bold)),
|
||
Text('Dashboard Admin',
|
||
style:
|
||
TextStyle(color: Color(0xFF888888), fontSize: 11)),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
actions: [
|
||
IconButton(
|
||
icon: const Icon(Icons.notifications_outlined,
|
||
color: Color(0xFF4FC3F7)),
|
||
onPressed: () => context.go('/announcements'),
|
||
),
|
||
IconButton(
|
||
icon: const Icon(Icons.settings_outlined,
|
||
color: Color(0xFF4FC3F7)),
|
||
onPressed: () => context.go('/settings'),
|
||
),
|
||
],
|
||
),
|
||
body: SingleChildScrollView(
|
||
padding: const EdgeInsets.all(16),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text('Olá, ${profile.fullName.split(' ').first}! 👋',
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 22,
|
||
fontWeight: FontWeight.bold)),
|
||
const SizedBox(height: 4),
|
||
Text(DateFormat('EEEE, d MMMM yyyy', 'pt_PT').format(DateTime.now()),
|
||
style: const TextStyle(color: Color(0xFF888888), fontSize: 13)),
|
||
const SizedBox(height: 24),
|
||
|
||
// Quick actions
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||
children: [
|
||
_QuickAction(
|
||
icon: Icons.add_circle,
|
||
label: 'Diário',
|
||
onTap: () => context.go('/new-diary')),
|
||
_QuickAction(
|
||
icon: Icons.check_circle,
|
||
label: 'Presença',
|
||
onTap: () => context.go('/attendance')),
|
||
_QuickAction(
|
||
icon: Icons.attach_money,
|
||
label: 'Pagamentos',
|
||
onTap: () => context.go('/payments')),
|
||
_QuickAction(
|
||
icon: Icons.campaign,
|
||
label: 'Avisos',
|
||
onTap: () => context.go('/announcements')),
|
||
],
|
||
),
|
||
const SizedBox(height: 24),
|
||
|
||
// Cards de estatísticas
|
||
const Text('Visão Geral',
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.bold)),
|
||
const SizedBox(height: 12),
|
||
GridView.count(
|
||
crossAxisCount: 2,
|
||
shrinkWrap: true,
|
||
physics: const NeverScrollableScrollPhysics(),
|
||
crossAxisSpacing: 12,
|
||
mainAxisSpacing: 12,
|
||
childAspectRatio: 1.5,
|
||
children: const [
|
||
_StatCard(title: 'Crianças Hoje', value: '–', icon: Icons.child_care, color: Color(0xFF4FC3F7)),
|
||
_StatCard(title: 'Presença', value: '–%', icon: Icons.check_circle, color: Color(0xFFA5D6A7)),
|
||
_StatCard(title: 'Pendentes', value: '–', icon: Icons.payment, color: Color(0xFFFFCC02)),
|
||
_StatCard(title: 'Avisos', value: '–', icon: Icons.campaign, color: Color(0xFFFF7043)),
|
||
],
|
||
),
|
||
const SizedBox(height: 24),
|
||
|
||
// Aprovações pendentes
|
||
const Text('Pedidos de Acesso Hoje',
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.bold)),
|
||
const SizedBox(height: 12),
|
||
StreamBuilder<List<Map<String, dynamic>>>(
|
||
stream: supabase
|
||
.from('daily_access_approvals')
|
||
.stream(primaryKey: ['id']).eq('status', 'pending'),
|
||
builder: (context, snapshot) {
|
||
if (!snapshot.hasData) {
|
||
return const Center(
|
||
child: CircularProgressIndicator(
|
||
color: Color(0xFF4FC3F7)));
|
||
}
|
||
final approvals = snapshot.data!;
|
||
if (approvals.isEmpty) {
|
||
return Container(
|
||
padding: const EdgeInsets.all(16),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFF161B22),
|
||
borderRadius: BorderRadius.circular(12),
|
||
),
|
||
child: const Row(
|
||
children: [
|
||
Icon(Icons.check_circle, color: Color(0xFFA5D6A7)),
|
||
SizedBox(width: 8),
|
||
Text('Nenhum pedido pendente',
|
||
style: TextStyle(color: Color(0xFF888888))),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
return ListView.builder(
|
||
shrinkWrap: true,
|
||
physics: const NeverScrollableScrollPhysics(),
|
||
itemCount: approvals.length,
|
||
itemBuilder: (context, index) {
|
||
final approval =
|
||
DailyAccessApproval.fromMap(approvals[index]);
|
||
return _ApprovalCard(
|
||
approval: approval,
|
||
onApprove: () => _approve(supabase, approval.id),
|
||
onReject: () => _reject(supabase, approval.id),
|
||
);
|
||
},
|
||
);
|
||
},
|
||
),
|
||
const SizedBox(height: 80),
|
||
],
|
||
),
|
||
),
|
||
bottomNavigationBar: _AdminBottomNav(),
|
||
floatingActionButton: FloatingActionButton.extended(
|
||
backgroundColor: const Color(0xFF4FC3F7),
|
||
icon: const Icon(Icons.person_add, color: Colors.white),
|
||
label:
|
||
const Text('Nova Criança', style: TextStyle(color: Colors.white)),
|
||
onPressed: () => context.go('/child/new'),
|
||
),
|
||
);
|
||
}
|
||
|
||
Future<void> _approve(SupabaseClient supabase, String id) async {
|
||
await supabase.from('daily_access_approvals').update({
|
||
'status': 'approved',
|
||
'approved_at': DateTime.now().toIso8601String(),
|
||
'approved_by': supabase.auth.currentUser!.id,
|
||
}).eq('id', id);
|
||
}
|
||
|
||
Future<void> _reject(SupabaseClient supabase, String id) async {
|
||
await supabase
|
||
.from('daily_access_approvals')
|
||
.update({'status': 'rejected'}).eq('id', id);
|
||
}
|
||
}
|
||
|
||
// ─────────────── TEACHER DASHBOARD ───────────────
|
||
class _TeacherDashboard extends ConsumerWidget {
|
||
final Profile profile;
|
||
const _TeacherDashboard({required this.profile});
|
||
|
||
@override
|
||
Widget build(BuildContext context, WidgetRef ref) {
|
||
final supabase = Supabase.instance.client;
|
||
|
||
return Scaffold(
|
||
backgroundColor: const Color(0xFF0D1117),
|
||
appBar: AppBar(
|
||
backgroundColor: const Color(0xFF161B22),
|
||
title: const Text('Minha Turma',
|
||
style: TextStyle(color: Color(0xFF4FC3F7))),
|
||
actions: [
|
||
IconButton(
|
||
icon: const Icon(Icons.chat_outlined, color: Color(0xFF4FC3F7)),
|
||
onPressed: () => context.go('/chat'),
|
||
),
|
||
IconButton(
|
||
icon:
|
||
const Icon(Icons.person_outline, color: Color(0xFF4FC3F7)),
|
||
onPressed: () => context.go('/profile'),
|
||
),
|
||
],
|
||
),
|
||
body: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Padding(
|
||
padding: const EdgeInsets.all(16),
|
||
child: Text(
|
||
'Olá, ${profile.fullName.split(' ').first}! 👋',
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 20,
|
||
fontWeight: FontWeight.bold),
|
||
),
|
||
),
|
||
const Padding(
|
||
padding: EdgeInsets.symmetric(horizontal: 16),
|
||
child: Text('Crianças da tua turma hoje:',
|
||
style: TextStyle(color: Color(0xFF888888), fontSize: 14)),
|
||
),
|
||
const SizedBox(height: 12),
|
||
Expanded(
|
||
child: StreamBuilder<List<Map<String, dynamic>>>(
|
||
stream: supabase
|
||
.from('children')
|
||
.stream(primaryKey: ['id']).eq('teacher_id', profile.id),
|
||
builder: (context, snapshot) {
|
||
if (!snapshot.hasData) {
|
||
return const Center(
|
||
child:
|
||
CircularProgressIndicator(color: Color(0xFF4FC3F7)));
|
||
}
|
||
final children =
|
||
snapshot.data!.map(Child.fromMap).toList();
|
||
return ListView.builder(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||
itemCount: children.length,
|
||
itemBuilder: (context, index) {
|
||
final child = children[index];
|
||
return _ChildCard(
|
||
child: child,
|
||
onTap: () => context.go('/child/${child.id}'),
|
||
);
|
||
},
|
||
);
|
||
},
|
||
),
|
||
),
|
||
],
|
||
),
|
||
floatingActionButton: FloatingActionButton.extended(
|
||
backgroundColor: const Color(0xFF4FC3F7),
|
||
icon: const Icon(Icons.add, color: Colors.white),
|
||
label:
|
||
const Text('Novo Diário', style: TextStyle(color: Colors.white)),
|
||
onPressed: () => context.go('/new-diary'),
|
||
),
|
||
bottomNavigationBar: _TeacherBottomNav(),
|
||
);
|
||
}
|
||
}
|
||
|
||
// ─────────────── PARENT DASHBOARD ───────────────
|
||
class _ParentDashboard extends ConsumerWidget {
|
||
final Profile profile;
|
||
const _ParentDashboard({required this.profile});
|
||
|
||
@override
|
||
Widget build(BuildContext context, WidgetRef ref) {
|
||
return Scaffold(
|
||
backgroundColor: const Color(0xFF0D1117),
|
||
appBar: AppBar(
|
||
backgroundColor: const Color(0xFF161B22),
|
||
title: Image.asset('assets/logo.png', height: 36,
|
||
errorBuilder: (_, __, ___) =>
|
||
const Icon(Icons.child_care, color: Color(0xFF4FC3F7))),
|
||
centerTitle: true,
|
||
actions: [
|
||
IconButton(
|
||
icon:
|
||
const Icon(Icons.notifications_outlined, color: Color(0xFF4FC3F7)),
|
||
onPressed: () => context.go('/announcements'),
|
||
),
|
||
],
|
||
),
|
||
body: SingleChildScrollView(
|
||
padding: const EdgeInsets.all(16),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Container(
|
||
padding: const EdgeInsets.all(20),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFF161B22),
|
||
borderRadius: BorderRadius.circular(16),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
CircleAvatar(
|
||
radius: 30,
|
||
backgroundColor: const Color(0xFF4FC3F7),
|
||
child: Text(
|
||
profile.fullName.isNotEmpty
|
||
? profile.fullName[0].toUpperCase()
|
||
: 'P',
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 24,
|
||
fontWeight: FontWeight.bold),
|
||
),
|
||
),
|
||
const SizedBox(width: 16),
|
||
Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
const Text('Bem-vindo(a)!',
|
||
style: TextStyle(
|
||
color: Color(0xFF888888), fontSize: 12)),
|
||
Text(profile.fullName,
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.bold)),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 24),
|
||
const Text('Ações Rápidas',
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.bold)),
|
||
const SizedBox(height: 12),
|
||
Row(
|
||
children: [
|
||
Expanded(
|
||
child: _ActionButton(
|
||
icon: Icons.book_outlined,
|
||
label: 'Ver Diário',
|
||
onTap: () => context.go('/children'),
|
||
),
|
||
),
|
||
const SizedBox(width: 12),
|
||
Expanded(
|
||
child: _ActionButton(
|
||
icon: Icons.restaurant_menu,
|
||
label: 'Cardápio',
|
||
onTap: () => context.go('/menu'),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 12),
|
||
Row(
|
||
children: [
|
||
Expanded(
|
||
child: _ActionButton(
|
||
icon: Icons.medication,
|
||
label: 'Medicação',
|
||
onTap: () => context.go('/medication'),
|
||
),
|
||
),
|
||
const SizedBox(width: 12),
|
||
Expanded(
|
||
child: _ActionButton(
|
||
icon: Icons.chat_outlined,
|
||
label: 'Falar c/ Educadora',
|
||
onTap: () => context.go('/chat'),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
bottomNavigationBar: _ParentBottomNav(),
|
||
);
|
||
}
|
||
}
|
||
|
||
// ─────────────── WIDGETS AUXILIARES ───────────────
|
||
|
||
class _QuickAction extends StatelessWidget {
|
||
final IconData icon;
|
||
final String label;
|
||
final VoidCallback onTap;
|
||
const _QuickAction(
|
||
{required this.icon, required this.label, required this.onTap});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return GestureDetector(
|
||
onTap: onTap,
|
||
child: Column(
|
||
children: [
|
||
Container(
|
||
padding: const EdgeInsets.all(14),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFF161B22),
|
||
borderRadius: BorderRadius.circular(14),
|
||
border: Border.all(color: const Color(0xFF333366)),
|
||
),
|
||
child: Icon(icon, color: const Color(0xFF4FC3F7), size: 26),
|
||
),
|
||
const SizedBox(height: 6),
|
||
Text(label,
|
||
style: const TextStyle(color: Color(0xFF888888), fontSize: 12)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _StatCard extends StatelessWidget {
|
||
final String title;
|
||
final String value;
|
||
final IconData icon;
|
||
final Color color;
|
||
const _StatCard(
|
||
{required this.title,
|
||
required this.value,
|
||
required this.icon,
|
||
required this.color});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
padding: const EdgeInsets.all(12),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFF161B22),
|
||
borderRadius: BorderRadius.circular(16),
|
||
border: Border.all(color: color.withOpacity(0.3)),
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Icon(icon, color: color, size: 22),
|
||
const SizedBox(height: 4),
|
||
FittedBox(
|
||
fit: BoxFit.scaleDown,
|
||
alignment: Alignment.centerLeft,
|
||
child: Text(value,
|
||
style: TextStyle(
|
||
color: color,
|
||
fontSize: 20,
|
||
fontWeight: FontWeight.bold)),
|
||
),
|
||
Text(title,
|
||
style: const TextStyle(
|
||
color: Color(0xFF888888), fontSize: 10),
|
||
overflow: TextOverflow.ellipsis),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _ApprovalCard extends StatelessWidget {
|
||
final DailyAccessApproval approval;
|
||
final VoidCallback onApprove;
|
||
final VoidCallback onReject;
|
||
const _ApprovalCard(
|
||
{required this.approval,
|
||
required this.onApprove,
|
||
required this.onReject});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
margin: const EdgeInsets.only(bottom: 8),
|
||
padding: const EdgeInsets.all(12),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFF161B22),
|
||
borderRadius: BorderRadius.circular(12),
|
||
border: Border.all(color: const Color(0xFFFFCC02).withOpacity(0.3)),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
const Icon(Icons.person_outline, color: Color(0xFF4FC3F7)),
|
||
const SizedBox(width: 8),
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text('Funcionário: ${approval.userId.substring(0, 8)}...',
|
||
style: const TextStyle(color: Colors.white, fontSize: 13)),
|
||
Text(
|
||
'IP: ${approval.ipAddress ?? 'N/A'} • ${DateFormat('HH:mm').format(approval.approvalDate)}',
|
||
style: const TextStyle(
|
||
color: Color(0xFF888888), fontSize: 11)),
|
||
],
|
||
),
|
||
),
|
||
IconButton(
|
||
icon: const Icon(Icons.check_circle, color: Color(0xFFA5D6A7)),
|
||
onPressed: onApprove,
|
||
tooltip: 'Aprovar',
|
||
),
|
||
IconButton(
|
||
icon: const Icon(Icons.cancel, color: Colors.red),
|
||
onPressed: onReject,
|
||
tooltip: 'Rejeitar',
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _ChildCard extends StatelessWidget {
|
||
final Child child;
|
||
final VoidCallback onTap;
|
||
const _ChildCard({required this.child, required this.onTap});
|
||
|
||
String get _moodEmoji {
|
||
switch (child.mood) {
|
||
case 'happy': return '😊';
|
||
case 'sad': return '😟';
|
||
case 'sick': return '🤒';
|
||
case 'excited': return '😃';
|
||
default: return '😐';
|
||
}
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return GestureDetector(
|
||
onTap: onTap,
|
||
child: Container(
|
||
margin: const EdgeInsets.only(bottom: 10),
|
||
padding: const EdgeInsets.all(12),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFF161B22),
|
||
borderRadius: BorderRadius.circular(14),
|
||
border: Border.all(color: const Color(0xFF333366)),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
CircleAvatar(
|
||
radius: 26,
|
||
backgroundImage: child.photoUrl != null
|
||
? NetworkImage(child.photoUrl!)
|
||
: null,
|
||
backgroundColor: const Color(0xFF4FC3F7).withOpacity(0.2),
|
||
child: child.photoUrl == null
|
||
? const Icon(Icons.child_care,
|
||
color: Color(0xFF4FC3F7), size: 28)
|
||
: null,
|
||
),
|
||
const SizedBox(width: 12),
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(child.fullName,
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontWeight: FontWeight.bold,
|
||
fontSize: 15)),
|
||
Text('${child.age} anos',
|
||
style: const TextStyle(
|
||
color: Color(0xFF888888), fontSize: 12)),
|
||
],
|
||
),
|
||
),
|
||
Text(_moodEmoji, style: const TextStyle(fontSize: 28)),
|
||
const SizedBox(width: 8),
|
||
const Icon(Icons.chevron_right, color: Color(0xFF888888)),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _ActionButton extends StatelessWidget {
|
||
final IconData icon;
|
||
final String label;
|
||
final VoidCallback onTap;
|
||
const _ActionButton(
|
||
{required this.icon, required this.label, required this.onTap});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return GestureDetector(
|
||
onTap: onTap,
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 12),
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFF161B22),
|
||
borderRadius: BorderRadius.circular(14),
|
||
border: Border.all(color: const Color(0xFF333366)),
|
||
),
|
||
child: Column(
|
||
children: [
|
||
Icon(icon, color: const Color(0xFF4FC3F7), size: 28),
|
||
const SizedBox(height: 8),
|
||
Text(label,
|
||
style:
|
||
const TextStyle(color: Colors.white, fontSize: 13),
|
||
textAlign: TextAlign.center),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
// Bottom Navs
|
||
class _AdminBottomNav extends StatelessWidget {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return BottomNavigationBar(
|
||
backgroundColor: const Color(0xFF161B22),
|
||
selectedItemColor: const Color(0xFF4FC3F7),
|
||
unselectedItemColor: const Color(0xFF888888),
|
||
type: BottomNavigationBarType.fixed,
|
||
items: const [
|
||
BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Início'),
|
||
BottomNavigationBarItem(icon: Icon(Icons.child_care), label: 'Crianças'),
|
||
BottomNavigationBarItem(icon: Icon(Icons.check_box), label: 'Presença'),
|
||
BottomNavigationBarItem(icon: Icon(Icons.people), label: 'Utilizadores'),
|
||
BottomNavigationBarItem(icon: Icon(Icons.person), label: 'Perfil'),
|
||
],
|
||
onTap: (i) {
|
||
final routes = ['/home', '/children', '/attendance', '/users', '/profile'];
|
||
context.go(routes[i]);
|
||
},
|
||
);
|
||
}
|
||
}
|
||
|
||
class _TeacherBottomNav extends StatelessWidget {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return BottomNavigationBar(
|
||
backgroundColor: const Color(0xFF161B22),
|
||
selectedItemColor: const Color(0xFF4FC3F7),
|
||
unselectedItemColor: const Color(0xFF888888),
|
||
type: BottomNavigationBarType.fixed,
|
||
items: const [
|
||
BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Início'),
|
||
BottomNavigationBarItem(icon: Icon(Icons.child_care), label: 'Crianças'),
|
||
BottomNavigationBarItem(icon: Icon(Icons.book), label: 'Diários'),
|
||
BottomNavigationBarItem(icon: Icon(Icons.chat), label: 'Chat'),
|
||
BottomNavigationBarItem(icon: Icon(Icons.person), label: 'Perfil'),
|
||
],
|
||
onTap: (i) {
|
||
final routes = ['/home', '/children', '/new-diary', '/chat', '/profile'];
|
||
context.go(routes[i]);
|
||
},
|
||
);
|
||
}
|
||
}
|
||
|
||
class _ParentBottomNav extends StatelessWidget {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return BottomNavigationBar(
|
||
backgroundColor: const Color(0xFF161B22),
|
||
selectedItemColor: const Color(0xFF4FC3F7),
|
||
unselectedItemColor: const Color(0xFF888888),
|
||
type: BottomNavigationBarType.fixed,
|
||
items: const [
|
||
BottomNavigationBarItem(icon: Icon(Icons.home), label: 'Início'),
|
||
BottomNavigationBarItem(icon: Icon(Icons.child_care), label: 'Filhos'),
|
||
BottomNavigationBarItem(icon: Icon(Icons.restaurant_menu), label: 'Cardápio'),
|
||
BottomNavigationBarItem(icon: Icon(Icons.chat), label: 'Chat'),
|
||
BottomNavigationBarItem(icon: Icon(Icons.person), label: 'Perfil'),
|
||
],
|
||
onTap: (i) {
|
||
final routes = ['/home', '/children', '/menu', '/chat', '/profile'];
|
||
context.go(routes[i]);
|
||
},
|
||
);
|
||
}
|
||
}
|