check_in_screen.dart

Go to the documentation of this file.

import 'package:flutter_svg/svg.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:go_router/go_router.dart';
import 'package:shimmer/shimmer.dart';
 
import '../../../../../core/common/models/check_in_status_model.dart';
import '../../../../../core/constants/assets.dart';
import '../../../../../core/router/routes.dart';
import '../../../../../core/services/check_in_service.dart';
import '../../../../../core/ui/theme/color_palette.dart';
import '../../../../../core/ui/widgets/custom_slider.dart';
import '../../../../../core/ui/widgets/custom_scaffold.dart';
import '../../bloc/authentication_bloc/authentication_bloc.dart';
import '../../../../../features/home/presentation/bloc/home_bloc.dart';
import '../../../../../features/home/domain/entities/res/res_schedule_status_entity.dart';
 
class CheckInScreen extends StatefulWidget {
  const CheckInScreen({super.key});
 
  @override
  State<CheckInScreen> createState() => _CheckInScreenState();
}
 
class _CheckInScreenState extends State<CheckInScreen> {
  CheckInStatusModel? assignedVehicle;
  bool isLoading = true;
  String? errorMessage;
  bool isCheckingIn = false;
  final CheckInService _checkInService = CheckInService();
 
  @override
  void initState() {
    super.initState();
    final authState = context.read<AuthenticationBloc>().state;
    if (authState is AuthenticationInitialState) {
      context.read<AuthenticationBloc>().add(LoadSessionEvent());
    } else if (authState is AuthenticatedState) {
      _loadAssignedVehicle(authState);
    }
  }
 
  Future<void> _loadAssignedVehicle(AuthenticatedState authState) async {
    setState(() {
      isLoading = true;
      errorMessage = null;
    });
 
    try {
      final checkInStatus = await _checkInService.getCheckInStatus(
        userId: authState.session.uid ?? 0,
      );
      
      setState(() {
        assignedVehicle = checkInStatus;
        isLoading = false;
      });
    } catch (e) {
      setState(() {
        errorMessage = "Failed to load assigned vehicle: ${e.toString()}";
        isLoading = false;
      });
    }
  }
 
  @override
  Widget build(BuildContext context) {
    return MultiBlocListener(
      listeners: [
        BlocListener<AuthenticationBloc, AuthenticationState>(
          listenWhen: (previous, current) => current is AuthenticatedState || current is AuthenticationFailureState || current is AuthenticationInitialState,
          listener: (context, state) {
            if (state is AuthenticatedState) {
              _loadAssignedVehicle(state);
            }
          },
        ),
        BlocListener<HomeBloc, HomeState>(
          listener: (context, state) {
            if (state is ScheduleStatusLoaded) {
              if (state.status == ScheduleStatus.empty) {
                context.go(Routes.startLocationChooserScreen.route);
              } else if (state.status == ScheduleStatus.validated) {
                context.go(Routes.homeScreen.route);
              } else if (state.status == ScheduleStatus.draft) {
                context.go(Routes.scheduleConfirmationScreen.route);
              }
            } else if (state is ScheduleStatusError) {
              context.go(Routes.homeScreen.route);
            }
          },
        ),
      ],
      child: CustomScaffold(
        backgroundColor: ColorPalette.antiFlashWhite,
        body: SingleChildScrollView(
          child: Padding(
            padding: const EdgeInsets.symmetric(horizontal: 24.0),
            child: Column(
              children: [
                const SizedBox(height: 48),
                // Logo
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    SvgPicture.asset(
                      Assets.aidraLogo,
                      width: 32,
                      height: 32,
                    ),
                  ],
                ),
                const SizedBox(height: 40),
                // Vehicle Display
                _buildVehicleDisplay(),
                const SizedBox(height: 24),
                // Map Container
                SvgPicture.asset(Assets.environmentalEarth, width: 190),
                const SizedBox(height: 24),
                // Thank you text
                RichText(
                  textAlign: TextAlign.center,
                  text: TextSpan(
                    style: TextStyle(
                      fontSize: 16,
                      height: 1.5,
                      color: Colors.grey[600],
                    ),
                    children: const [
                      TextSpan(
                        text: 'Thanks for your daily environmental impact',
                      ),
                      TextSpan(
                        text: ' 🙏\n',
                      ),
                      TextSpan(
                        text: "let's check in and start our day",
                      ),
                    ],
                  ),
                ),
                const SizedBox(height: 50),
                if (isCheckingIn) ...[
                  Container(
                    padding: const EdgeInsets.symmetric(vertical: 20),
                    child: Column(
                      children: [
                        CircularProgressIndicator(
                          valueColor: AlwaysStoppedAnimation<Color>(ColorPalette.lightGreen),
                        ),
                        const SizedBox(height: 16),
                        Text(
                          'Checking in...',
                          style: TextStyle(
                            fontSize: 16,
                            fontWeight: FontWeight.w500,
                            color: Colors.grey[600],
                          ),
                        ),
                        const SizedBox(height: 4),
                        Text(
                          'Please wait while we verify your location',
                          style: TextStyle(
                            fontSize: 14,
                            color: Colors.grey[500],
                          ),
                        ),
                      ],
                    ),
                  ),
                ] else ...[
                  CustomSlider(
                    action: (p0) => _performCheckIn(),
                    text: "> > CHECK IN",
                  ),
                ],
                const SizedBox(height: 32),
              ],
            ),
          ),
        ),
      ),
    );
  }
 
  Widget _buildVehicleDisplay() {
    if (isLoading) {
      return _buildLoadingDisplay();
    } else if (errorMessage != null) {
      return _buildErrorDisplay(errorMessage!);
    } else if (assignedVehicle != null) {
      return _buildAssignedVehicleDisplay(assignedVehicle!);
    } else {
      return _buildNoVehicleDisplay();
    }
  }
 
  Widget _buildAssignedVehicleDisplay(CheckInStatusModel vehicle) {
    return Container(
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(16),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 20),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Icon(Icons.directions_car, color: ColorPalette.lightGreen),
              const SizedBox(width: 12),
              Text(
                'Your Assigned Vehicle',
                style: TextStyle(
                  color: Colors.grey[600],
                  fontSize: 14,
                  fontWeight: FontWeight.w500,
                ),
              ),
            ],
          ),
          const SizedBox(height: 12),
          Row(
            children: [
              Expanded(
                child: Text(
                  vehicle.immatriculation,
                  style: const TextStyle(
                    fontSize: 18,
                    fontWeight: FontWeight.w600,
                    color: Color(0xFF1A1A1A),
                  ),
                ),
              ),
              Container(
                padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
                decoration: BoxDecoration(
                  color: ColorPalette.lightGreen.withValues(alpha: 0.1),
                  borderRadius: BorderRadius.circular(12),
                ),
                child: Text(
                  'ID: ${vehicle.vehicleId}',
                  style: TextStyle(
                    fontSize: 12,
                    fontWeight: FontWeight.w500,
                    color: ColorPalette.lightGreen,
                  ),
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }
 
  void _performCheckIn() async {
    if (isCheckingIn) return;
    
    final authState = context.read<AuthenticationBloc>().state;
    if (authState is! AuthenticatedState) {
      _showError('Authentication required');
      return;
    }
 
    setState(() {
      isCheckingIn = true;
      errorMessage = null;
    });
 
    try {
      final success = await _checkInService.saveCheckInStatus(
        vehicleId: assignedVehicle!.vehicleId,
        immatriculation: assignedVehicle!.immatriculation,
        driverId: authState.session.uid ?? 0,
      );
 
      if (success) {
        if (mounted) {
          // Check schedule status after successful check-in
          final now = DateTime.now();
          final dateString = '${now.day.toString().padLeft(2, '0')}/${now.month.toString().padLeft(2, '0')}/${now.year}';
          context.read<HomeBloc>().add(LoadScheduleStatusEvent(
            driverId: authState.session.uid ?? 0,
            date: dateString,
          ));
        }
      } else {
        _showError('Failed to check in. Please ensure location services are enabled and try again.');
      }
    } catch (e) {
      _showError('Check-in failed: ${e.toString()}');
    } finally {
      if (mounted) {
        setState(() {
          isCheckingIn = false;
        });
      }
    }
  }
 
  void _showError(String message) {
    setState(() {
      errorMessage = message;
    });
 
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        content: Text(message),
        backgroundColor: Colors.red,
        duration: const Duration(seconds: 3),
      ),
    );
  }
 
  Widget _buildLoadingDisplay() {
    return Shimmer.fromColors(
      baseColor: Colors.grey[300]!,
      highlightColor: Colors.grey[100]!,
      child: Container(
        height: 80,
        decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.circular(16),
        ),
      ),
    );
  }
 
  Widget _buildErrorDisplay(String errorMessage) {
    return Container(
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(16),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
              children: [
                const Icon(Icons.error_outline, color: Colors.red, size: 18),
                const SizedBox(width: 8),
                Expanded(
                  child: Text(
                    'Error loading assigned vehicle',
                    style: const TextStyle(
                      color: Colors.red,
                      fontWeight: FontWeight.w500,
                    ),
                    overflow: TextOverflow.ellipsis,
                  ),
                ),
              ],
            ),
            if (errorMessage.isNotEmpty) ...[
              const SizedBox(height: 4),
              Text(
                errorMessage,
                style: TextStyle(
                  color: Colors.grey[600],
                  fontSize: 14,
                ),
                maxLines: 2,
                overflow: TextOverflow.ellipsis,
              ),
            ],
            const SizedBox(height: 8),
            Align(
              alignment: Alignment.centerRight,
              child: TextButton(
                onPressed: () {
                  final authState = context.read<AuthenticationBloc>().state;
                  if (authState is AuthenticatedState) {
                    _loadAssignedVehicle(authState);
                  }
                },
                style: TextButton.styleFrom(
                  padding:
                      const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
                  minimumSize: Size.zero,
                ),
                child: const Text('Retry'),
              ),
            ),
          ],
        ),
      ),
    );
  }
 
  Widget _buildNoVehicleDisplay() {
    return Container(
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(16),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 20),
        child: Row(
          children: [
            Icon(Icons.car_rental, color: Colors.grey[400]),
            const SizedBox(width: 8),
            Expanded(
              child: Text(
                'No vehicle assigned to you',
                style: TextStyle(
                  color: Colors.grey[400],
                  fontSize: 16,
                  fontWeight: FontWeight.w400,
                ),
                overflow: TextOverflow.ellipsis,
              ),
            ),
          ],
        ),
      ),
    );
  }
}