import 'package:flutter/material.dart';
import 'package:rasadyar_core/core.dart';

import 'logic.dart';

class ActionPage extends GetView<ActionLogic> {
  ActionPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: RAppBar(
        title: 'لیست درخواست‌ها',
        hasBack: false,
        centerTitle: true,
      ),
      body: Column(
        children: [
          SizedBox(height: 16),
          _searchWidget(),
          SizedBox(height: 16),
          SizedBox(
            height: 50,
            child: SingleChildScrollView(
              scrollDirection: Axis.horizontal,
              padding: EdgeInsets.symmetric(horizontal: 12),
              child: Row(
                spacing: 12,
                children: [
                  CustomChip(
                    title: 'انتخاب فیلتر',
                    index: 0,
                    isSelected: true,
                    selectedColor: AppColor.blueNormal,
                    onTap: (index) {},
                  ),

                  RFilterChips(
                    title: 'درخواست‌های من',
                    index: 1,
                    isSelected: true,
                    selectedColor: AppColor.yellowNormal,
                    onTap: (index) {},
                  ),

                  RFilterChips(
                    title: 'در انتظار ثبت ',
                    index: 2,
                    selectedColor: AppColor.greenLightActive,
                    isSelected: true,
                    onTap: (index) {},
                  ),

                  RFilterChips(
                    title: 'ارجاع به تعاونی',
                    index: 3,
                    selectedColor: AppColor.blueLightHover,
                    isSelected: true,
                    onTap: (index) {},
                  ),
                ],
              ),
            ),
          ),
          SizedBox(height: 10),
          Expanded(
            child: ListView.separated(
              itemCount: 10,
              physics: BouncingScrollPhysics(),
              padding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
              separatorBuilder: (context, index) => SizedBox(height: 16),
              itemBuilder: (context, index) {
                return Container(
                  width: Get.width,
                  height: 75,
                  decoration: BoxDecoration(
                    color:
                        index < 3
                            ? AppColor.yellowNormal
                            : index < 7
                            ? AppColor.greenLightActive
                            : AppColor.blueLight,
                    borderRadius: BorderRadius.circular(8),
                  ),
                  child: Row(
                    children: [
                      SizedBox(width: 5),
                      Expanded(
                        child: Container(
                          decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: BorderRadius.only(
                              topRight: Radius.circular(8),
                              bottomRight: Radius.circular(8),
                            ),
                          ),
                          child: Row(
                            children: [
                              SizedBox(width: 10),
                              Text(
                                'محمد احمدی',
                                textAlign: TextAlign.center,
                                style: AppFonts.yekan12.copyWith(
                                  color: AppColor.blueNormal,
                                  fontWeight: FontWeight.w600,
                                ),
                              ),
                              SizedBox(width: 20),
                              Expanded(
                                child: Column(
                                  mainAxisAlignment: MainAxisAlignment.center,

                                  children: [
                                    Text(
                                      'پنج شنبه 14 اردیبهشت',
                                      textAlign: TextAlign.center,
                                      style: AppFonts.yekan10.copyWith(
                                        color: AppColor.darkGreyNormal,
                                      ),
                                    ),
                                    Text(
                                      ' همدان - نهاوند - روستای - همدان - نهاوند - روستای ',
                                      textAlign: TextAlign.center,
                                      style: AppFonts.yekan10.copyWith(
                                        color: AppColor.darkGreyNormal,
                                      ),
                                      overflow: TextOverflow.ellipsis,
                                      maxLines: 1,
                                    ),
                                  ],
                                ),
                              ),
                              SizedBox(width: 20),
                              GestureDetector(
                                onTap: () {
                                  // controller.onTapMap();
                                },
                                child: SizedBox(
                                  width: 50,
                                  child: Column(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: [
                                      Assets.vec.mapSvg.svg(
                                        width: 20,
                                        height: 20,
                                        colorFilter: ColorFilter.mode(
                                          AppColor.blueNormal,
                                          BlendMode.srcIn,
                                        ),
                                      ),
                                      SizedBox(height: 8),
                                      Text(
                                        'مسیریابی',
                                        textAlign: TextAlign.center,
                                        style: AppFonts.yekan10.copyWith(
                                          color: AppColor.blueNormal,
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              ),

                              SizedBox(width: 20),
                            ],
                          ),
                        ),
                      ),

                      Container(
                        width: 20,
                        child: Center(
                          child: RotatedBox(
                            quarterTurns: 3,
                            child: Text(
                              index < 3
                                  ? ' بازرسی'
                                  : index < 7
                                  ? 'اطلاعات'
                                  : 'ارجاع به تعاونی',
                              style: AppFonts.yekan8,
                              textAlign: TextAlign.center,
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                );
              },
            ),
          ),
        ],
      ),
    );
  }

  Widget _searchWidget() {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 20),
      child: RTextField(
        suffixIcon: Padding(
          padding: const EdgeInsets.all(12.0),
          child: Assets.vec.searchSvg.svg(
            width: 10,
            height: 10,
            colorFilter: ColorFilter.mode(AppColor.blueNormal, BlendMode.srcIn),
          ),
        ),
        hintText: 'جستجو',
        onChanged: (value) {
          //controller.search(value);
        },
        controller: TextEditingController(),
      ),
    );
  }
}