import 'package:flutter/material.dart';
import 'package:namer_app/footer.dart';
import 'package:namer_app/header.dart';
import 'package:namer_app/service/addcomment_serv.dart';

class AddCommentPage extends StatelessWidget {
  final int bugId;
  const AddCommentPage({super.key, required this.bugId});

  @override
  Widget build(BuildContext context) {
    // var bugId = TextEditingController();
    var content = TextEditingController();
    return Scaffold(
      appBar: CustomAppbar(),
      backgroundColor: Colors.white,
      body: Stack(children: [
        SingleChildScrollView(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Center(
                  child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text(
                    'ADD COMMENT',
                    style: TextStyle(color: Colors.black, fontSize: 48),
                  ),
                ],
              )),
              Column(
                children: [
                  // Padding(
                  //   padding: const EdgeInsets.all(8.0),
                  //   child: SizedBox(
                  //     width: 396,
                  //     child: TextField(
                  //       decoration: InputDecoration(
                  //           border: OutlineInputBorder(),
                  //           focusedBorder: OutlineInputBorder(
                  //               borderRadius:
                  //                   BorderRadius.all(Radius.circular(12)),
                  //               borderSide: BorderSide(color: Colors.black)),
                  //           enabledBorder: OutlineInputBorder(
                  //               borderRadius:
                  //                   BorderRadius.all(Radius.circular(12)),
                  //               borderSide: BorderSide(color: Colors.black)),
                  //           labelText: 'Enter Description',  
                  //           labelStyle: TextStyle(color: Colors.black),
                  //           filled: true,
                  //           fillColor: Colors.white.withOpacity(0.25)),
                  //       cursorColor: Colors.black,
                  //       style: TextStyle(color: Colors.black),
                  //       controller: bugId,
                  //     ),
                  //   ),
                  // ),
                  Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: SizedBox(
                      width: 396,
                      child: TextField(
                        decoration: InputDecoration(
                            border: OutlineInputBorder(),
                            focusedBorder: OutlineInputBorder(
                                borderRadius:
                                    BorderRadius.all(Radius.circular(12)),
                                borderSide: BorderSide(color: Colors.black)),
                            enabledBorder: OutlineInputBorder(
                                borderRadius:
                                    BorderRadius.all(Radius.circular(12)),
                                borderSide: BorderSide(color: Colors.black)),
                            labelText: 'Enter Content', //todo get data
                            labelStyle: TextStyle(color: Colors.black),
                            filled: true,
                            fillColor: Colors.white.withOpacity(0.25)),
                        cursorColor: Colors.black,
                        style: TextStyle(color: Colors.black),
                        controller: content,
                      ),
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.all(20.0),
                    child: SizedBox(
                      width: 396,
                      height: 61,
                      child: ElevatedButton(
                        onPressed: () => addcomment(context, bugId, content.text), //todo save edit
                        style: ElevatedButton.styleFrom(
                          backgroundColor: Colors.black, 
                          side: BorderSide(color: Colors.white),
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(12.0),
                          ),
                        ),
                        child: Text(
                          'Save',
                          style: TextStyle(color: Colors.white),
                        ),
                      ),
                    ),
                  ),
                ],
              ),
            ],
          ),
        ),
      ]),
      bottomNavigationBar: Footer(),
    );
  }
}