import 'package:flutter/material.dart';
import 'package:mensaapp/providers/serviceProvider.dart';
import 'package:provider/provider.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage("assets/backgrounds/Service.jpg"),
              fit: BoxFit.cover,
              colorFilter: ColorFilter.mode(
                  Colors.white.withOpacity(0.2),
                  BlendMode.dstATop
              ),
            )
        ),
        width: 600,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                const Text(
                  "Frage1*",
                  style: TextStyle(fontSize: 35),
                ),
                Consumer<ServiceProvider>(
                  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<ServiceProvider>(
                  builder: (context, essenProvider, child) {
                    return RatingStars(onRate: (value) {
                      essenProvider.setRatingFrage2(value);
                    }, initRating: essenProvider.ratingFrage2,);
                  },
                )
              ],
            ),
            const SizedBox(
              height: 50,
            ),
            Consumer<ServiceProvider>(
              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),
                );
              },
            )
          ],
        ),
      ),
    );
  }
}