route_info_card.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
import '../../../../core/UI/theme/color_palette.dart';
import '../../../models/driver_request.dart';
 
class RouteInfoCard extends StatelessWidget {
  final DriverRequest request;
 
  const RouteInfoCard({
    super.key,
    required this.request,
  });
 
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(bottom: 16.h),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(16.r),
        color: ColorPalette.white,
      ),
      child: Padding(
        padding: EdgeInsets.all(16.sp),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            // Header with route icon
            Row(
              children: [
                Container(
                  padding: EdgeInsets.all(10.sp),
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(12.r),
                  ),
                  child: Icon(
                    Icons.route,
                    size: 18.sp,
                    color: ColorPalette.lightGreen,
                  ),
                ),
                SizedBox(width: 12.w),
                Text(
                  'Route Information',
                  style: TextStyle(
                    fontSize: 16.sp,
                    fontWeight: FontWeight.w700,
                    color: ColorPalette.darkGrey,
                    height: 1.2,
                  ),
                ),
              ],
            ),
            SizedBox(height: 10.h),
            // Start point
            Container(
              padding: EdgeInsets.all(5.sp),
              child: Row(
                children: [
                  Container(
                    padding: EdgeInsets.all(10.sp),
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(12.r),
                      border: Border.all(
                        color: ColorPalette.lightGreen.withValues(alpha: 0.2),
                        width: 1,
                      ),
                    ),
                    child: Icon(
                      Icons.location_on_outlined,
                      size: 18.sp,
                      color: ColorPalette.lightGreen,
                    ),
                  ),
                  SizedBox(width: 8.w),
                  Expanded(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          'From',
                          style: TextStyle(
                            fontSize: 10.sp,
                            color: ColorPalette.grey,
                            fontWeight: FontWeight.w500,
                          ),
                        ),
                        Text(
                          request.startPoint,
                          style: TextStyle(
                            fontSize: 13.sp,
                            color: ColorPalette.darkGrey,
                            fontWeight: FontWeight.w600,
                            height: 1.3,
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
            SizedBox(height: 6.h),
            // End point
            Container(
              padding: EdgeInsets.all(8.sp),
              child: Row(
                children: [
                  Container(
                    padding: EdgeInsets.all(10.sp),
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(12.r),
                      border: Border.all(
                        color: ColorPalette.lightGreen.withValues(alpha: 0.2),
                        width: 1,
                      ),
                    ),
                    child: Icon(
                      Icons.location_on,
                      size: 18.sp,
                      color: ColorPalette.lightGreen,
                    ),
                  ),
                  SizedBox(width: 8.w),
                  Expanded(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          'To',
                          style: TextStyle(
                            fontSize: 10.sp,
                            color: ColorPalette.grey,
                            fontWeight: FontWeight.w500,
                          ),
                        ),
                        Text(
                          request.endPoint,
                          style: TextStyle(
                            fontSize: 13.sp,
                            color: ColorPalette.darkGrey,
                            fontWeight: FontWeight.w600,
                            height: 1.3,
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}