import 'package:flutter/material.dart';

import '../../../controllers/localization/localization.dart';
import '../../../models/department.dart';
import '../../../models/subtitle.dart';
import '../../app_style/colors.dart';
import '../../app_style/sizing.dart';
import 'single_department_picker.dart';

class DepartmentButton extends StatelessWidget {
  final Function(Department) onDepartmentPick;
  final Department? department;

  const DepartmentButton({Key? key, this.department, required this.onDepartmentPick}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    Subtitle? subtitle = AppLocalization.of(context)?.subtitle;
    return ElevatedButton(
        style: ElevatedButton.styleFrom(
          elevation: 0,
          padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 8),
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(AppStyle.borderRadius * AppStyle.getScaleFactor(context)),
          ),
          foregroundColor: AColors.primaryColor,
          backgroundColor: AColors.inputFieldBackgroundColor,
        ),
        child: Row(
          children: [
            Expanded(
              child: Padding(
                padding: const EdgeInsets.symmetric(horizontal: 8),
                child: Text(
                  department?.name ?? subtitle?.pickUnite ?? "",
                  style: Theme.of(context).textTheme.bodyText1,
                  textScaleFactor: AppStyle.getScaleFactor(context),
                  textDirection: TextDirection.rtl,
                  textAlign: TextAlign.left,
                ),
              ),
            ),
            const Icon(Icons.keyboard_arrow_down, size: 28, color: AColors.grey3A),
          ],
        ),
        onPressed: () async {
          Department department = await Navigator.of(context).pushNamed(SingleDepartmentPicker.id) as Department;
          onDepartmentPick(department);
        });
  }
}