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 Scaffold(
      body: Stack(
        children: [
          Container(
            width: 1600,
            height: 750,
            decoration: BoxDecoration(
                image: DecorationImage(
                  image: AssetImage("assets/backgrounds/Speziell.jpg"),
                  fit: BoxFit.cover,
                  colorFilter: ColorFilter.mode(
                      Colors.white.withOpacity(0.2),
                      BlendMode.dstATop
                  ),
                )
            ),
          ),
          Center(
            child: Container(
              decoration: BoxDecoration(
                  color: Colors.white.withOpacity(0.8),
                  borderRadius: BorderRadius.only(
                      topLeft: Radius.circular(80),
                      bottomRight: Radius.circular(80)
                  )
              ),
              width: 650,
              height: 450,
              padding: EdgeInsets.symmetric(horizontal: 20),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      const Text(
                        "Vegan?*",
                        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),
                      );
                    },
                  )
                ],
              ),
          ),
        )
        ],
      ),
    );

      Center(
      child: Container(
        width: 800,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                const Text(
                  "Vegan?*",
                  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),
                );
              },
            )
          ],
        ),
      ),
    );
  }
}