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, ), ), ); }), ); } }