request_header.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 RequestHeader extends StatelessWidget {
  final DriverRequest request;
 
  const RequestHeader({
    super.key,
    required this.request,
  });
 
  @override
  Widget build(BuildContext context) {
    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: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                request.id,
                style: TextStyle(
                  fontSize: 18.sp,
                  fontWeight: FontWeight.bold,
                  color: ColorPalette.darkGrey,
                ),
              ),
              Container(
                padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 6.h),
                decoration: BoxDecoration(
                  color: ColorPalette.lightGreen.withValues(alpha: 0.1),
                  borderRadius: BorderRadius.circular(12.r),
                  border: Border.all(
                    color: ColorPalette.lightGreen.withValues(alpha: 0.2),
                    width: 1,
                  ),
                ),
                child: Text(
                  '${request.numberOfStations} stations',
                  style: TextStyle(
                    fontSize: 12.sp,
                    fontWeight: FontWeight.w600,
                    color: ColorPalette.lightGreen,
                  ),
                ),
              ),
            ],
          ),
          SizedBox(height: 8.h),
          Text(
            'Driver: ${request.driverName}',
            style: TextStyle(
              fontSize: 14.sp,
              color: ColorPalette.grey,
            ),
          ),
          SizedBox(height: 4.h),
          Text(
            'Created: ${request.creationDate.hour.toString().padLeft(2, '0')}:${request.creationDate.minute.toString().padLeft(2, '0')}',
            style: TextStyle(
              fontSize: 12.sp,
              color: ColorPalette.grey,
            ),
          ),
        ],
      ),
    );
  }
}