1687 lines
62 KiB
Dart
1687 lines
62 KiB
Dart
import 'package:firebase_auth/firebase_auth.dart';
|
|
import 'package:cloud_firestore/cloud_firestore.dart';
|
|
import 'package:firebase_storage/firebase_storage.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:image_picker/image_picker.dart';
|
|
import 'package:lottie/lottie.dart';
|
|
import 'dart:async';
|
|
import 'package:youtube_player_flutter/youtube_player_flutter.dart';
|
|
import 'dart:math' as math;
|
|
import 'dart:io';
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
|
|
import 'quiz/quiz1.dart';
|
|
import 'quiz/quiz_prefs.dart';
|
|
import 'screens/video_screen.dart';
|
|
|
|
class LoggedHomeScreen extends StatefulWidget {
|
|
const LoggedHomeScreen({super.key});
|
|
|
|
@override
|
|
State<LoggedHomeScreen> createState() => _LoggedHomeScreenState();
|
|
}
|
|
|
|
class _LoggedHomeScreenState extends State<LoggedHomeScreen>
|
|
with SingleTickerProviderStateMixin {
|
|
static const Color _teal = Color(0xFF2F9E94);
|
|
static const String _kPendingQuizScopeKey = 'pending_quiz_scope_v1';
|
|
|
|
static const double _collapsedAppBarHeight = 104;
|
|
static const double _expandedAppBarHeight = 180;
|
|
|
|
int _index = 0;
|
|
|
|
int _selectedChildIndex = 0;
|
|
String? _selectedChildName;
|
|
String? _selectedChildScopeId;
|
|
|
|
int? _lastScore;
|
|
int? _lastMaxScore;
|
|
|
|
String _cachedUserName = 'Sem nome';
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_loadQuizResult();
|
|
_loadInitialProfile();
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
if (mounted) _maybeStartPendingQuiz();
|
|
});
|
|
}
|
|
|
|
Future<void> _maybeStartPendingQuiz() async {
|
|
try {
|
|
final prefs = await SharedPreferences.getInstance();
|
|
|
|
String scopeId = (prefs.getString(_kPendingQuizScopeKey) ?? '').trim();
|
|
|
|
// O AuthGate pode trocar para o LoggedHome ANTES do register sheet terminar
|
|
// de gravar a key. Então tentamos por um curto período.
|
|
int tries = 0;
|
|
while (scopeId.isEmpty && tries < 12) {
|
|
await Future<void>.delayed(const Duration(milliseconds: 250));
|
|
scopeId = (prefs.getString(_kPendingQuizScopeKey) ?? '').trim();
|
|
tries++;
|
|
}
|
|
|
|
if (scopeId.isEmpty) return;
|
|
|
|
// Limpa antes de navegar para evitar loop se o usuário voltar.
|
|
await prefs.remove(_kPendingQuizScopeKey);
|
|
if (!mounted) return;
|
|
|
|
await Navigator.of(context).push(
|
|
MaterialPageRoute<void>(builder: (_) => Quiz1Screen(scopeId: scopeId)),
|
|
);
|
|
if (!mounted) return;
|
|
await _loadQuizResult();
|
|
} catch (_) {
|
|
// no-op
|
|
}
|
|
}
|
|
|
|
Future<void> _loadInitialProfile() async {
|
|
final uid = (FirebaseAuth.instance.currentUser?.uid ?? '').trim();
|
|
if (uid.isEmpty) return;
|
|
try {
|
|
final userDoc = await FirebaseFirestore.instance
|
|
.collection('users')
|
|
.doc(uid)
|
|
.get();
|
|
final data = userDoc.data();
|
|
final storedName = (data?['name'] ?? '').toString().trim();
|
|
|
|
QuerySnapshot<Map<String, dynamic>> childrenSnap;
|
|
try {
|
|
childrenSnap = await FirebaseFirestore.instance
|
|
.collection('users')
|
|
.doc(uid)
|
|
.collection('children')
|
|
.orderBy('createdAt', descending: false)
|
|
.limit(1)
|
|
.get();
|
|
} catch (_) {
|
|
childrenSnap = await FirebaseFirestore.instance
|
|
.collection('users')
|
|
.doc(uid)
|
|
.collection('children')
|
|
.limit(1)
|
|
.get();
|
|
}
|
|
|
|
String? childName;
|
|
String? scopeId;
|
|
if (childrenSnap.docs.isNotEmpty) {
|
|
final c = childrenSnap.docs.first.data();
|
|
final childId = (c['id'] ?? childrenSnap.docs.first.id)
|
|
.toString()
|
|
.trim();
|
|
childName = (c['name'] ?? '').toString().trim();
|
|
scopeId = '${uid}_$childId';
|
|
}
|
|
|
|
if (!mounted) return;
|
|
setState(() {
|
|
_cachedUserName = storedName.isNotEmpty ? storedName : _cachedUserName;
|
|
if ((_selectedChildName ?? '').trim().isEmpty &&
|
|
(childName ?? '').trim().isNotEmpty) {
|
|
_selectedChildName = childName;
|
|
}
|
|
if ((_selectedChildScopeId ?? '').trim().isEmpty &&
|
|
(scopeId ?? '').trim().isNotEmpty) {
|
|
_selectedChildScopeId = scopeId;
|
|
}
|
|
});
|
|
await _loadQuizResult();
|
|
} catch (_) {
|
|
// no-op
|
|
}
|
|
}
|
|
|
|
Future<void> _loadQuizResult() async {
|
|
final scope = (_selectedChildScopeId ?? '').trim();
|
|
final uid = FirebaseAuth.instance.currentUser?.uid;
|
|
final String? userId = (uid ?? '').trim().isEmpty ? null : uid;
|
|
|
|
int? score;
|
|
int? max;
|
|
|
|
if (scope.isNotEmpty && userId != null) {
|
|
final String childId = scope.startsWith('${userId}_')
|
|
? scope.substring(userId.length + 1)
|
|
: '';
|
|
if (childId.trim().isNotEmpty) {
|
|
try {
|
|
final childDoc = await FirebaseFirestore.instance
|
|
.collection('users')
|
|
.doc(userId)
|
|
.collection('children')
|
|
.doc(childId)
|
|
.get();
|
|
final data = childDoc.data();
|
|
final s = data?['lastScore'];
|
|
final m = data?['lastMaxScore'];
|
|
if (s is int && m is int) {
|
|
score = s;
|
|
max = m;
|
|
}
|
|
} catch (_) {
|
|
// no-op
|
|
}
|
|
}
|
|
}
|
|
|
|
if (score != null && max != null) {
|
|
if (!mounted) return;
|
|
setState(() {
|
|
_lastScore = score;
|
|
_lastMaxScore = max;
|
|
});
|
|
return;
|
|
}
|
|
if (scope.isNotEmpty) {
|
|
score = await QuizPrefs.getLastScoreForScope(scope);
|
|
max = await QuizPrefs.getLastMaxScoreForScope(scope);
|
|
} else if (userId != null) {
|
|
score = await QuizPrefs.getLastScoreForUser(userId);
|
|
max = await QuizPrefs.getLastMaxScoreForUser(userId);
|
|
} else {
|
|
score = await QuizPrefs.getLastScore();
|
|
max = await QuizPrefs.getLastMaxScore();
|
|
}
|
|
if (!mounted) return;
|
|
setState(() {
|
|
_lastScore = score;
|
|
_lastMaxScore = max;
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final size = MediaQuery.sizeOf(context);
|
|
final double appBarHeight = _index == 0
|
|
? _expandedAppBarHeight
|
|
: _collapsedAppBarHeight;
|
|
final double toolbarHeight = _index == 0 ? kToolbarHeight : appBarHeight;
|
|
final String title = _index == 0 ? '' : 'Perfil';
|
|
final ShapeBorder appBarShape = _index == 0
|
|
? const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.vertical(bottom: Radius.circular(24)),
|
|
)
|
|
: const RoundedRectangleBorder(borderRadius: BorderRadius.zero);
|
|
|
|
final shownName = _cachedUserName;
|
|
|
|
final int? score = _lastScore;
|
|
final int? maxScore = _lastMaxScore;
|
|
final bool hasScore = score != null && maxScore != null && maxScore > 0;
|
|
final int percent = hasScore ? ((score / maxScore) * 100).round() : 0;
|
|
final double bodyTopPadding = _index == 0 ? 0 : 10;
|
|
|
|
return Scaffold(
|
|
appBar: PreferredSize(
|
|
preferredSize: Size.fromHeight(appBarHeight),
|
|
child: AnimatedSize(
|
|
duration: const Duration(milliseconds: 320),
|
|
curve: Curves.easeOutCubic,
|
|
alignment: Alignment.topCenter,
|
|
child: SizedBox(
|
|
height: appBarHeight,
|
|
child: AppBar(
|
|
toolbarHeight: toolbarHeight,
|
|
clipBehavior: Clip.antiAlias,
|
|
flexibleSpace: _index != 0
|
|
? null
|
|
: Stack(
|
|
fit: StackFit.expand,
|
|
children: [
|
|
Opacity(
|
|
opacity: 0.22,
|
|
child: Transform.scale(scale: 1.25),
|
|
),
|
|
Positioned(
|
|
left: 0,
|
|
right: 0,
|
|
top: toolbarHeight + 26,
|
|
child: Center(
|
|
child: RichText(
|
|
textAlign: TextAlign.center,
|
|
text: TextSpan(
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w800,
|
|
color: Colors.white.withValues(alpha: 0.92),
|
|
fontSize: 14,
|
|
),
|
|
children: [
|
|
if (((_selectedChildName ?? '')
|
|
.trim()
|
|
.isNotEmpty))
|
|
TextSpan(text: _selectedChildName!.trim()),
|
|
if (((_selectedChildName ?? '')
|
|
.trim()
|
|
.isNotEmpty) &&
|
|
hasScore)
|
|
const WidgetSpan(
|
|
alignment: PlaceholderAlignment.middle,
|
|
child: Padding(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: 12,
|
|
),
|
|
child: Text(
|
|
'•',
|
|
style: TextStyle(color: Colors.white),
|
|
),
|
|
),
|
|
),
|
|
if (hasScore)
|
|
TextSpan(text: '$score/$maxScore'),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
if (hasScore)
|
|
Positioned(
|
|
left: 0,
|
|
right: 0,
|
|
bottom: 12,
|
|
child: Center(
|
|
child: _RiskArcGauge(percent: percent),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
title: Align(
|
|
alignment: _index == 0 ? Alignment.topLeft : Alignment.center,
|
|
child: _index == 0
|
|
? Padding(
|
|
padding: const EdgeInsets.only(left: 16, right: 10),
|
|
child: Text(
|
|
'Olá, $shownName',
|
|
textAlign: TextAlign.left,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w900,
|
|
color: Colors.white,
|
|
fontSize: 20,
|
|
),
|
|
),
|
|
)
|
|
: Text(
|
|
title,
|
|
textAlign: TextAlign.center,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w900,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
),
|
|
centerTitle: _index == 0 ? false : true,
|
|
backgroundColor: _teal,
|
|
foregroundColor: Colors.white,
|
|
surfaceTintColor: _teal,
|
|
elevation: 0,
|
|
shape: appBarShape,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
body: Stack(
|
|
clipBehavior: Clip.none,
|
|
children: [
|
|
Positioned.fill(child: Container(color: const Color(0xFFFFE6F1))),
|
|
Positioned(
|
|
left: -size.width * 0.40,
|
|
bottom: -size.width * 0.45,
|
|
child: IgnorePointer(
|
|
child: SizedBox(
|
|
width: size.width * 1.05,
|
|
height: size.width * 1.05,
|
|
child: Transform.rotate(
|
|
angle: 35 * math.pi / 180,
|
|
child: Opacity(
|
|
opacity: 0.95,
|
|
child: Lottie.asset(
|
|
'lottie/Liquid waves.json',
|
|
fit: BoxFit.cover,
|
|
repeat: true,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
SafeArea(
|
|
top: false,
|
|
child: Align(
|
|
alignment: Alignment.center,
|
|
child: Padding(
|
|
padding: EdgeInsets.fromLTRB(16, bodyTopPadding, 16, 16),
|
|
child: _index == 0
|
|
? _InicioTab(onQuizClosed: _loadQuizResult)
|
|
: _PerfilTab(
|
|
selectedChildIndex: _selectedChildIndex,
|
|
onChildSelected: (index, name, scopeId) {
|
|
setState(() {
|
|
_selectedChildIndex = index;
|
|
_selectedChildName = name;
|
|
_selectedChildScopeId = scopeId;
|
|
});
|
|
_loadQuizResult();
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
bottomNavigationBar: BottomNavigationBar(
|
|
currentIndex: _index,
|
|
onTap: (i) => setState(() => _index = i),
|
|
backgroundColor: const Color(0xFFFFE6F1),
|
|
selectedItemColor: _teal,
|
|
unselectedItemColor: Colors.black54,
|
|
type: BottomNavigationBarType.fixed,
|
|
items: const [
|
|
BottomNavigationBarItem(
|
|
icon: Icon(Icons.home_rounded),
|
|
label: 'Início',
|
|
),
|
|
BottomNavigationBarItem(
|
|
icon: Icon(Icons.person_rounded),
|
|
label: 'Perfil',
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _RiskArcGauge extends StatelessWidget {
|
|
const _RiskArcGauge({required this.percent});
|
|
|
|
final int percent;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final clamped = percent.clamp(0, 100);
|
|
|
|
return TweenAnimationBuilder<double>(
|
|
duration: const Duration(milliseconds: 700),
|
|
curve: Curves.easeOutCubic,
|
|
tween: Tween<double>(begin: 0, end: clamped / 100),
|
|
builder: (context, value, _) {
|
|
final shown = (value * 100).round();
|
|
return SizedBox(
|
|
width: 178,
|
|
height: 94,
|
|
child: Stack(
|
|
alignment: Alignment.center,
|
|
children: [
|
|
Positioned.fill(
|
|
child: CustomPaint(
|
|
painter: _RiskArcGaugePainter(progress: value),
|
|
),
|
|
),
|
|
Positioned(
|
|
bottom: 8,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
'$shown%',
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 26,
|
|
fontWeight: FontWeight.w900,
|
|
height: 1,
|
|
),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
'Risco de Má Oclusão',
|
|
style: TextStyle(
|
|
color: Colors.white.withValues(alpha: 0.92),
|
|
fontSize: 9,
|
|
fontWeight: FontWeight.w900,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
class _RiskArcGaugePainter extends CustomPainter {
|
|
const _RiskArcGaugePainter({required this.progress});
|
|
|
|
final double progress;
|
|
|
|
@override
|
|
void paint(Canvas canvas, Size size) {
|
|
final rect = Rect.fromLTWH(16, 12, size.width - 32, size.height * 1.55);
|
|
const startAngle = math.pi;
|
|
const sweepAngle = math.pi;
|
|
final strokeWidth = size.width * 0.14;
|
|
|
|
final backgroundPaint = Paint()
|
|
..color = Colors.white.withValues(alpha: 0.72)
|
|
..style = PaintingStyle.stroke
|
|
..strokeWidth = strokeWidth
|
|
..strokeCap = StrokeCap.butt;
|
|
|
|
final progressPaint = Paint()
|
|
..color = const Color(0xFFFF9AD0)
|
|
..style = PaintingStyle.stroke
|
|
..strokeWidth = strokeWidth
|
|
..strokeCap = StrokeCap.butt;
|
|
|
|
canvas.drawArc(rect, startAngle, sweepAngle, false, backgroundPaint);
|
|
canvas.drawArc(
|
|
rect,
|
|
startAngle,
|
|
sweepAngle * progress.clamp(0, 1),
|
|
false,
|
|
progressPaint,
|
|
);
|
|
}
|
|
|
|
@override
|
|
bool shouldRepaint(covariant _RiskArcGaugePainter oldDelegate) {
|
|
return oldDelegate.progress != progress;
|
|
}
|
|
}
|
|
|
|
class _InicioTab extends StatelessWidget {
|
|
const _InicioTab({required this.onQuizClosed});
|
|
|
|
final VoidCallback onQuizClosed;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final uid = (FirebaseAuth.instance.currentUser?.uid ?? '').trim();
|
|
final state = context.findAncestorStateOfType<_LoggedHomeScreenState>();
|
|
final childScope = (state?._selectedChildScopeId ?? '').trim();
|
|
final scopeId = childScope.isNotEmpty
|
|
? childScope
|
|
: (uid.isNotEmpty ? uid : null);
|
|
final selectedChildName = (state?._selectedChildName ?? '').trim();
|
|
|
|
return Align(
|
|
alignment: Alignment.topCenter,
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(maxWidth: 560),
|
|
child: SingleChildScrollView(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(top: 18, bottom: 16),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
_HeroQuizCard(
|
|
childName: selectedChildName,
|
|
onStartQuiz: () {
|
|
Navigator.of(context)
|
|
.push(
|
|
MaterialPageRoute<void>(
|
|
builder: (_) => Quiz1Screen(scopeId: scopeId),
|
|
),
|
|
)
|
|
.then((_) => onQuizClosed());
|
|
},
|
|
),
|
|
const SizedBox(height: 16),
|
|
_VideoLibraryCard(
|
|
onOpenLibrary: () {
|
|
Navigator.of(context).push(
|
|
MaterialPageRoute<void>(
|
|
builder: (_) => const VideoScreen(),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _HeroQuizCard extends StatelessWidget {
|
|
const _HeroQuizCard({required this.childName, required this.onStartQuiz});
|
|
|
|
final String childName;
|
|
final VoidCallback onStartQuiz;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
const Color teal = Color(0xFF2F9E94);
|
|
const Color pink = Color(0xFFFF55A7);
|
|
|
|
return Material(
|
|
elevation: 12,
|
|
shadowColor: Colors.black.withValues(alpha: 0.18),
|
|
borderRadius: BorderRadius.circular(24),
|
|
color: Colors.white,
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(20, 20, 20, 18),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Container(
|
|
width: 44,
|
|
height: 44,
|
|
decoration: BoxDecoration(
|
|
color: teal.withValues(alpha: 0.12),
|
|
borderRadius: BorderRadius.circular(14),
|
|
),
|
|
child: const Icon(
|
|
Icons.medical_services_rounded,
|
|
color: teal,
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Text(
|
|
'Avaliação de saúde oral',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w900,
|
|
fontSize: 16,
|
|
color: pink,
|
|
),
|
|
),
|
|
const SizedBox(height: 2),
|
|
Text(
|
|
childName.isNotEmpty
|
|
? 'Para $childName'
|
|
: 'Responda o quiz e descubra como cuidar melhor do sorriso.',
|
|
style: TextStyle(
|
|
color: Colors.black.withValues(alpha: 0.62),
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: 13,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 16),
|
|
SizedBox(
|
|
height: 48,
|
|
width: double.infinity,
|
|
child: FilledButton.icon(
|
|
style: FilledButton.styleFrom(
|
|
backgroundColor: pink,
|
|
foregroundColor: Colors.white,
|
|
shape: const StadiumBorder(),
|
|
textStyle: const TextStyle(
|
|
fontWeight: FontWeight.w800,
|
|
fontSize: 15,
|
|
),
|
|
),
|
|
onPressed: onStartQuiz,
|
|
icon: const Icon(Icons.play_arrow_rounded),
|
|
label: const Text('Iniciar Quiz'),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _VideoLibraryCard extends StatelessWidget {
|
|
const _VideoLibraryCard({required this.onOpenLibrary});
|
|
|
|
final VoidCallback onOpenLibrary;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final item = VideoScreen.library.isEmpty ? null : VideoScreen.library.first;
|
|
|
|
return Material(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(24),
|
|
elevation: 12,
|
|
shadowColor: Colors.black.withValues(alpha: 0.18),
|
|
child: InkWell(
|
|
borderRadius: BorderRadius.circular(24),
|
|
onTap: onOpenLibrary,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
if (item == null)
|
|
Container(
|
|
height: 160,
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFFFE6F1),
|
|
borderRadius: const BorderRadius.vertical(
|
|
top: Radius.circular(24),
|
|
),
|
|
),
|
|
)
|
|
else
|
|
ClipRRect(
|
|
borderRadius: const BorderRadius.vertical(
|
|
top: Radius.circular(24),
|
|
),
|
|
child: SizedBox(
|
|
height: 160,
|
|
child: Stack(
|
|
fit: StackFit.expand,
|
|
children: [
|
|
_VideoThumbnail(url: item.url),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: [
|
|
Colors.black.withValues(alpha: 0.05),
|
|
Colors.black.withValues(alpha: 0.45),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const Align(
|
|
alignment: Alignment.center,
|
|
child: Icon(
|
|
Icons.play_circle_fill_rounded,
|
|
size: 54,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.fromLTRB(18, 14, 14, 14),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 38,
|
|
height: 38,
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFF2F9E94).withValues(alpha: 0.12),
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: const Icon(
|
|
Icons.video_library_rounded,
|
|
color: Color(0xFF2F9E94),
|
|
size: 20,
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
const Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Vídeos Educativos',
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w900,
|
|
fontSize: 15,
|
|
color: Color(0xFFFF55A7),
|
|
),
|
|
),
|
|
SizedBox(height: 2),
|
|
Text(
|
|
'Aprenda mais sobre saúde oral',
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600,
|
|
color: Colors.black54,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const Icon(
|
|
Icons.chevron_right_rounded,
|
|
color: Color(0xFF2F9E94),
|
|
size: 24,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _VideoThumbnail extends StatelessWidget {
|
|
const _VideoThumbnail({required this.url});
|
|
|
|
final String url;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final id = YoutubePlayer.convertUrlToId(url);
|
|
final thumb = id == null ? null : 'https://img.youtube.com/vi/$id/0.jpg';
|
|
if (thumb == null) {
|
|
return Container(color: Colors.white.withValues(alpha: 0.12));
|
|
}
|
|
return Image.network(
|
|
thumb,
|
|
fit: BoxFit.cover,
|
|
errorBuilder: (context, error, stackTrace) =>
|
|
Container(color: Colors.white.withValues(alpha: 0.12)),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _PerfilTab extends StatefulWidget {
|
|
const _PerfilTab({
|
|
required this.selectedChildIndex,
|
|
required this.onChildSelected,
|
|
});
|
|
|
|
final int selectedChildIndex;
|
|
final void Function(int index, String? name, String? scopeId) onChildSelected;
|
|
|
|
@override
|
|
State<_PerfilTab> createState() => _PerfilTabState();
|
|
}
|
|
|
|
class _PerfilTabState extends State<_PerfilTab> {
|
|
bool _addingChild = false;
|
|
bool _updatingPhoto = false;
|
|
|
|
Future<(int?, int?)> _loadScoreForScope(String scopeId) async {
|
|
final score = await QuizPrefs.getLastScoreForScope(scopeId);
|
|
final max = await QuizPrefs.getLastMaxScoreForScope(scopeId);
|
|
return (score, max);
|
|
}
|
|
|
|
Future<void> _pickAndUploadProfilePhoto(
|
|
BuildContext context,
|
|
String uid,
|
|
) async {
|
|
if (_updatingPhoto) return;
|
|
|
|
final source = await showModalBottomSheet<ImageSource>(
|
|
context: context,
|
|
showDragHandle: true,
|
|
builder: (ctx) {
|
|
return SafeArea(
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 12, 16, 24),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
const Text(
|
|
'Foto de perfil',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(fontWeight: FontWeight.w900, fontSize: 16),
|
|
),
|
|
const SizedBox(height: 12),
|
|
SizedBox(
|
|
height: 46,
|
|
child: FilledButton(
|
|
onPressed: () => Navigator.of(ctx).pop(ImageSource.camera),
|
|
child: const Text('Câmera'),
|
|
),
|
|
),
|
|
const SizedBox(height: 10),
|
|
SizedBox(
|
|
height: 46,
|
|
child: FilledButton(
|
|
onPressed: () => Navigator.of(ctx).pop(ImageSource.gallery),
|
|
child: const Text('Galeria'),
|
|
),
|
|
),
|
|
const SizedBox(height: 10),
|
|
SizedBox(
|
|
height: 42,
|
|
child: TextButton(
|
|
onPressed: () => Navigator.of(ctx).pop(),
|
|
child: const Text('Cancelar'),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
|
|
if (source == null) return;
|
|
|
|
final picker = ImagePicker();
|
|
final picked = await picker.pickImage(
|
|
source: source,
|
|
imageQuality: 82,
|
|
maxWidth: 1024,
|
|
);
|
|
if (picked == null) return;
|
|
|
|
setState(() => _updatingPhoto = true);
|
|
try {
|
|
final file = File(picked.path);
|
|
final ref = FirebaseStorage.instance
|
|
.ref()
|
|
.child('users')
|
|
.child(uid)
|
|
.child('profile.jpg');
|
|
await ref.putFile(file);
|
|
final url = await ref.getDownloadURL();
|
|
|
|
await FirebaseFirestore.instance.collection('users').doc(uid).set({
|
|
'photoUrl': url,
|
|
}, SetOptions(merge: true));
|
|
} catch (e) {
|
|
if (!context.mounted) return;
|
|
ScaffoldMessenger.of(
|
|
context,
|
|
).showSnackBar(SnackBar(content: Text('Erro ao enviar foto: $e')));
|
|
} finally {
|
|
if (mounted) setState(() => _updatingPhoto = false);
|
|
}
|
|
}
|
|
|
|
Future<void> _addAnotherChild(BuildContext context, String uid) async {
|
|
if (_addingChild) return;
|
|
final messenger = ScaffoldMessenger.of(context);
|
|
final result = await showModalBottomSheet<Map<String, dynamic>?>(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
showDragHandle: true,
|
|
backgroundColor: const Color(0xFFFFE6F1),
|
|
shape: const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.vertical(top: Radius.circular(24)),
|
|
),
|
|
builder: (ctx) => const _AddChildSheet(),
|
|
);
|
|
|
|
if (!mounted) return;
|
|
|
|
if (result == null) return;
|
|
|
|
final childId = FirebaseFirestore.instance
|
|
.collection('users')
|
|
.doc(uid)
|
|
.collection('children')
|
|
.doc()
|
|
.id;
|
|
|
|
final childMap = {
|
|
...result,
|
|
'id': childId,
|
|
'createdAt': FieldValue.serverTimestamp(),
|
|
};
|
|
|
|
setState(() => _addingChild = true);
|
|
try {
|
|
await FirebaseFirestore.instance
|
|
.collection('users')
|
|
.doc(uid)
|
|
.collection('children')
|
|
.doc(childId)
|
|
.set(childMap, SetOptions(merge: true))
|
|
.timeout(const Duration(seconds: 20));
|
|
|
|
if (!mounted) return;
|
|
messenger.showSnackBar(
|
|
const SnackBar(content: Text('Criança adicionada')),
|
|
);
|
|
|
|
if (mounted) {
|
|
setState(() => _addingChild = false);
|
|
}
|
|
|
|
if (!mounted) return;
|
|
if (!mounted) return;
|
|
final addMore = await showDialog<bool>(
|
|
// ignore: use_build_context_synchronously
|
|
context: context,
|
|
builder: (ctx) {
|
|
return AlertDialog(
|
|
title: const Text('Adicionar outra criança?'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(ctx).pop(false),
|
|
child: const Text('Agora não'),
|
|
),
|
|
FilledButton(
|
|
onPressed: () => Navigator.of(ctx).pop(true),
|
|
child: const Text('Adicionar outra'),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
|
|
if (!mounted) return;
|
|
if (addMore == true) {
|
|
await Future<void>.delayed(const Duration(milliseconds: 120));
|
|
if (!mounted) return;
|
|
if (!mounted) return;
|
|
if (!mounted) return;
|
|
// ignore: use_build_context_synchronously
|
|
await _addAnotherChild(context, uid);
|
|
}
|
|
} on TimeoutException {
|
|
if (!mounted) return;
|
|
messenger.showSnackBar(
|
|
const SnackBar(
|
|
content: Text('Tempo esgotado ao adicionar. Tente novamente.'),
|
|
),
|
|
);
|
|
} catch (e) {
|
|
if (!mounted) return;
|
|
messenger.showSnackBar(SnackBar(content: Text('Erro ao adicionar: $e')));
|
|
} finally {
|
|
if (mounted) setState(() => _addingChild = false);
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final user = FirebaseAuth.instance.currentUser;
|
|
final uid = (user?.uid ?? '').trim();
|
|
final name = (user?.displayName ?? '').trim();
|
|
final email = (user?.email ?? '').trim();
|
|
final shownName = name.isNotEmpty ? name : 'Sem nome';
|
|
|
|
if (uid.isEmpty) {
|
|
return const SizedBox.shrink();
|
|
}
|
|
|
|
return StreamBuilder<DocumentSnapshot<Map<String, dynamic>>>(
|
|
stream: FirebaseFirestore.instance
|
|
.collection('users')
|
|
.doc(uid)
|
|
.snapshots(),
|
|
builder: (context, userSnapshot) {
|
|
final data = userSnapshot.data?.data();
|
|
final storedName = (data?['name'] ?? '').toString().trim();
|
|
final profileName = storedName.isNotEmpty ? storedName : shownName;
|
|
final photoUrl = (data?['photoUrl'] ?? '').toString().trim();
|
|
final storedEmail = (data?['email'] ?? '').toString().trim();
|
|
final profileEmail = storedEmail.isNotEmpty ? storedEmail : email;
|
|
|
|
return StreamBuilder<QuerySnapshot<Map<String, dynamic>>>(
|
|
stream: FirebaseFirestore.instance
|
|
.collection('users')
|
|
.doc(uid)
|
|
.collection('children')
|
|
.orderBy('createdAt', descending: false)
|
|
.snapshots(),
|
|
builder: (context, childSnapshot) {
|
|
final docs = childSnapshot.data?.docs ?? const [];
|
|
final children = docs.map((d) => d.data()).toList();
|
|
final int selectedIndex = children.isEmpty
|
|
? 0
|
|
: widget.selectedChildIndex.clamp(
|
|
0,
|
|
(children.length - 1).clamp(0, 999999),
|
|
);
|
|
|
|
return Align(
|
|
alignment: Alignment.topCenter,
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(top: 10),
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(maxWidth: 560),
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Material(
|
|
elevation: 10,
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(20),
|
|
shadowColor: Colors.black.withValues(alpha: 0.16),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(18),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
InkWell(
|
|
borderRadius: BorderRadius.circular(40),
|
|
onTap: _updatingPhoto
|
|
? null
|
|
: () => _pickAndUploadProfilePhoto(
|
|
context,
|
|
uid,
|
|
),
|
|
child: Stack(
|
|
clipBehavior: Clip.none,
|
|
children: [
|
|
Container(
|
|
width: 76,
|
|
height: 76,
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFFFE6F1),
|
|
shape: BoxShape.circle,
|
|
border: Border.all(
|
|
color: const Color(
|
|
0xFF2F9E94,
|
|
).withValues(alpha: 0.35),
|
|
width: 2,
|
|
),
|
|
),
|
|
clipBehavior: Clip.antiAlias,
|
|
child: Stack(
|
|
fit: StackFit.expand,
|
|
children: [
|
|
if (photoUrl.isNotEmpty)
|
|
Image.network(
|
|
photoUrl,
|
|
fit: BoxFit.cover,
|
|
)
|
|
else
|
|
const Icon(
|
|
Icons.person_rounded,
|
|
size: 42,
|
|
color: Color(0xFF2F9E94),
|
|
),
|
|
if (_updatingPhoto)
|
|
Container(
|
|
color: Colors.black.withValues(
|
|
alpha: 0.25,
|
|
),
|
|
child: const Center(
|
|
child: SizedBox(
|
|
width: 22,
|
|
height: 22,
|
|
child:
|
|
CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Positioned(
|
|
right: -2,
|
|
bottom: -2,
|
|
child: Container(
|
|
width: 26,
|
|
height: 26,
|
|
decoration: const BoxDecoration(
|
|
color: Color(0xFFFF55A7),
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: const Icon(
|
|
Icons.camera_alt_rounded,
|
|
size: 14,
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(width: 14),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
profileName,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.w900,
|
|
color: Color(0xFFFF55A7),
|
|
),
|
|
),
|
|
if (profileEmail.isNotEmpty) ...[
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
profileEmail,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
fontSize: 13,
|
|
fontWeight: FontWeight.w600,
|
|
color: Colors.black.withValues(
|
|
alpha: 0.55,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 22),
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 4, bottom: 10),
|
|
child: Row(
|
|
children: [
|
|
const Text(
|
|
'Meus filhos',
|
|
style: TextStyle(
|
|
color: Color(0xFF2F9E94),
|
|
fontWeight: FontWeight.w900,
|
|
fontSize: 15,
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 8,
|
|
vertical: 2,
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: const Color(
|
|
0xFF2F9E94,
|
|
).withValues(alpha: 0.10),
|
|
borderRadius: BorderRadius.circular(999),
|
|
),
|
|
child: Text(
|
|
'${children.length}',
|
|
style: const TextStyle(
|
|
color: Color(0xFF2F9E94),
|
|
fontWeight: FontWeight.w900,
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (children.isEmpty)
|
|
Container(
|
|
padding: const EdgeInsets.all(18),
|
|
margin: const EdgeInsets.only(bottom: 12),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(16),
|
|
border: Border.all(
|
|
color: Colors.black.withValues(alpha: 0.08),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 40,
|
|
height: 40,
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFFFE6F1),
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: const Icon(
|
|
Icons.child_care_rounded,
|
|
color: Color(0xFFFF55A7),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Text(
|
|
'Nenhuma criança adicionada ainda.',
|
|
style: TextStyle(
|
|
color: Colors.black.withValues(
|
|
alpha: 0.62,
|
|
),
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
)
|
|
else
|
|
...children.asMap().entries.map((entry) {
|
|
final i = entry.key;
|
|
final c = entry.value;
|
|
final childId =
|
|
(c['id'] ?? '').toString().trim().isEmpty
|
|
? docs[i].id
|
|
: (c['id'] ?? '').toString().trim();
|
|
final childName = (c['name'] ?? '')
|
|
.toString()
|
|
.trim();
|
|
final childAge = c['age'];
|
|
final childGender = (c['gender'] ?? '')
|
|
.toString()
|
|
.trim();
|
|
final scopeId = '${uid}_$childId';
|
|
|
|
final title = childName.isNotEmpty
|
|
? childName
|
|
: 'Criança ${i + 1}';
|
|
final subtitle = [
|
|
if (childAge != null) 'Idade: $childAge',
|
|
if (childGender.isNotEmpty)
|
|
'Gênero: $childGender',
|
|
].join(' • ');
|
|
final bool selected = i == selectedIndex;
|
|
|
|
return Padding(
|
|
padding: const EdgeInsets.only(bottom: 12),
|
|
child: InkWell(
|
|
borderRadius: BorderRadius.circular(16),
|
|
onTap: () => widget.onChildSelected(
|
|
i,
|
|
childName.isEmpty ? null : childName,
|
|
scopeId,
|
|
),
|
|
child: Container(
|
|
padding: const EdgeInsets.all(14),
|
|
decoration: BoxDecoration(
|
|
color: selected
|
|
? const Color(0xFFFFE6F1)
|
|
: Colors.white,
|
|
borderRadius: BorderRadius.circular(16),
|
|
border: Border.all(
|
|
color: selected
|
|
? const Color(
|
|
0xFF2F9E94,
|
|
).withValues(alpha: 0.45)
|
|
: Colors.black.withValues(
|
|
alpha: 0.10,
|
|
),
|
|
width: selected ? 1.6 : 1,
|
|
),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withValues(
|
|
alpha: 0.06,
|
|
),
|
|
blurRadius: 14,
|
|
offset: const Offset(0, 8),
|
|
),
|
|
],
|
|
),
|
|
child: Row(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: [
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w900,
|
|
),
|
|
),
|
|
if (subtitle.isNotEmpty) ...[
|
|
const SizedBox(height: 4),
|
|
Text(subtitle),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(width: 10),
|
|
FutureBuilder<(int?, int?)>(
|
|
future: _loadScoreForScope(scopeId),
|
|
builder: (context, snap) {
|
|
final tuple = snap.data;
|
|
final s = tuple?.$1;
|
|
final m = tuple?.$2;
|
|
final text =
|
|
(s == null || m == null || m <= 0)
|
|
? '--'
|
|
: '${(((s / m) * 100).round()).clamp(0, 100)}%';
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 10,
|
|
vertical: 8,
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: const Color(
|
|
0xFF2F9E94,
|
|
).withValues(alpha: 0.10),
|
|
borderRadius:
|
|
BorderRadius.circular(999),
|
|
),
|
|
child: Text(
|
|
text,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.w900,
|
|
color: Color(0xFF2F9E94),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
SizedBox(
|
|
height: 48,
|
|
child: FilledButton.icon(
|
|
style: FilledButton.styleFrom(
|
|
backgroundColor: const Color(0xFF2F9E94),
|
|
foregroundColor: Colors.white,
|
|
shape: const StadiumBorder(),
|
|
textStyle: const TextStyle(
|
|
fontWeight: FontWeight.w800,
|
|
),
|
|
),
|
|
onPressed: _addingChild
|
|
? null
|
|
: () => _addAnotherChild(context, uid),
|
|
icon: const Icon(Icons.add_rounded),
|
|
label: const Text('Adicionar criança'),
|
|
),
|
|
),
|
|
const SizedBox(height: 22),
|
|
SizedBox(
|
|
height: 46,
|
|
child: OutlinedButton.icon(
|
|
style: OutlinedButton.styleFrom(
|
|
foregroundColor: const Color(0xFFFF55A7),
|
|
side: const BorderSide(
|
|
color: Color(0xFFFF55A7),
|
|
width: 1.4,
|
|
),
|
|
shape: const StadiumBorder(),
|
|
textStyle: const TextStyle(
|
|
fontWeight: FontWeight.w800,
|
|
),
|
|
),
|
|
onPressed: () async {
|
|
await FirebaseAuth.instance.signOut();
|
|
},
|
|
icon: const Icon(Icons.logout_rounded),
|
|
label: const Text('Sair'),
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
class _AddChildDialog extends StatefulWidget {
|
|
const _AddChildDialog();
|
|
|
|
@override
|
|
State<_AddChildDialog> createState() => _AddChildDialogState();
|
|
}
|
|
|
|
class _AddChildDialogState extends State<_AddChildDialog> {
|
|
final _formKey = GlobalKey<FormState>();
|
|
final _nameController = TextEditingController();
|
|
final _ageController = TextEditingController();
|
|
String? _gender;
|
|
|
|
@override
|
|
void dispose() {
|
|
_nameController.dispose();
|
|
_ageController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AlertDialog(
|
|
title: const Text('Adicionar outra criança'),
|
|
content: SingleChildScrollView(
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(maxWidth: 420),
|
|
child: Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
TextFormField(
|
|
controller: _nameController,
|
|
textInputAction: TextInputAction.next,
|
|
decoration: const InputDecoration(
|
|
labelText: 'Nome da criança',
|
|
),
|
|
validator: (v) {
|
|
final value = (v ?? '').trim();
|
|
if (value.isEmpty) return 'Informe o nome';
|
|
if (value.length < 2) return 'Nome muito curto';
|
|
return null;
|
|
},
|
|
),
|
|
TextFormField(
|
|
controller: _ageController,
|
|
keyboardType: TextInputType.number,
|
|
textInputAction: TextInputAction.next,
|
|
decoration: const InputDecoration(labelText: 'Idade'),
|
|
validator: (v) {
|
|
final raw = (v ?? '').trim();
|
|
if (raw.isEmpty) return 'Informe a idade';
|
|
final age = int.tryParse(raw);
|
|
if (age == null) return 'Idade inválida';
|
|
if (age < 0 || age > 25) return 'Idade inválida';
|
|
return null;
|
|
},
|
|
),
|
|
DropdownButtonFormField<String>(
|
|
initialValue: _gender,
|
|
items: const [
|
|
DropdownMenuItem(
|
|
value: 'Masculino',
|
|
child: Text('Masculino'),
|
|
),
|
|
DropdownMenuItem(
|
|
value: 'Feminino',
|
|
child: Text('Feminino'),
|
|
),
|
|
DropdownMenuItem(value: 'Outro', child: Text('Outro')),
|
|
],
|
|
onChanged: (v) => setState(() => _gender = v),
|
|
decoration: const InputDecoration(labelText: 'Gênero'),
|
|
validator: (v) {
|
|
if (v == null || v.trim().isEmpty) {
|
|
return 'Selecione o gênero';
|
|
}
|
|
return null;
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(null),
|
|
child: const Text('Cancelar'),
|
|
),
|
|
FilledButton(
|
|
onPressed: () {
|
|
if (!(_formKey.currentState?.validate() ?? false)) return;
|
|
Navigator.of(context).pop({
|
|
'name': _nameController.text.trim(),
|
|
'age': int.parse(_ageController.text.trim()),
|
|
'gender': (_gender ?? '').trim(),
|
|
});
|
|
},
|
|
child: const Text('Adicionar'),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class _AddChildSheet extends StatefulWidget {
|
|
const _AddChildSheet();
|
|
|
|
@override
|
|
State<_AddChildSheet> createState() => _AddChildSheetState();
|
|
}
|
|
|
|
class _AddChildSheetState extends State<_AddChildSheet> {
|
|
final _formKey = GlobalKey<FormState>();
|
|
final _nameController = TextEditingController();
|
|
final _ageController = TextEditingController();
|
|
String? _gender;
|
|
|
|
@override
|
|
void dispose() {
|
|
_nameController.dispose();
|
|
_ageController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void _submit() {
|
|
if (!(_formKey.currentState?.validate() ?? false)) return;
|
|
Navigator.of(context).pop({
|
|
'name': _nameController.text.trim(),
|
|
'age': int.parse(_ageController.text.trim()),
|
|
'gender': (_gender ?? '').trim(),
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final bottomInset = MediaQuery.viewInsetsOf(context).bottom;
|
|
return SafeArea(
|
|
child: Padding(
|
|
padding: EdgeInsets.fromLTRB(18, 6, 18, 18 + bottomInset),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
const Text(
|
|
'Adicionar outra criança',
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.w900,
|
|
color: Color(0xFFFF55A7),
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
Container(
|
|
padding: const EdgeInsets.all(14),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white.withValues(alpha: 0.82),
|
|
borderRadius: BorderRadius.circular(16),
|
|
border: Border.all(color: Colors.black.withValues(alpha: 0.08)),
|
|
),
|
|
child: Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
TextFormField(
|
|
controller: _nameController,
|
|
textInputAction: TextInputAction.next,
|
|
decoration: const InputDecoration(
|
|
labelText: 'Nome da criança',
|
|
),
|
|
validator: (v) {
|
|
final value = (v ?? '').trim();
|
|
if (value.isEmpty) return 'Informe o nome';
|
|
if (value.length < 2) return 'Nome muito curto';
|
|
return null;
|
|
},
|
|
),
|
|
TextFormField(
|
|
controller: _ageController,
|
|
keyboardType: TextInputType.number,
|
|
textInputAction: TextInputAction.next,
|
|
decoration: const InputDecoration(labelText: 'Idade'),
|
|
validator: (v) {
|
|
final raw = (v ?? '').trim();
|
|
if (raw.isEmpty) return 'Informe a idade';
|
|
final age = int.tryParse(raw);
|
|
if (age == null) return 'Idade inválida';
|
|
if (age < 0 || age > 25) return 'Idade inválida';
|
|
return null;
|
|
},
|
|
),
|
|
DropdownButtonFormField<String>(
|
|
initialValue: _gender,
|
|
items: const [
|
|
DropdownMenuItem(
|
|
value: 'Masculino',
|
|
child: Text('Masculino'),
|
|
),
|
|
DropdownMenuItem(
|
|
value: 'Feminino',
|
|
child: Text('Feminino'),
|
|
),
|
|
DropdownMenuItem(value: 'Outro', child: Text('Outro')),
|
|
],
|
|
onChanged: (v) => setState(() => _gender = v),
|
|
decoration: const InputDecoration(labelText: 'Gênero'),
|
|
validator: (v) {
|
|
if (v == null || v.trim().isEmpty) {
|
|
return 'Selecione o gênero';
|
|
}
|
|
return null;
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 14),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: SizedBox(
|
|
height: 44,
|
|
child: TextButton(
|
|
onPressed: () => Navigator.of(context).pop(null),
|
|
child: const Text('Cancelar'),
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 10),
|
|
Expanded(
|
|
child: SizedBox(
|
|
height: 44,
|
|
child: FilledButton(
|
|
style: FilledButton.styleFrom(
|
|
backgroundColor: const Color(0xFF2F9E94),
|
|
foregroundColor: Colors.white,
|
|
shape: const StadiumBorder(),
|
|
textStyle: const TextStyle(fontWeight: FontWeight.w900),
|
|
),
|
|
onPressed: _submit,
|
|
child: const Text('Adicionar'),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|