import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import '../modules/ratingStars.dart';
import '../providers/ambienteProvider.dart';

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          Container(
            decoration: BoxDecoration(
                image: DecorationImage(
                  image: AssetImage("assets/backgrounds/Ambiente.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: 600,
              height: 400,
              padding: EdgeInsets.symmetric(horizontal: 20),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      const Text(
                        "Frage1*",
                        style: TextStyle(fontSize: 35),
                      ),
                      Consumer<AmbienteProvider>(
                        builder: (context, essenProvider, child) {
                          return RatingStars(onRate: (value) {
                            essenProvider.setRatingFrage1(value);
                          }, initRating: essenProvider.ratingFrage1,);
                        },
                      )
                    ],
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      const Text(
                        "Frage2*",
                        style: TextStyle(fontSize: 35),
                      ),
                      Consumer<AmbienteProvider>(
                        builder: (context, essenProvider, child) {
                          return RatingStars(onRate: (value) {
                            essenProvider.setRatingFrage2(value);
                          }, initRating: essenProvider.ratingFrage2,);
                        },
                      )
                    ],
                  ),
                  const SizedBox(
                    height: 50,
                  ),
                  Consumer<AmbienteProvider>(
                    builder: (context, essenProvider, child) {
                      return TextFormField(
                        initialValue: essenProvider.freiText,
                        onChanged: (value) {
                          essenProvider.setFreiText(value);
                        },
                        autofocus: false,
                        maxLength: 500,
                        maxLines: 4,
                        decoration: InputDecoration(
                          labelText: "Dein Feedback (optional)",
                          labelStyle: const TextStyle(fontSize: 20),
                          border: OutlineInputBorder(
                              borderRadius: BorderRadius.circular(15)
                          ),
                        ),
                        style: TextStyle(fontSize: 20),
                      );
                    },
                  )
                ],
              ),
            ),
          )
        ],
      ),
    );
  }
}