Insparkspokalen-ui/lib/teams/createTeamsButton.dart

import 'package:flutter/material.dart';
import 'package:insparkspokalen_ui/services/backend/teamService.dart';
import 'package:insparkspokalen_ui/models/teamModel.dart';
import 'package:flutter_svg/flutter_svg.dart';

class CreateTeamsButton extends StatefulWidget {
  final TextEditingController controller;
  final Function(TeamModel) onTeamCreated;

  const CreateTeamsButton({
    super.key,
    required this.controller,
    required this.onTeamCreated,
  });

  @override
  CreateTeamsButtonState createState() => CreateTeamsButtonState();
}

class CreateTeamsButtonState extends State<CreateTeamsButton> {
  final TeamService teamService = TeamService();

  final List<String> availableSeeds = [
    'rings',
    'avataaars-neutral',
    'adventurer-neutral',
    'bottts-neutral',
    'big-ears-neutral',
    'bottts',
    'fun-emoji',
  ];
  String? selectedSeed;

  @override
  void initState() {
    super.initState();
    selectedSeed = availableSeeds.first;
  }

  @override
  Widget build(BuildContext context) {
    return AlertDialog(
      backgroundColor: Colors.white,
      title: const Text(
        'Skapa nytt lag',
        style: TextStyle(color: Colors.black),
      ),
      content: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          TextField(
            controller: widget.controller,
            style: const TextStyle(color: Colors.black),
            decoration: const InputDecoration(
              hintText: 'Lagnamn',
              hintStyle: TextStyle(color: Colors.black),
            ),
          ),
          const SizedBox(height: 16),
          DropdownButtonFormField<String>(
            dropdownColor: Colors.white,
            value: selectedSeed,
            items:
                availableSeeds.map((seed) {
                  return DropdownMenuItem<String>(
                    value: seed,
                    child: Row(
                      children: [
                        SvgPicture.network(
                          'https://api.dicebear.com/9.x/$seed/svg?seed=Example',
                          width: 30,
                          height: 30,
                          placeholderBuilder:
                              (context) => const SizedBox(
                                width: 30,
                                height: 30,
                                child: CircularProgressIndicator(
                                  strokeWidth: 1,
                                ),
                              ),
                        ),
                        const SizedBox(width: 12),
                        Text(seed, style: const TextStyle(color: Colors.black)),
                      ],
                    ),
                  );
                }).toList(),

            onChanged: (value) {
              setState(() {
                selectedSeed = value;
              });
            },
            decoration: const InputDecoration(
              labelText: 'Välj bild (seed)',
              labelStyle: TextStyle(color: Colors.white54),
              enabledBorder: UnderlineInputBorder(
                borderSide: BorderSide(color: Colors.white38),
              ),
            ),
          ),
        ],
      ),
      actions: [
        TextButton(
          onPressed: () {
            Navigator.of(context).pop();
          },
          child: const Text('Avbryt', style: TextStyle(color: Colors.black)),
        ),
        TextButton(
          onPressed: () async {
            String teamName = widget.controller.text.trim();

            if (teamName.isNotEmpty && selectedSeed != null) {
              final success = await teamService.createTeam(
                teamName,
                selectedSeed!,
              );

              if (success) {
                final updatedGroups = await teamService.showTeams();

                final newGroup = updatedGroups.firstWhere(
                  (group) => group.name == teamName,
                  orElse: () => TeamModel(-1, teamName, 0, '', []),
                );

                widget.onTeamCreated(newGroup);
                Navigator.of(context).pop();

                ScaffoldMessenger.of(context).showSnackBar(
                  SnackBar(content: Text("Lag '$teamName' skapades!")),
                );
              } else {
                ScaffoldMessenger.of(context).showSnackBar(
                  const SnackBar(
                    content: Text("Det gick inte att skapa laget"),
                  ),
                );
              }
            } else {
              ScaffoldMessenger.of(context).showSnackBar(
                const SnackBar(
                  content: Text("Vänligen ange namn och välj bild"),
                ),
              );
            }
          },
          style: ElevatedButton.styleFrom(backgroundColor: Colors.yellow),
          child: Text("Skapa", style: TextStyle(color: Colors.black)),
        ),
      ],
    );
  }
}