import 'package:diplomaticquarterapp/config/size_config.dart';
import 'package:diplomaticquarterapp/core/viewModels/project_view_model.dart';
import 'package:diplomaticquarterapp/models/patient_appointment_journey_model.dart';
import 'package:diplomaticquarterapp/models/patient_queue_no_response_model.dart';
import 'package:diplomaticquarterapp/theme/colors.dart';
import 'package:diplomaticquarterapp/uitl/utils_new.dart';
import 'package:diplomaticquarterapp/widgets/others/app_scaffold_widget.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class PatientAppointmentArrivalJourney extends StatelessWidget {
  ProjectViewModel projectViewModel;
  PatientAppointmentJourneyModel patientAppointmentJourneyModel;

  PatientAppointmentArrivalJourney({this.patientAppointmentJourneyModel});

  @override
  Widget build(BuildContext context) {
    projectViewModel = Provider.of(context);
    return AppScaffold(
      appBarTitle: "Appointment Journey",
      isShowAppBar: true,
      isShowDecPage: false,
      showNewAppBarTitle: true,
      showNewAppBar: true,
      backgroundColor: CustomColors.appBackgroudGrey2Color,
      body: Column(
        children: [
          Expanded(
            child: SingleChildScrollView(
              child: Padding(
                padding: const EdgeInsets.all(16.0),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    SizedBox(
                      width: MediaQuery.of(context).size.width,
                      height: 110,
                      child: Container(
                        decoration: cardRadius(12),
                        padding: EdgeInsets.all(16),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Row(
                              children: [
                                Text(
                                  "Approximate waiting time: ",
                                  maxLines: 1,
                                  style: TextStyle(
                                    fontSize: SizeConfig.textMultiplier * 1.5,
                                    // fontWeight: FontWeight.w600,
                                    letterSpacing: -0.3,
                                    height: 13 / 10,
                                  ),
                                ),
                                Text(
                                  "${projectViewModel.getPatientQueueNoModel.data.approxWaitingTimeMin} minutes",
                                  maxLines: 1,
                                  style: TextStyle(fontSize: SizeConfig.textMultiplier * 1.5, fontWeight: FontWeight.bold, letterSpacing: -0.3, height: 13 / 10, color: Color(0xFFFBF2E31)),
                                ),
                              ],
                            ),
                            SizedBox(height: 5),
                            Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Column(
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: [
                                    Text(
                                      "Your Queue Number",
                                      maxLines: 1,
                                      style: TextStyle(
                                        fontSize: SizeConfig.textMultiplier * 1.4,
                                        fontWeight: FontWeight.w600,
                                        letterSpacing: -0.3,
                                        height: 13 / 10,
                                      ),
                                    ),
                                    Text(
                                      projectViewModel.getPatientQueueNoModel.data.queueNo,
                                      maxLines: 1,
                                      style: TextStyle(fontSize: SizeConfig.textMultiplier * 3.0, fontWeight: FontWeight.bold, letterSpacing: -0.3, height: 13 / 10, color: Color(0xFFFBF2E31)),
                                    ),
                                  ],
                                ),
                                Column(
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: [
                                    Text(
                                      "Current Queue Number",
                                      maxLines: 1,
                                      style: TextStyle(
                                        fontSize: SizeConfig.textMultiplier * 1.4,
                                        fontWeight: FontWeight.w600,
                                        letterSpacing: -0.3,
                                        height: 13 / 10,
                                      ),
                                    ),
                                    Text(
                                      projectViewModel.getPatientQueueNoModel.data.queueNoCurServing.isNotEmpty ? projectViewModel.getPatientQueueNoModel.data.queueNoCurServing : "-",
                                      maxLines: 1,
                                      style: TextStyle(
                                        fontSize: SizeConfig.textMultiplier * 3.0,
                                        fontWeight: FontWeight.bold,
                                        letterSpacing: -0.3,
                                        height: 13 / 10,
                                      ),
                                    ),
                                  ],
                                ),
                              ],
                            )
                          ],
                        ),
                      ),
                    ),
                    SizedBox(
                      height: 16,
                    ),
                    Container(
                      width: double.infinity,
                      height: 150,
                      color: Colors.red,
                      child: ListView.builder(
                          shrinkWrap: true,
                          physics: const ScrollPhysics(),
                          itemBuilder: (BuildContext context, int index) {}),
                    ),
                  ],
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}