// lib/pages/team/team_list_page.dart

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:rogapp/pages/team/team_controller.dart';
import 'package:rogapp/routes/app_pages.dart';
import 'package:rogapp/services/api_service.dart';

class TeamListPage extends GetView<TeamController> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('チーム管理'),
        actions: [
          IconButton(
            icon: Icon(Icons.add),
            onPressed: () => Get.toNamed(AppPages.TEAM_DETAIL, arguments: {'mode': 'new'}),
          ),
        ],
      ),
      body: FutureBuilder(
        future: Get.putAsync(() => ApiService().init()),
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.done) {
            return Obx(() {
              if (controller.isLoading.value) {
                return Center(child: CircularProgressIndicator());
              } else if (controller.error.value.isNotEmpty) {
                return Center(child: Text('エラー: ${controller.error.value}'));
              } else {
                return ListView.builder(
                  itemCount: controller.teams.length,
                  itemBuilder: (context, index) {
                    final team = controller.teams[index];
                    return ListTile(
                      title: Text(team.teamName),
                      subtitle: Text('${team.category.categoryName} - ${team.zekkenNumber}'),
                      trailing: Text('メンバー: (メンバー数表示予定)'),
                      onTap: () => Get.toNamed(AppPages.TEAM_DETAIL, arguments: {'mode': 'edit', 'team': team}),
                    );
                  },
                );
              }
            });

          } else {
            return Center(child: CircularProgressIndicator());
          }
        },
      ),
    );
  }
}