import 'package:sefer_driver/constant/style.dart';
import 'package:sefer_driver/views/widgets/my_scafold.dart';
import 'package:sefer_driver/views/widgets/mydialoug.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

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

  @override
  Widget build(BuildContext context) {
    return MyScafolld(
      title: "How to use SEFER".tr,
      body: [
        SizedBox(
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: ListView(
              children: [
                InkWell(
                  onTap: () {
                    MyDialogContent().getDialog(
                        "What are the order details we provide to you?".tr,
                        Image.network(
                          'https://api.sefer.live/sefer/imageForUsingApp/order_page.jpg',
                          height: 300,
                          width: 300,
                          fit: BoxFit.cover,
                        ),
                        () {});
                  },
                  child: Container(
                    decoration: AppStyle.boxDecoration1,
                    child: Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: Text(
                        "What are the order details we provide to you?".tr,
                        style: AppStyle.title,
                      ),
                    ),
                  ),
                ),
                const SizedBox(
                  height: 20,
                ),
                InkWell(
                  onTap: () {
                    MyDialog().getDialog(
                        "What are the order details we provide to you?".tr,
                        '''Sefer Wallet Features:

Transfer money multiple times.
Transfer to anyone.
Make purchases.
Charge your account.
Charge a friend's Sefer account.
Store your money with us and receive it in your bank as a monthly salary.'''
                            .tr,
                        () {});
                  },
                  child: Container(
                    decoration: AppStyle.boxDecoration1,
                    child: Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: Text(
                        "What is the feature of our wallet?".tr,
                        style: AppStyle.title,
                      ),
                    ),
                  ),
                ),
                const SizedBox(
                  height: 20,
                ),
                InkWell(
                  onTap: () {
                    MyDialog().getDialog(
                        "What are the order details we provide to you?".tr,
                        '''Types of Trips in Sefer:

Comfort: For cars newer than 2017 with air conditioning.
Lady: For girl drivers.
Speed: For fixed salary and endpoints.
Mashwari: For flexible trips where passengers choose the car and driver with prior arrangements.
Raih Gai: For same-day return trips longer than 50km.
'''
                            .tr,
                        () {});
                  },
                  child: Container(
                    decoration: AppStyle.boxDecoration1,
                    child: Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: Text(
                        "What is Types of Trips in Sefer?".tr,
                        style: AppStyle.title,
                      ),
                    ),
                  ),
                ),
              ],
            ),
          ),
        )
      ],
      isleading: true,
    );
  }
}