import 'package:flutter/material.dart';
import 'package:flutter_rating_bar/flutter_rating_bar.dart';
import 'package:mensaapp/modules/ratingEmote.dart';
import 'package:mensaapp/modules/ratingStars.dart';
import 'package:mensaapp/providers/spezielleErnaehrungProvider.dart';

import 'package:provider/provider.dart';

class PageSpezielleErnaehrung extends StatelessWidget {
  const PageSpezielleErnaehrung({super.key});

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        width: 800,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const SizedBox(
              height: 50,
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                const Text(
                  "Sitzmöglichkeit*",
                  style: TextStyle(fontSize: 35),
                ),
                Consumer<SpezielleErnaehrungProvider>(
                  builder: (context, spezielleErnaehrungProvider, child) {
                    return RatingStars(onRate: (value) {
                      spezielleErnaehrungProvider.setRatingSitzmoeglichkeit(value);
                    }, initRating: spezielleErnaehrungProvider.ratingSitzmoeglichkeit,);
                  },
                )
              ],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                const Text(
                  "Keine Ahnung*",
                  style: TextStyle(fontSize: 35),
                ),
                Consumer<SpezielleErnaehrungProvider>(
                  builder: (context, spezielleErnaehrungProvider, child) {
                    return RatingStars(onRate: (value) {
                      spezielleErnaehrungProvider.setRatingKeineAhnung(value);
                    }, initRating: spezielleErnaehrungProvider.ratingKeineAhnung,);
                  },
                ),

              ],
            ),
            const SizedBox(
              height: 50,
            ),
            Consumer<SpezielleErnaehrungProvider>(
              builder: (context, spezielleErnaehrungProvider, child) {
                return TextFormField(
                  initialValue: spezielleErnaehrungProvider.freiText,
                  onChanged: (value) {
                    spezielleErnaehrungProvider.setFreiText(value);
                  },
                  autofocus: false,
                  maxLength: 500,
                  maxLines: 5,
                  decoration: InputDecoration(
                    labelText: "Dein Feedback (optional)",
                    labelStyle: const TextStyle(fontSize: 20),
                    border: OutlineInputBorder(
                        borderRadius: BorderRadius.circular(15)
                    ),
                  ),
                  style: TextStyle(fontSize: 20),
                );
              },
            )
          ],
        ),
      ),
    );
  }
}