request_details.dart

Go to the documentation of this file.

import 'package:aidra_drive/mocked_screens/models/driver_request.dart';
import 'package:aidra_drive/mocked_screens/presentation/request_details/widgets/action_buttons.dart';
import 'package:aidra_drive/mocked_screens/presentation/request_details/widgets/confirmation_dialogs.dart';
import 'package:aidra_drive/mocked_screens/presentation/request_details/widgets/request_header.dart';
import 'package:aidra_drive/mocked_screens/presentation/request_details/widgets/route_info_card.dart';
import 'package:aidra_drive/mocked_screens/presentation/request_details/widgets/station_card.dart';
import 'package:aidra_drive/mocked_screens/presentation/stations_map_view/stations_map_view.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../../../core/UI/widgets/custom_scaffold.dart';
import '../../../core/UI/theme/color_palette.dart';
 
class RequestDetailsScreen extends StatefulWidget {
  final DriverRequest request;
 
  const RequestDetailsScreen({
    super.key,
    required this.request,
  });
 
  @override
  State<RequestDetailsScreen> createState() => _RequestDetailsScreenState();
}
 
class _RequestDetailsScreenState extends State<RequestDetailsScreen> {
  @override
  Widget build(BuildContext context) {
    return CustomScaffold(
      title: 'Request Details',
      backgroundColor: ColorPalette.antiFlashWhite,
      actions: [
        TextButton.icon(
          icon: Icon(
            Icons.map_outlined,
            color: ColorPalette.grey,
            size: 16.sp,
          ),
          label: Text(
            'View on Map',
            style: TextStyle(
              color: ColorPalette.grey,
              fontSize: 10.sp,
              fontWeight: FontWeight.w600,
            ),
          ),
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (context) => StationsMapViewScreen(
                  stations: widget.request.stations,
                ),
              ),
            );
          },
        ),
      ],
      body: _buildBody(),
    );
  }
 
  Widget _buildBody() {
    return Stack(
      children: [
        SingleChildScrollView(
          padding: EdgeInsets.all(16.sp),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              RequestHeader(request: widget.request),
              SizedBox(height: 10.h),
              RouteInfoCard(request: widget.request),
              _buildStationsList(),
              SizedBox(height: 100.h), // Space for bottom buttons
            ],
          ),
        ),
        // Bottom action buttons
        Positioned(
          bottom: 0,
          left: 0,
          right: 0,
          child: ActionButtons(
            onAccept: _showAcceptDialog,
            onDecline: _showDeclineDialog,
          ),
        ),
      ],
    );
  }
 
  Widget _buildStationsList() {
    return Container(
      padding: EdgeInsets.all(16.sp),
      decoration: BoxDecoration(
        color: ColorPalette.white,
        borderRadius: BorderRadius.circular(12.r),
        boxShadow: [
          BoxShadow(
            color: Colors.grey.withValues(alpha: 0.1),
            blurRadius: 8,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            'Oil Stations (${widget.request.stations.length})',
            style: TextStyle(
              fontSize: 16.sp,
              fontWeight: FontWeight.bold,
              color: ColorPalette.darkGrey,
            ),
          ),
          SizedBox(height: 16.h),
          ...widget.request.stations
              .map((station) => StationCard(station: station)),
        ],
      ),
    );
  }
 
  void _showAcceptDialog() {
    ConfirmationDialogs.showAcceptDialog(context, _handleAcceptRequest);
  }
 
  void _showDeclineDialog() {
    ConfirmationDialogs.showDeclineDialog(context, _handleDeclineRequest);
  }
 
  void _handleAcceptRequest() {
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        content: Row(
          children: [
            Icon(
              Icons.check_circle,
              color: Colors.white,
              size: 20.sp,
            ),
            SizedBox(width: 12.w),
            Text(
              'Request accepted successfully!',
              style: TextStyle(fontSize: 14.sp),
            ),
          ],
        ),
        backgroundColor: ColorPalette.lightGreen,
        duration: const Duration(seconds: 3),
        behavior: SnackBarBehavior.floating,
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(8.r),
        ),
      ),
    );
 
    Future.delayed(const Duration(seconds: 2), () {
      if (!mounted) return;
      Navigator.of(context).pop();
    });
  }
 
  void _handleDeclineRequest() {
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(
        content: Row(
          children: [
            Icon(
              Icons.cancel,
              color: Colors.white,
              size: 20.sp,
            ),
            SizedBox(width: 12.w),
            Text(
              'Request declined',
              style: TextStyle(fontSize: 14.sp),
            ),
          ],
        ),
        backgroundColor: Colors.red,
        duration: const Duration(seconds: 3),
        behavior: SnackBarBehavior.floating,
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(8.r),
        ),
      ),
    );
    Future.delayed(const Duration(seconds: 2), () {
      if (!mounted) return;
      Navigator.of(context).pop();
    });
  }
}