Add Tournament Creation page

2026-03-10 16:41:43 +01:00
parent ad6fc6525e
commit e5a47d54f5
5 changed files with 244 additions and 18 deletions
--- a/frontend_splatournament_manager/lib/pages/create_tournament_page.dart
+++ b/frontend_splatournament_manager/lib/pages/create_tournament_page.dart
@@ -0,0 +1,169 @@
+import 'package:flutter/material.dart';
+import 'package:frontend_splatournament_manager/providers/tournament_provider.dart';
+import 'package:provider/provider.dart';
+import 'package:intl/intl.dart';
+
+class CreateTournamentPage extends StatefulWidget {
+  const CreateTournamentPage({super.key});
+
+  @override
+  State<CreateTournamentPage> createState() => _CreateTournamentPageState();
+}
+
+class _CreateTournamentPageState extends State<CreateTournamentPage> {
+  final _formKey = GlobalKey<FormState>();
+  final _nameController = TextEditingController();
+  final _descriptionController = TextEditingController();
+  final _maxTeamAmountController = TextEditingController();
+
+  DateTime? _startDate;
+  DateTime? _endDate;
+
+  bool _isLoading = false;
+
+  final DateFormat _dateFormat = DateFormat('yyyy-MM-dd');
+
+  Future<void> _selectDate(BuildContext context, bool isStart) async {
+    final initialDate = DateTime.now();
+    final picked = await showDatePicker(
+      context: context,
+      initialDate: initialDate,
+      firstDate: initialDate,
+      lastDate: DateTime(2101),
+    );
+    if (picked != null) {
+      setState(() {
+        if (isStart) {
+          _startDate = picked;
+        } else {
+          _endDate = picked;
+        }
+      });
+    }
+  }
+
+  void _submitForm() async {
+    if (!_formKey.currentState!.validate()) return;
+    if (_startDate == null || _endDate == null) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text('Please select both start and end dates.')),
+      );
+      return;
+    }
+
+    if (_endDate!.isBefore(_startDate!)) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(content: Text('End date cannot be before start date.')),
+      );
+      return;
+    }
+
+    setState(() => _isLoading = true);
+
+    try {
+      final provider = Provider.of<TournamentProvider>(context, listen: false);
+      await provider.createTournament(
+        _nameController.text,
+        _descriptionController.text,
+        int.parse(_maxTeamAmountController.text),
+        _startDate!,
+        _endDate!,
+      );
+      if (!context.mounted) return;
+      Navigator.pop(context);
+    } catch (e) {
+      if (!context.mounted) return;
+      ScaffoldMessenger.of(
+        context,
+      ).showSnackBar(SnackBar(content: Text('Error: $e')));
+    } finally {
+      if (context.mounted) setState(() => _isLoading = false);
+    }
+  }
+
+  @override
+  void dispose() {
+    _nameController.dispose();
+    _descriptionController.dispose();
+    _maxTeamAmountController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: const Text('Create Tournament')),
+      body: SingleChildScrollView(
+        padding: const EdgeInsets.all(16.0),
+        child: Form(
+          key: _formKey,
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              TextFormField(
+                controller: _nameController,
+                decoration: const InputDecoration(labelText: 'Name'),
+                validator: (value) =>
+                    value == null || value.isEmpty ? 'Required' : null,
+              ),
+              const SizedBox(height: 16),
+              TextFormField(
+                controller: _descriptionController,
+                decoration: const InputDecoration(labelText: 'Description'),
+                maxLines: 3,
+                validator: (value) =>
+                    value == null || value.isEmpty ? 'Required' : null,
+              ),
+              const SizedBox(height: 16),
+              TextFormField(
+                controller: _maxTeamAmountController,
+                decoration: const InputDecoration(labelText: 'Max Teams'),
+                keyboardType: TextInputType.number,
+                validator: (value) {
+                  if (value == null || value.isEmpty) return 'Required';
+                  if (int.tryParse(value) == null || int.parse(value) <= 0) {
+                    return 'Must be a positive integer';
+                  }
+                  return null;
+                },
+              ),
+              const SizedBox(height: 24),
+              Row(
+                children: [
+                  Expanded(
+                    child: OutlinedButton(
+                      onPressed: () => _selectDate(context, true),
+                      child: Text(
+                        _startDate == null
+                            ? 'Select Start Date'
+                            : 'Start: ${_dateFormat.format(_startDate!)}',
+                      ),
+                    ),
+                  ),
+                  const SizedBox(width: 16),
+                  Expanded(
+                    child: OutlinedButton(
+                      onPressed: () => _selectDate(context, false),
+                      child: Text(
+                        _endDate == null
+                            ? 'Select End Date'
+                            : 'End: ${_dateFormat.format(_endDate!)}',
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 32),
+              ElevatedButton(
+                onPressed: _isLoading ? null : _submitForm,
+                child: _isLoading
+                    ? const CircularProgressIndicator()
+                    : const Text('Create Tournament'),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}