import 'package:flutter/material.dart';
import 'package:test_sa/controllers/localization/localization.dart';
import 'package:test_sa/extensions/context_extension.dart';
import 'package:test_sa/models/hospital.dart';
import 'package:test_sa/models/subtitle.dart';
import 'package:test_sa/views/app_style/colors.dart';
import 'package:test_sa/views/app_style/sizing.dart';
import 'package:test_sa/views/widgets/hospitals/single_hospital_picker.dart';

class HospitalButton extends StatelessWidget {
  final Function(Hospital) onHospitalPick;
  final Hospital hospital;

  const HospitalButton({Key key, this.hospital, this.onHospitalPick}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
        style: ElevatedButton.styleFrom(
          elevation: 0,
          foregroundColor: AColors.primaryColor,
          backgroundColor: AColors.inputFieldBackgroundColor,
          padding: EdgeInsets.symmetric(horizontal: 8, vertical: 8),
          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(AppStyle.borderRadius * AppStyle.getScaleFactor(context))),
        ),
        child: Row(
          children: [
            Expanded(
              child: Padding(
                padding: const EdgeInsets.symmetric(horizontal: 8),
                child: Text(
                  hospital?.name ?? context.translation.pickHospital,
                  style: Theme.of(context).textTheme.bodyText1.copyWith(fontSize: 14, color: AColors.grey3A),
                  //   textScaleFactor: AppStyle.getScaleFactor(context),
                  textDirection: TextDirection.rtl,
                  textAlign: TextAlign.left,
                ),
              ),
            ),
            const Icon(Icons.keyboard_arrow_down, size: 28, color: AColors.grey3A),
          ],
        ),
        onPressed: () async {
          Hospital _hospital = await Navigator.of(context).pushNamed(SingleHospitalPicker.id) as Hospital;
          onHospitalPick(_hospital);
        });
  }
}