You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
3.3 KiB
Dart
121 lines
3.3 KiB
Dart
import 'package:car_customer_app/views/dashboard/fragments/providers_fragment.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:mc_common_app/extensions/int_extensions.dart';
|
|
import 'package:mc_common_app/extensions/string_extensions.dart';
|
|
import 'package:mc_common_app/theme/colors.dart';
|
|
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
|
|
|
class BookProviderAppView extends StatelessWidget {
|
|
const BookProviderAppView({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Material(
|
|
child: Container(
|
|
color: MyColors.backgroundColor,
|
|
width: double.infinity,
|
|
height: double.infinity,
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
children: [
|
|
80.height,
|
|
ProviderDetailsCard(),
|
|
12.height,
|
|
ServicesSelectionSection(),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class ServicesSelectionSection extends StatelessWidget {
|
|
const ServicesSelectionSection({Key? key}) : super(key: key);
|
|
|
|
Widget buildDropDownContainer({required Widget child}) {
|
|
return Container(
|
|
height: 48,
|
|
decoration: BoxDecoration(
|
|
border: Border.all(
|
|
width: 3,
|
|
color: MyColors.primaryColor,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
padding: const EdgeInsets.only(
|
|
bottom: 10,
|
|
left: 21,
|
|
right: 21,
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
"Select services you want".toText(fontSize: 18, isBold: true),
|
|
8.height,
|
|
buildDropDownContainer(child: SizedBox()),
|
|
8.height,
|
|
buildDropDownContainer(child: SizedBox()),
|
|
|
|
8.height,
|
|
buildDropDownContainer(child: SizedBox()),
|
|
|
|
22.height,
|
|
"Select Date and Time".toText(fontSize: 18, isBold: true),
|
|
8.height,
|
|
buildDropDownContainer(child: SizedBox()),
|
|
|
|
22.height,
|
|
"Available slots".toText(fontSize: 15, isBold: true),
|
|
8.height,
|
|
BuildTimeSlots()
|
|
|
|
],
|
|
).toWhiteContainer(width: double.infinity, allPading: 12),
|
|
);
|
|
}
|
|
}
|
|
|
|
class BuildTimeSlots extends StatelessWidget {
|
|
const BuildTimeSlots({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SizedBox(
|
|
height: 37,
|
|
width: double.infinity,
|
|
child: ListView.builder(
|
|
itemCount: 20,
|
|
scrollDirection: Axis.horizontal,
|
|
itemBuilder: (BuildContext context, int index) {
|
|
return InkWell(
|
|
onTap: () {},
|
|
child: Container(
|
|
alignment: Alignment.center,
|
|
margin: EdgeInsets.only(right: 8),
|
|
width: 50,
|
|
decoration: BoxDecoration(
|
|
color: index < 1 ? MyColors.darkIconColor : null,
|
|
border: Border.all(
|
|
color: index < 1 ? MyColors.darkIconColor : MyColors.primaryColor,
|
|
width: 2,
|
|
),
|
|
),
|
|
child: "09:00".toText(
|
|
fontSize: 12,
|
|
color: index < 1 ? MyColors.white : null,
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
);
|
|
}
|
|
}
|
|
|