88 lines
2.6 KiB
Dart
88 lines
2.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import '../models/card_assets.dart';
|
|
import 'hover_relief_widget.dart';
|
|
|
|
// Widget for the registration choice card (Parent vs AM)
|
|
class ChoiceCardWidget extends StatelessWidget {
|
|
final VoidCallback onParentSelected;
|
|
final VoidCallback onAmSelected;
|
|
final bool isMobile;
|
|
|
|
const ChoiceCardWidget({
|
|
super.key,
|
|
required this.onParentSelected,
|
|
required this.onAmSelected,
|
|
this.isMobile = false,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(vertical: 30, horizontal: 20),
|
|
decoration: BoxDecoration(
|
|
image: DecorationImage(
|
|
image: AssetImage(CardColorVertical.pink.path),
|
|
fit: BoxFit.fill,
|
|
),
|
|
borderRadius: BorderRadius.circular(15),
|
|
),
|
|
child: Column(
|
|
mainAxisAlignment: isMobile ? MainAxisAlignment.center : MainAxisAlignment.spaceEvenly,
|
|
children: [
|
|
_buildChoiceButton(
|
|
iconPath: 'assets/images/icon_parents.png',
|
|
label: 'Parents',
|
|
onPressed: onParentSelected,
|
|
isMobile: isMobile,
|
|
),
|
|
SizedBox(height: isMobile ? 30 : 0),
|
|
_buildChoiceButton(
|
|
iconPath: 'assets/images/icon_assmat.png',
|
|
label: 'Assistante Maternelle',
|
|
onPressed: onAmSelected,
|
|
isMobile: isMobile,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildChoiceButton({
|
|
required String iconPath,
|
|
required String label,
|
|
required VoidCallback onPressed,
|
|
required bool isMobile,
|
|
}) {
|
|
final Color baseRoseColor = Colors.pink.shade300;
|
|
final Color initialShadow = baseRoseColor.withAlpha(90);
|
|
final Color hoverShadow = baseRoseColor.withAlpha(130);
|
|
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
HoverReliefWidget(
|
|
onPressed: onPressed,
|
|
borderRadius: BorderRadius.circular(15.0),
|
|
initialShadowColor: initialShadow,
|
|
hoverShadowColor: hoverShadow,
|
|
child: Padding(
|
|
padding: EdgeInsets.all(isMobile ? 6.0 : 8.0),
|
|
child: Image.asset(iconPath, height: isMobile ? 100 : 140),
|
|
),
|
|
),
|
|
SizedBox(height: isMobile ? 10 : 15),
|
|
Text(
|
|
label,
|
|
style: GoogleFonts.merienda(
|
|
fontSize: isMobile ? 20 : 26,
|
|
fontWeight: FontWeight.w600,
|
|
color: Colors.black.withOpacity(0.85),
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|