import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:sk_base_mobile/constants/bg_color.dart';
import 'package:sk_base_mobile/screens/new_task/components/periority_container.dart';
import 'package:sk_base_mobile/screens/new_task/components/text_input.dart';
import 'package:sk_base_mobile/screens/new_task/new_task_controller.dart';

class LabelInput extends StatelessWidget {
  LabelInput({super.key});
  final controller = Get.put(NewTaskController());
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 20),
      child: Row(
        children: [
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                const Text(
                  'Lable',
                  style: TextStyle(
                      color: Colors.black, fontWeight: FontWeight.bold),
                ),
                const SizedBox(
                  height: defaultPadding / 2,
                ),
                Obx(
                  () => TextInputField(
                      controller: controller.label.value,
                      hint: 'Enter Label',
                      onTap: () => controller.setLabelFocus(),
                      focus: controller.labelFocus.value),
                ),
              ],
            ),
          ),
          const SizedBox(
            width: defaultPadding,
          ),
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                'Periority',
                style:
                    TextStyle(color: Colors.black, fontWeight: FontWeight.bold),
              ),
              const SizedBox(
                height: defaultPadding / 2,
              ),
              Row(
                children: [
                  Obx(
                    () => InkWell(
                        onTap: () => controller.lowPeriority.value = true,
                        child: PeriorityContainer(
                            text: 'Low',
                            selected: controller.lowPeriority.value)),
                  ),
                  const SizedBox(
                    width: defaultPadding / 2,
                  ),
                  Obx(
                    () => InkWell(
                        onTap: () => controller.lowPeriority.value = false,
                        child: PeriorityContainer(
                            text: 'High',
                            selected: !controller.lowPeriority.value)),
                  )
                ],
              )
            ],
          ),
        ],
      ),
    );
  }
}