import 'package:SEFER/constant/colors.dart';
import 'package:SEFER/constant/style.dart';
import 'package:SEFER/controller/notification/ride_available_controller.dart';
import 'package:SEFER/views/widgets/my_scafold.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

class AvailableRidesPage extends StatelessWidget {
  const AvailableRidesPage({super.key});

  @override
  Widget build(BuildContext context) {
    Get.put(RideAvailableController());
    return GetBuilder<RideAvailableController>(
        builder: (rideAvailableController) {
      return MyScafolld(
          title: 'Available for rides'.tr,
          body: [
            rideAvailableController.rideAvalibleMap['message'].length < 1
                ? ListView.builder(
                    itemCount: rideAvailableController
                        .rideAvalibleMap['message'].length,
                    itemBuilder: (BuildContext context, int index) {
                      var list = rideAvailableController
                          .rideAvalibleMap['message'][index];
                      return Container(
                        decoration: AppStyle.boxDecoration1,
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.spaceAround,
                          children: [
                            Text(
                              'Price: ${list['start_location']}',
                              style: AppStyle.title,
                            ),
                            Text(
                              'Price: ${list['end_location']}',
                              style: AppStyle.title,
                            ),
                            const SizedBox(height: 4),
                            Row(
                              mainAxisAlignment: MainAxisAlignment.spaceAround,
                              children: [
                                Text('${'Price:'.tr}${list['price']} \$'),
                                const SizedBox(height: 4),
                                Text(
                                  '${list['carType']}',
                                  style: AppStyle.title
                                      .copyWith(color: AppColor.greenColor),
                                ),
                              ],
                            ),
                            Row(
                              mainAxisAlignment: MainAxisAlignment.spaceAround,
                              children: [
                                Text('📈 ${list['passengerRate']}',
                                    style: AppStyle.title),
                                const SizedBox(height: 4),
                                Text(
                                  '📍 ${list['distance']}${'KM'.tr}',
                                  style: AppStyle.title
                                      .copyWith(color: AppColor.greenColor),
                                ),
                              ],
                            )
                          ],
                        ),
                      );
                    })
                : Center(
                    child: Text('text'),
                  )
          ],
          isleading: true);
    });
  }
}